@verdocs/web-sdk 1.11.2 → 1.11.4

package/dist/esm-es5/verdocs-view.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):r(e.value).then(a,s)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];r=0}finally{o=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var o=0,r=t.length,i;o<r;o++){if(i||!(o in t)){if(!i)i=Array.prototype.slice.call(t,0,o);i[o]=t[o]}}return e.concat(i||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment,a as getElement}from"./index-f78d163d.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-7f17b088.js";import{i as saveEnvelopesAsZip,j as saveCertificate,s as saveAttachment}from"./utils-8065a62d.js";import{g as getEnvelopeById,s as state}from"./Envelopes-b8945309.js";import{S as SDKError}from"./errors-9b5498c8.js";import"./Token-54690789.js";import"./Envelopes-eb3eef02.js";import"./Files-70a192df.js";import"./index-d264c496.js";import"./index-fd7b8a34.js";import"./Templates-8e4ab976.js";var verdocsViewCss='verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .header{color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-view .header .logo{width:80px;display:none;margin:-6px 0 0 10px}verdocs-view .header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-view .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-view .document .inner{width:100%;max-width:1028px}';var VerdocsView=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.envelopeUpdated=createEvent(this,"envelopeUpdated",7);this.endpoint=VerdocsEndpoint.getDefault();this.envelopeId=""}e.prototype.componentWillLoad=function(){this.endpoint.loadSession()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,o;return __generator(this,(function(r){switch(r.label){case 0:if(!this.envelopeId){console.error("[VIEW] Missing required envelopeId");return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,getEnvelopeById(this.endpoint,this.envelopeId)];case 2:r.sent();return[3,4];case 3:o=r.sent();(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(o.message,(t=o.response)===null||t===void 0?void 0:t.status,(n=o.response)===null||n===void 0?void 0:n.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handlePageRendered=function(e){var t=e.detail;console.log("[VIEW] Page rendered",t)};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){var t;var n=this;return __generator(this,(function(o){switch(e.detail.id){case"print":window.print();(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:state.envelope,event:"printed"});break;case"download-attachments":saveAttachment(this.endpoint,state.envelope,state.envelope.envelope_document_id).then((function(){var e;(e=n.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:n.endpoint,envelope:state.envelope,event:"downloaded"})})).catch((function(e){console.log("Error downloading PDF",e)}));break;case"download-certificate":saveCertificate(this.endpoint,state.envelope,state.envelope.certificate_document_id).then((function(){var e;(e=n.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:n.endpoint,envelope:state.envelope,event:"downloaded"})})).catch((function(e){console.log("Error downloading PDF",e)}));break;case"download-all":saveEnvelopesAsZip(this.endpoint,[state.envelope]).then((function(){var e;(e=n.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:n.endpoint,envelope:state.envelope,event:"downloaded"})})).catch((function(e){console.log("Error downloading Zip",e)}));break}return[2]}))}))};e.prototype.render=function(){var e=this;var t;console.log("[VIEW] Rendering",state.error,state.loading,state.envelope);if(state.loading||!state.envelope){return h(Host,null,h("verdocs-loader",null))}if(state.error){return h(Host,null,h("div",null,state.error))}var n=[{id:"print",label:"Print"}];var o=state.envelope.documents.length>0;var r=!!state.envelope.certificate;if(o||r){n.push({label:""})}if(o){n.push({id:"download-attachments",label:"Download Documents(s)"})}if(r){n.push({id:"download-certificate",label:"Download Certificate"})}if(o&&r){n.push({id:"download-all",label:"Download All Files"})}return h(Host,{"data-r":state.updateCount},h("div",{class:"header"},h(Fragment,null,h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},state.envelope.name),h("div",{style:{flex:"1"}}),h("div",{style:{marginLeft:"10px"}}),h("verdocs-dropdown",{options:n,onOptionSelected:function(t){return e.handleOptionSelected(t)}}))),h("div",{class:"document"},(((t=state.envelope)===null||t===void 0?void 0:t.documents)||[]).filter((function(e){return e.type!=="certificate"})).map((function(t){var n=__spreadArray([],(t===null||t===void 0?void 0:t.pages)||[],true);n.sort((function(e,t){return e.sequence-t.sequence}));return h(Fragment,null,n.map((function(t){return h("verdocs-document-page",{pageImageUri:t.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:t.sequence,onPageRendered:function(t){return e.handlePageRendered(t)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))))};Object.defineProperty(e.prototype,"component",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsView.style=verdocsViewCss;export{VerdocsView as verdocs_view};
+var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):r(e.value).then(a,s)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];r=0}finally{o=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var o=0,r=t.length,i;o<r;o++){if(i||!(o in t)){if(!i)i=Array.prototype.slice.call(t,0,o);i[o]=t[o]}}return e.concat(i||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment,a as getElement}from"./index-f78d163d.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-d50a8d28.js";import{i as saveEnvelopesAsZip,j as saveCertificate,s as saveAttachment}from"./utils-8065a62d.js";import{g as getEnvelopeById,s as state}from"./Envelopes-b8945309.js";import{S as SDKError}from"./errors-9b5498c8.js";import"./Token-54690789.js";import"./Envelopes-eb3eef02.js";import"./Files-70a192df.js";import"./index-d264c496.js";import"./index-fd7b8a34.js";import"./Templates-8e4ab976.js";var verdocsViewCss='verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .header{color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-view .header .logo{width:80px;display:none;margin:-6px 0 0 10px}verdocs-view .header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-view .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-view .document .inner{width:100%;max-width:1028px}';var VerdocsView=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.envelopeUpdated=createEvent(this,"envelopeUpdated",7);this.endpoint=VerdocsEndpoint.getDefault();this.envelopeId=""}e.prototype.componentWillLoad=function(){this.endpoint.loadSession()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,o;return __generator(this,(function(r){switch(r.label){case 0:if(!this.envelopeId){console.error("[VIEW] Missing required envelopeId");return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,getEnvelopeById(this.endpoint,this.envelopeId)];case 2:r.sent();return[3,4];case 3:o=r.sent();(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(o.message,(t=o.response)===null||t===void 0?void 0:t.status,(n=o.response)===null||n===void 0?void 0:n.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handlePageRendered=function(e){var t=e.detail;console.log("[VIEW] Page rendered",t)};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){var t;var n=this;return __generator(this,(function(o){switch(e.detail.id){case"print":window.print();(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:state.envelope,event:"printed"});break;case"download-attachments":saveAttachment(this.endpoint,state.envelope,state.envelope.envelope_document_id).then((function(){var e;(e=n.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:n.endpoint,envelope:state.envelope,event:"downloaded"})})).catch((function(e){console.log("Error downloading PDF",e)}));break;case"download-certificate":saveCertificate(this.endpoint,state.envelope,state.envelope.certificate_document_id).then((function(){var e;(e=n.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:n.endpoint,envelope:state.envelope,event:"downloaded"})})).catch((function(e){console.log("Error downloading PDF",e)}));break;case"download-all":saveEnvelopesAsZip(this.endpoint,[state.envelope]).then((function(){var e;(e=n.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:n.endpoint,envelope:state.envelope,event:"downloaded"})})).catch((function(e){console.log("Error downloading Zip",e)}));break}return[2]}))}))};e.prototype.render=function(){var e=this;var t;console.log("[VIEW] Rendering",state.error,state.loading,state.envelope);if(state.loading||!state.envelope){return h(Host,null,h("verdocs-loader",null))}if(state.error){return h(Host,null,h("div",null,state.error))}var n=[{id:"print",label:"Print"}];var o=state.envelope.documents.length>0;var r=!!state.envelope.certificate;if(o||r){n.push({label:""})}if(o){n.push({id:"download-attachments",label:"Download Documents(s)"})}if(r){n.push({id:"download-certificate",label:"Download Certificate"})}if(o&&r){n.push({id:"download-all",label:"Download All Files"})}return h(Host,{"data-r":state.updateCount},h("div",{class:"header"},h(Fragment,null,h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},state.envelope.name),h("div",{style:{flex:"1"}}),h("div",{style:{marginLeft:"10px"}}),h("verdocs-dropdown",{options:n,onOptionSelected:function(t){return e.handleOptionSelected(t)}}))),h("div",{class:"document"},(((t=state.envelope)===null||t===void 0?void 0:t.documents)||[]).filter((function(e){return e.type!=="certificate"})).map((function(t){var n=__spreadArray([],(t===null||t===void 0?void 0:t.pages)||[],true);n.sort((function(e,t){return e.sequence-t.sequence}));return h(Fragment,null,n.map((function(t){return h("verdocs-document-page",{pageImageUri:t.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:t.sequence,onPageRendered:function(t){return e.handlePageRendered(t)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))))};Object.defineProperty(e.prototype,"component",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsView.style=verdocsViewCss;export{VerdocsView as verdocs_view};

package/dist/esm-es5/verdocs-web-sdk.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-f78d163d.js";var patchBrowser=function(){var e=import.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return promiseResolve(t)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],done:[4],roleindex:[2],tempInitials:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-signature",[[0,"verdocs-field-signature",{field:[16],name:[1],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],tempSignature:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-template-recipients",[[0,"verdocs-template-recipients",{endpoint:[16],templateId:[1,"template-id"],showingRoleDialog:[32],showingSenderDialog:[32],sender:[32],forceRerender:[32]}]]],["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-field-checkbox",[[0,"verdocs-field-checkbox",{field:[16],option:[2],disabled:[4],done:[4],roleindex:[2],editable:[4],moveable:[4],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],containerId:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-radio-button",[[0,"verdocs-field-radio-button",{field:[16],option:[2],disabled:[4],done:[4],roleindex:[2],editable:[4],moveable:[4],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-sign",[[0,"verdocs-sign",{envelopeId:[1,"envelope-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],hasSignature:[32],nextButtonLabel:[32],nextSubmits:[32],errorMessage:[32],focusedField:[32],isDone:[32],showDone:[32],finishLater:[32],showFinishLater:[32],agreed:[32],documentsSingularPlural:[32]}]]],["verdocs-template-properties",[[0,"verdocs-template-properties",{endpoint:[16],templateId:[1,"template-id"],template:[32],name:[32],visibility:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32]}]]],["verdocs-template-reminders",[[0,"verdocs-template-reminders",{endpoint:[16],templateId:[1,"template-id"],showPlanBlocker:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32],dirty:[32],loading:[32]}]]],["verdocs-template-name",[[0,"verdocs-template-name",{endpoint:[16],templateId:[1,"template-id"],name:[32],dirty:[32],loading:[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],rolesCompleted:[32],reset:[64]}]]],["verdocs-template-visibility",[[0,"verdocs-template-visibility",{endpoint:[16],templateId:[1,"template-id"],dirty:[32],loading:[32],personal:[32],public:[32]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{draggingOver:[32],decodedFiles:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],disabled:[4],roleIndex:[2,"role-index"],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["verdocs-template-attachments",[[0,"verdocs-template-attachments",{endpoint:[16],templateId:[1,"template-id"],loading:[32]}]]],["verdocs-envelope-sidebar",[[0,"verdocs-envelope-sidebar",{endpoint:[16],envelopeId:[1,"envelope-id"],activeTab:[32],panelOpen:[32]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],disabled:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{field:[16],disabled:[4],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],roleindex:[2],preparedMessage:[32],signatureUrl:[32],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],envelope:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-signature-dialog",[[0,"verdocs-signature-dialog",{name:[1],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-view",[[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-template-create_2",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"],placing:[32],selectedRoleName:[32],rerender:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32],creating:[32]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-template-role-properties_2",[[0,"verdocs-template-role-properties",{endpoint:[16],templateId:[1,"template-id"],roleName:[1,"role-name"],sender:[1],dirty:[32],saving:[32],name:[32],type:[32],fullName:[32],email:[32],phone:[32],allowDelegation:[32]}],[0,"verdocs-template-sender",{endpoint:[16],templateId:[1,"template-id"],sender:[1],saving:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],showCancel:[4,"show-cancel"]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["verdocs-dropdown",[[0,"verdocs-dropdown",{options:[16],open:[32]}]]],["verdocs-floating-menu_2",[[0,"verdocs-floating-menu",{options:[16]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]]],["verdocs-document-page_2",[[0,"verdocs-document-page",{pageImageUri:[1,"page-image-uri"],pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[1026,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32]}],[0,"verdocs-loader"]]],["verdocs-checkbox_4",[[0,"verdocs-checkbox",{checked:[4],name:[1],label:[1],value:[1],theme:[1],disabled:[4]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],helpText:[1,"help-text"],type:[1],disabled:[4]}],[0,"verdocs-component-error",{message:[1]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-button-panel_3",[[0,"verdocs-template-field-properties",{endpoint:[16],templateId:[1,"template-id"],fieldName:[1,"field-name"],dirty:[32],loading:[32],type:[32],name:[32],roleName:[32],required:[32],placeholder:[32],defaultValue:[32]}],[4,"verdocs-button-panel",{icon:[1],showPanel:[64],hidePanel:[64],toggle:[64]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-f78d163d.js";var patchBrowser=function(){var e=import.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return promiseResolve(t)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-template-recipients",[[0,"verdocs-template-recipients",{endpoint:[16],templateId:[1,"template-id"],showingRoleDialog:[32],showingSenderDialog:[32],sender:[32],forceRerender:[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],done:[4],roleindex:[2],tempInitials:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-signature",[[0,"verdocs-field-signature",{field:[16],name:[1],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],tempSignature:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-checkbox",[[0,"verdocs-field-checkbox",{field:[16],option:[2],disabled:[4],done:[4],roleindex:[2],editable:[4],moveable:[4],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],containerId:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-radio-button",[[0,"verdocs-field-radio-button",{field:[16],option:[2],disabled:[4],done:[4],roleindex:[2],editable:[4],moveable:[4],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-sign",[[0,"verdocs-sign",{envelopeId:[1,"envelope-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],hasSignature:[32],nextButtonLabel:[32],nextSubmits:[32],errorMessage:[32],focusedField:[32],isDone:[32],showDone:[32],finishLater:[32],showFinishLater:[32],agreed:[32],documentsSingularPlural:[32]}]]],["verdocs-template-properties",[[0,"verdocs-template-properties",{endpoint:[16],templateId:[1,"template-id"],template:[32],name:[32],visibility:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32]}]]],["verdocs-template-reminders",[[0,"verdocs-template-reminders",{endpoint:[16],templateId:[1,"template-id"],showPlanBlocker:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32],dirty:[32],loading:[32]}]]],["verdocs-template-name",[[0,"verdocs-template-name",{endpoint:[16],templateId:[1,"template-id"],name:[32],dirty:[32],loading:[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-signature-dialog",[[0,"verdocs-signature-dialog",{name:[1],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],rolesCompleted:[32],reset:[64]}]]],["verdocs-template-visibility",[[0,"verdocs-template-visibility",{endpoint:[16],templateId:[1,"template-id"],dirty:[32],loading:[32],personal:[32],public:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],disabled:[4],roleIndex:[2,"role-index"],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-template-document-page",[[0,"verdocs-template-document-page",{endpoint:[16],templateId:[1,"template-id"],documentId:[1,"document-id"],pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[1026,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32],pageDisplayUri:[32]}]]],["verdocs-loader",[[0,"verdocs-loader"]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["verdocs-template-attachments",[[0,"verdocs-template-attachments",{endpoint:[16],templateId:[1,"template-id"],loading:[32]}]]],["verdocs-envelope-sidebar",[[0,"verdocs-envelope-sidebar",{endpoint:[16],envelopeId:[1,"envelope-id"],activeTab:[32],panelOpen:[32]}]]],["verdocs-floating-menu",[[0,"verdocs-floating-menu",{options:[16]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],disabled:[4],roleindex:[2],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{field:[16],disabled:[4],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],roleindex:[2],preparedMessage:[32],signatureUrl:[32],showSettingsPanel:[64],hideSettingsPanel:[64]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],envelope:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-document-page_2",[[0,"verdocs-document-page",{pageImageUri:[1,"page-image-uri"],pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[1026,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32]}],[0,"verdocs-dropdown",{options:[16],open:[32]}]]],["verdocs-view",[[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{draggingOver:[32],decodedFiles:[32]}]]],["verdocs-checkbox_4",[[0,"verdocs-checkbox",{checked:[4],name:[1],label:[1],value:[1],theme:[1],disabled:[4]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],helpText:[1,"help-text"],type:[1],disabled:[4]}],[0,"verdocs-component-error",{message:[1]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-template-role-properties_2",[[0,"verdocs-template-role-properties",{endpoint:[16],templateId:[1,"template-id"],roleName:[1,"role-name"],sender:[1],dirty:[32],saving:[32],name:[32],type:[32],fullName:[32],email:[32],phone:[32],allowDelegation:[32]}],[0,"verdocs-template-sender",{endpoint:[16],templateId:[1,"template-id"],sender:[1],saving:[32]}]]],["verdocs-template-create_2",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"],toolbarTargetId:[1,"toolbar-target-id"],placing:[32],selectedRoleName:[32],rerender:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32],creating:[32]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],showCancel:[4,"show-cancel"]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["verdocs-toolbar-icon",[[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]]],["verdocs-button-panel_3",[[0,"verdocs-template-field-properties",{endpoint:[16],templateId:[1,"template-id"],fieldName:[1,"field-name"],dirty:[32],loading:[32],type:[32],name:[32],roleName:[32],required:[32],placeholder:[32],defaultValue:[32]}],[4,"verdocs-button-panel",{icon:[1],showPanel:[64],hidePanel:[64],toggle:[64]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4]}]]]],e)}));

package/dist/types/components/elements/verdocs-template-document-page/verdocs-template-document-page.d.ts

@@ -0,0 +1,68 @@
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IDocumentPageInfo, IPageLayer } from '../../../utils/Types';
+/**
+ * Represents one document page. This is primarily a layout container used to coordinate positions of
+ * page-related layers such as the page itself, signature fields, etc. It is not intended to be used
+ * on its own as an individual component.
+ */
+export declare class VerdocsTemplateDocumentPage {
+  container: HTMLElement;
+  private resizeObserver;
+  /**
+   * The endpoint to load from.
+   */
+  endpoint: VerdocsEndpoint;
+  /**
+   * The ID of the template the document is for.
+   */
+  templateId: string;
+  /**
+   * The ID of the document to display.
+   */
+  documentId: string;
+  /**
+   * The page number being rendered. (Reminder: page numbers are 1-based.)
+   */
+  pageNumber: number;
+  /**
+   * The "virtual" width of the page canvas. Defaults to 612 which at 72dpi is 8.5" wide. This is used to compute
+   * the aspect ratio of the final rendered element when scaling up/down.
+   */
+  virtualWidth: number;
+  /**
+   * The "virtual" height of the page canvas.  Defaults to 792 which at 72dpi is 11" tall. This is used to compute
+   * the aspect ratio of the final rendered element when scaling up/down.
+   */
+  virtualHeight: number;
+  /**
+   * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.
+   * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.
+   * if `pages` was ['page', 'fields'] the structure will be:
+   *
+   * ```
+   *     <div id="verdocs-document-page-ker2fr1p9">
+   *       <div id="verdocs-document-page-ker2fr1p9-page"></div>
+   *       <div id="verdocs-document-page-ker2fr1p9-fields"></div>
+   *     </div>
+   * ```
+   */
+  layers: IPageLayer[];
+  /**
+   * Fired when a page has been rendered. This is also fired when the page is resized.
+   */
+  pageRendered: EventEmitter<IDocumentPageInfo>;
+  containerId: string;
+  renderedWidth: number;
+  renderedHeight: number;
+  naturalWidth: number;
+  naturalHeight: number;
+  aspectRatio: number;
+  skipFirstNotification: boolean;
+  pageDisplayUri: string;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  notifyRenderedSize(): void;
+  render(): any;
+}

package/dist/types/components/embeds/verdocs-preview/verdocs-preview.d.ts

@@ -1,6 +1,5 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 import { SDKError } from '../../../utils/errors';
 /**
  * Display a template preview experience. This will display the template's attached
@@ -22,7 +21,6 @@ export declare class VerdocsPreview {
    */
   sdkError: EventEmitter<SDKError>;
   componentDidLoad(): Promise<void>;
-  handleFieldChange(field: ITemplateField, e: any, optionId?: string): Promise<void>;
   handlePageRendered(e: any): void;
   render(): any;
 }

package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.d.ts

@@ -40,6 +40,12 @@ export declare class VerdocsFieldCheckbox {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   showSettingsPanel(): Promise<void>;
   hideSettingsPanel(): Promise<void>;
   render(): any;

package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts

@@ -41,6 +41,12 @@ export declare class VerdocsFieldDate {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   containerId: string;
   focusField(): Promise<void>;
   componentDidLoad(): void;

package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts

@@ -31,6 +31,12 @@ export declare class VerdocsFieldDropdown {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   handleChange(e: any): void;
   showSettingsPanel(): Promise<void>;

package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts

@@ -59,6 +59,12 @@ export declare class VerdocsFieldInitial {
    * Event fired on every character entered into / deleted from the field.
    */
   settingsPress: EventEmitter;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   tempInitials: string;
   private dialog?;

package/dist/types/components/fields/verdocs-field-payment/verdocs-field-payment.d.ts

@@ -63,6 +63,12 @@ export declare class VerdocsFieldPayment {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   componentWillLoad(): void;
   showSettingsPanel(): Promise<void>;
   hideSettingsPanel(): Promise<void>;

package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts

@@ -40,6 +40,12 @@ export declare class VerdocsFieldRadioButton {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   showSettingsPanel(): Promise<void>;
   hideSettingsPanel(): Promise<void>;
   render(): any;

package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts

@@ -49,6 +49,12 @@ export declare class VerdocsFieldSignature {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   tempSignature: string;
   private dialog?;

package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.d.ts

@@ -38,6 +38,12 @@ export declare class VerdocsFieldTextarea {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   showSettingsPanel(): Promise<void>;
   hideSettingsPanel(): Promise<void>;
   render(): any;

package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts

@@ -37,6 +37,12 @@ export declare class VerdocsFieldTextbox {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   showSettingsPanel(): Promise<void>;
   hideSettingsPanel(): Promise<void>;

package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.d.ts

@@ -37,6 +37,12 @@ export declare class VerdocsFieldTimestamp {
   settingsChanged: EventEmitter<{
     fieldName: string;
   }>;
+  /**
+   * Event fired when the field is deleted.
+   */
+  deleted: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   showSettingsPanel(): Promise<void>;
   hideSettingsPanel(): Promise<void>;

package/dist/types/components/templates/verdocs-template-fields/verdocs-template-fields.d.ts

@@ -17,6 +17,12 @@ export declare class VerdocsTemplateFields {
    * The ID of the template to create the document from.
    */
   templateId: string | null;
+  /**
+   * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this
+   * component renders, the toolbar will be removed from its default location and placed in the target element.
+   * This allows the parent application to more easily control its placement and scroll effects.
+   */
+  toolbarTargetId: string | null;
   /**
    * Event fired when the user completes the step.
    */

package/dist/types/components.d.ts

@@ -713,6 +713,36 @@ export namespace Components {
          */
         "endpoint": VerdocsEndpoint;
     }
+    interface VerdocsTemplateDocumentPage {
+        /**
+          * The ID of the document to display.
+         */
+        "documentId": string;
+        /**
+          * The endpoint to load from.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer. The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g. if `pages` was ['page', 'fields'] the structure will be:  ```     <div id="verdocs-document-page-ker2fr1p9">       <div id="verdocs-document-page-ker2fr1p9-page"></div>       <div id="verdocs-document-page-ker2fr1p9-fields"></div>     </div> ```
+         */
+        "layers": IPageLayer[];
+        /**
+          * The page number being rendered. (Reminder: page numbers are 1-based.)
+         */
+        "pageNumber": number;
+        /**
+          * The ID of the template the document is for.
+         */
+        "templateId": string;
+        /**
+          * The "virtual" height of the page canvas.  Defaults to 792 which at 72dpi is 11" tall. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
+         */
+        "virtualHeight": number;
+        /**
+          * The "virtual" width of the page canvas. Defaults to 612 which at 72dpi is 8.5" wide. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
+         */
+        "virtualWidth": number;
+    }
     interface VerdocsTemplateFieldProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -736,6 +766,10 @@ export namespace Components {
           * The ID of the template to create the document from.
          */
         "templateId": string | null;
+        /**
+          * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this component renders, the toolbar will be removed from its default location and placed in the target element. This allows the parent application to more easily control its placement and scroll effects.
+         */
+        "toolbarTargetId": string | null;
     }
     interface VerdocsTemplateName {
         /**
@@ -1027,6 +1061,10 @@ export interface VerdocsTemplateCreateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateCreateElement;
 }
+export interface VerdocsTemplateDocumentPageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplateDocumentPageElement;
+}
 export interface VerdocsTemplateFieldPropertiesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateFieldPropertiesElement;
@@ -1334,6 +1372,12 @@ declare global {
         prototype: HTMLVerdocsTemplateCreateElement;
         new (): HTMLVerdocsTemplateCreateElement;
     };
+    interface HTMLVerdocsTemplateDocumentPageElement extends Components.VerdocsTemplateDocumentPage, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateDocumentPageElement: {
+        prototype: HTMLVerdocsTemplateDocumentPageElement;
+        new (): HTMLVerdocsTemplateDocumentPageElement;
+    };
     interface HTMLVerdocsTemplateFieldPropertiesElement extends Components.VerdocsTemplateFieldProperties, HTMLStencilElement {
     }
     var HTMLVerdocsTemplateFieldPropertiesElement: {
@@ -1474,6 +1518,7 @@ declare global {
         "verdocs-template-attachments": HTMLVerdocsTemplateAttachmentsElement;
         "verdocs-template-card": HTMLVerdocsTemplateCardElement;
         "verdocs-template-create": HTMLVerdocsTemplateCreateElement;
+        "verdocs-template-document-page": HTMLVerdocsTemplateDocumentPageElement;
         "verdocs-template-field-properties": HTMLVerdocsTemplateFieldPropertiesElement;
         "verdocs-template-fields": HTMLVerdocsTemplateFieldsElement;
         "verdocs-template-name": HTMLVerdocsTemplateNameElement;
@@ -1716,6 +1761,10 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldCheckboxCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -1750,6 +1799,10 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldDateCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -1772,6 +1825,10 @@ declare namespace LocalJSX {
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldDropdownCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
@@ -1818,6 +1875,10 @@ declare namespace LocalJSX {
           * Event emitted when the user cancels the process.
          */
         "onCancel"?: (event: VerdocsFieldInitialCustomEvent<any>) => void;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldInitialCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
          */
@@ -1851,6 +1912,10 @@ declare namespace LocalJSX {
         "fieldId"?: string;
         "fields"?: any[];
         "focused"?: boolean;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldPaymentCustomEvent<{fieldName: string}>) => void;
         "onInitialComplete"?: (event: VerdocsFieldPaymentCustomEvent<string>) => void;
         /**
           * Event fired when the field's settings are changed.
@@ -1889,6 +1954,10 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldRadioButtonCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -1927,6 +1996,10 @@ declare namespace LocalJSX {
           * If set, the signature creation dialog will be initialized with this text.
          */
         "name"?: string;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldSignatureCustomEvent<{fieldName: string}>) => void;
         /**
           * Event emitted when the field has changed.
          */
@@ -1965,6 +2038,10 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldTextareaCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -1995,6 +2072,10 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldTextboxCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -2025,6 +2106,10 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
+        /**
+          * Event fired when the field is deleted.
+         */
+        "onDeleted"?: (event: VerdocsFieldTimestampCustomEvent<{fieldName: string}>) => void;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -2376,6 +2461,40 @@ declare namespace LocalJSX {
          */
         "onSdkError"?: (event: VerdocsTemplateCreateCustomEvent<SDKError>) => void;
     }
+    interface VerdocsTemplateDocumentPage {
+        /**
+          * The ID of the document to display.
+         */
+        "documentId"?: string;
+        /**
+          * The endpoint to load from.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer. The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g. if `pages` was ['page', 'fields'] the structure will be:  ```     <div id="verdocs-document-page-ker2fr1p9">       <div id="verdocs-document-page-ker2fr1p9-page"></div>       <div id="verdocs-document-page-ker2fr1p9-fields"></div>     </div> ```
+         */
+        "layers"?: IPageLayer[];
+        /**
+          * Fired when a page has been rendered. This is also fired when the page is resized.
+         */
+        "onPageRendered"?: (event: VerdocsTemplateDocumentPageCustomEvent<IDocumentPageInfo>) => void;
+        /**
+          * The page number being rendered. (Reminder: page numbers are 1-based.)
+         */
+        "pageNumber"?: number;
+        /**
+          * The ID of the template the document is for.
+         */
+        "templateId"?: string;
+        /**
+          * The "virtual" height of the page canvas.  Defaults to 792 which at 72dpi is 11" tall. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
+         */
+        "virtualHeight"?: number;
+        /**
+          * The "virtual" width of the page canvas. Defaults to 612 which at 72dpi is 8.5" wide. This is used to compute the aspect ratio of the final rendered element when scaling up/down.
+         */
+        "virtualWidth"?: number;
+    }
     interface VerdocsTemplateFieldProperties {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2431,6 +2550,10 @@ declare namespace LocalJSX {
           * The ID of the template to create the document from.
          */
         "templateId"?: string | null;
+        /**
+          * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this component renders, the toolbar will be removed from its default location and placed in the target element. This allows the parent application to more easily control its placement and scroll effects.
+         */
+        "toolbarTargetId"?: string | null;
     }
     interface VerdocsTemplateName {
         /**
@@ -2737,6 +2860,7 @@ declare namespace LocalJSX {
         "verdocs-template-attachments": VerdocsTemplateAttachments;
         "verdocs-template-card": VerdocsTemplateCard;
         "verdocs-template-create": VerdocsTemplateCreate;
+        "verdocs-template-document-page": VerdocsTemplateDocumentPage;
         "verdocs-template-field-properties": VerdocsTemplateFieldProperties;
         "verdocs-template-fields": VerdocsTemplateFields;
         "verdocs-template-name": VerdocsTemplateName;
@@ -2802,6 +2926,7 @@ declare module "@stencil/core" {
             "verdocs-template-attachments": LocalJSX.VerdocsTemplateAttachments & JSXBase.HTMLAttributes<HTMLVerdocsTemplateAttachmentsElement>;
             "verdocs-template-card": LocalJSX.VerdocsTemplateCard & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCardElement>;
             "verdocs-template-create": LocalJSX.VerdocsTemplateCreate & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCreateElement>;
+            "verdocs-template-document-page": LocalJSX.VerdocsTemplateDocumentPage & JSXBase.HTMLAttributes<HTMLVerdocsTemplateDocumentPageElement>;
             "verdocs-template-field-properties": LocalJSX.VerdocsTemplateFieldProperties & JSXBase.HTMLAttributes<HTMLVerdocsTemplateFieldPropertiesElement>;
             "verdocs-template-fields": LocalJSX.VerdocsTemplateFields & JSXBase.HTMLAttributes<HTMLVerdocsTemplateFieldsElement>;
             "verdocs-template-name": LocalJSX.VerdocsTemplateName & JSXBase.HTMLAttributes<HTMLVerdocsTemplateNameElement>;

package/dist/verdocs-web-sdk/p-0522edd2.system.js

@@ -0,0 +1 @@
+System.register([],(function(n){"use strict";return{execute:function(){var e=undefined&&undefined.__awaiter||function(n,e,t,r){function o(n){return n instanceof t?n:new t((function(e){e(n)}))}return new(t||(t=Promise))((function(t,a){function u(n){try{c(r.next(n))}catch(n){a(n)}}function i(n){try{c(r["throw"](n))}catch(n){a(n)}}function c(n){n.done?t(n.value):o(n.value).then(u,i)}c((r=r.apply(n,e||[])).next())}))};var t=undefined&&undefined.__generator||function(n,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,u;return u={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function i(n){return function(e){return c([n,e])}}function c(i){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,i[0]&&(t=0)),t)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;o=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){t.label=i[1];break}if(i[0]===6&&t.label<a[1]){t.label=a[1];a=i;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(i);break}if(a[2])t.ops.pop();t.trys.pop();continue}i=e.call(n,t)}catch(n){i=[6,n];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var r=n("c",(function(n,e,t,r){var o=new FormData;o.append("document",t,t.name);return n.api.post("/templates/".concat(e,"/documents"),o,{timeout:6e4,onUploadProgress:function(n){var e=n.total||1;var t=n.loaded||0;r===null||r===void 0?void 0:r(Math.floor(t*100/(e||1)),t,e||1)}}).then((function(n){return n.data}))}));var o=n("g",(function(n,r,o,a){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return[2,n.api.get("/templates/".concat(r,"/documents/").concat(o,"/pages/").concat(a,"/image")).then((function(n){return n.data}))]}))}))}))}}}));

package/dist/verdocs-web-sdk/p-07f254ef.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-97329951.system.js","./p-e12b7fbc.system.js"],(function(o){"use strict";var t,e,i,r;return{setters:[function(o){t=o.r;e=o.h;i=o.H},function(o){r=o.c}],execute:function(){var n='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}';var p=o("verdocs_toolbar_icon",function(){function o(o){t(this,o);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}o.prototype.componentDidLoad=function(){this.popperInstance=r(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};o.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};o.prototype.show=function(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};o.prototype.hide=function(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")};o.prototype.render=function(){var o=this;return e(i,{class:{}},e("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return o.show()},onFocus:function(){return o.show()},onMouseLeave:function(){return o.hide()},onBlur:function(){return o.hide()},ref:function(t){return o.iconEl=t}}),e("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return o.tooltip=t}},this.text,e("div",{"data-popper-arrow":"true",class:"arrow"})))};return o}());p.style=n}}}));

package/dist/verdocs-web-sdk/p-0be7122f.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,h as t,H as s}from"./p-ff1278ed.js";import{g as i}from"./p-6de76553.js";import{g as r}from"./p-25fa36d7.js";import{s as n}from"./p-3d4b187a.js";import"./p-388b771c.js";import"./p-21603661.js";import"./p-aa124212.js";import"./p-ab01f71e.js";import"./p-5ea05a1d.js";import"./p-7291906c.js";const a=class{constructor(t){e(this,t),this.fieldChange=o(this,"fieldChange",7),this.settingsChanged=o(this,"settingsChanged",7),this.deleted=o(this,"deleted",7),this.field=null,this.disabled=!1,this.roleindex=0}async focusField(){this.el.focus()}handleChange(e){this.fieldChange.emit(e.target.value)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.field.name}`);e&&e.showPanel&&e.showPanel()}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.field.name}`);e&&e.hidePanel&&e.hidePanel(),n.updateCount++}render(){var e,o;const n=r(this.field),a=null!==(o=null!==(e=this.disabled)&&void 0!==e?e:n.disabled)&&void 0!==o&&o,d=this.field.rgba||i(this.roleindex);return t(s,{class:{required:n.required,disabled:a},style:{backgroundColor:d}},t("select",{tabIndex:n.order,disabled:a,ref:e=>this.el=e,onChange:e=>this.handleChange(e)},t("option",{value:""},"Select..."),(n.options||[]).map((e=>t("option",{value:e.id,selected:e.value===n.value},e.value)))))}};a.style='verdocs-field-dropdown{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:85px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown.disabled{opacity:0.5}verdocs-field-dropdown select{position:absolute;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.required select{border:1px solid #cc0000}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';export{a as verdocs_field_dropdown}