@verdocs/web-sdk 1.10.3 → 1.10.4

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 d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-template-recipients",[[0,"verdocs-template-recipients",{endpoint:[16],templateId:[1,"template-id"],showingRoleDialog:[32],showingSenderDialog:[32],sender:[32],forceRerender:[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-field-initial",[[0,"verdocs-field-initial",{field:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],done:[4],roleindex:[2],tempInitials:[32],focusField:[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]}]]],["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-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-field-date",[[0,"verdocs-field-date",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],containerId:[32],focusField:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],disabled:[4],editable:[4],moveable:[4],done:[4],roleindex:[2],focusField:[64]}]]],["verdocs-template-name",[[0,"verdocs-template-name",{endpoint:[16],templateId:[1,"template-id"],name:[32],dirty:[32],loading:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["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]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["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-template-attachments",[[0,"verdocs-template-attachments",{endpoint:[16],templateId:[1,"template-id"],loading:[32]}]]],["verdocs-field-checkbox",[[0,"verdocs-field-checkbox",{field:[16],option:[2],disabled:[4],done:[4],roleindex:[2]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],disabled:[4],roleindex:[2],focusField:[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]}]]],["verdocs-field-radio-button",[[0,"verdocs-field-radio-button",{field:[16],option:[2],disabled:[4],done:[4],roleindex:[2]}]]],["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-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["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-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-view",[[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"]}]]],["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-upload-dialog",[[0,"verdocs-upload-dialog",{draggingOver:[32],decodedFiles:[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-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],showCancel:[4,"show-cancel"]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-floating-menu_2",[[0,"verdocs-floating-menu",{options:[16]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]]],["verdocs-component-error",[[0,"verdocs-component-error",{message:[1]}]]],["verdocs-template-create_2",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"],placing:[32],selectedRoleName:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["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-checkbox",[[0,"verdocs-checkbox",{checked:[4],name:[1],label:[1],value:[1],theme:[1],disabled:[4]}]]],["verdocs-button-panel_2",[[4,"verdocs-button-panel",{icon:[1]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],helpText:[1,"help-text"],type:[1],disabled:[4]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]]],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-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-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-template-recipients",[[0,"verdocs-template-recipients",{endpoint:[16],templateId:[1,"template-id"],showingRoleDialog:[32],showingSenderDialog:[32],sender:[32],forceRerender:[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-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-template-name",[[0,"verdocs-template-name",{endpoint:[16],templateId:[1,"template-id"],name:[32],dirty:[32],loading:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["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-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-template-attachments",[[0,"verdocs-template-attachments",{endpoint:[16],templateId:[1,"template-id"],loading:[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-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[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-floating-menu_2",[[0,"verdocs-floating-menu",{options:[16]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]]],["verdocs-template-create_2",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"],placing:[32],selectedRoleName:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[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-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-component-error",{message:[1]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],helpText:[1,"help-text"],type:[1],disabled:[4]}],[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)}));

package/dist/types/components/controls/verdocs-button-panel/verdocs-button-panel.d.ts

@@ -22,6 +22,8 @@ export declare class VerdocsButtonPanel {
   componentDidRender(): void;
   disconnectedCallback(): void;
   showing: boolean;
-  toggle(e: any): void;
+  showPanel(): Promise<void>;
+  hidePanel(): Promise<void>;
+  toggle(): Promise<void>;
   render(): any;
 }

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
 /**
@@ -17,8 +18,16 @@ export declare class VerdocsFieldAttachment {
    * If set, the field will be colored using this index value to select the background color.
    */
   roleIndex?: number;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   private dialog?;
   handleShow(): void;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
 /**
@@ -24,5 +25,22 @@ export declare class VerdocsFieldCheckbox {
    * If set, the field will be colored using this index value to select the background color.
    */
   roleindex?: number;
+  /**
+   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be
+   * changed, so it should typically only be enabled in the Builder.
+   */
+  editable?: boolean;
+  /**
+   * 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's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -35,8 +35,16 @@ export declare class VerdocsFieldDate {
    * Event fired on every character entered into / deleted from the field.
    */
   settingsPress: EventEmitter;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   containerId: string;
   focusField(): Promise<void>;
   componentDidLoad(): void;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -25,7 +25,15 @@ export declare class VerdocsFieldDropdown {
    * keypress.
    */
   fieldChange: EventEmitter<string>;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   handleChange(e: any): void;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -49,6 +49,12 @@ export declare class VerdocsFieldInitial {
    * keypress.
    */
   fieldChange: EventEmitter<string>;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   /**
    * Event fired on every character entered into / deleted from the field.
    */
@@ -59,5 +65,7 @@ export declare class VerdocsFieldInitial {
   hideDialog(): void;
   handleAdopt(e: any): void;
   handleShow(): void;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -57,6 +57,14 @@ export declare class VerdocsFieldPayment {
   fontSize: number;
   averageFontWidth: number;
   requiredFields: any[];
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   componentWillLoad(): void;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
 /**
@@ -24,5 +25,22 @@ export declare class VerdocsFieldRadioButton {
    * If set, the field will be colored using this index value to select the background color.
    */
   roleindex?: number;
+  /**
+   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be
+   * changed, so it should typically only be enabled in the Builder.
+   */
+  editable?: boolean;
+  /**
+   * 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's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -43,11 +43,19 @@ export declare class VerdocsFieldSignature {
    * Event fired on every character entered into / deleted from the field.
    */
   settingsPress: EventEmitter;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
   tempSignature: string;
   private dialog?;
   hideDialog(): void;
   handleAdopt(e: any): void;
   handleShow(): void;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 /**
@@ -31,5 +32,13 @@ export declare class VerdocsFieldTextarea {
    */
   roleindex?: number;
   focusField(): Promise<void>;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -32,10 +32,13 @@ export declare class VerdocsFieldTextbox {
    */
   roleindex?: number;
   /**
-   * Event fired if the field is configurable when the recipient has changed.
+   * Event fired when the field's settings are changed.
    */
-  recipientChanged: EventEmitter<string>;
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
-  handleChangeRecipient(e: any): void;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -1,5 +1,6 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display a timestamp field.
  */
@@ -30,6 +31,14 @@ export declare class VerdocsFieldTimestamp {
    * If set, the field will be colored using this index value to select the background color.
    */
   roleindex?: number;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
   focusField(): Promise<void>;
+  showSettingsPanel(): Promise<void>;
+  hideSettingsPanel(): Promise<void>;
   render(): any;
 }

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

@@ -0,0 +1,58 @@
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { TDocumentFieldType } from '@verdocs/js-sdk/Envelopes/Types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SDKError } from '../../../utils/errors';
+/**
+ * Displays an edit form that allows the user to adjust a field's settings.
+ */
+export declare class VerdocsTemplateFieldProperties {
+  el: any;
+  /**
+   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+   */
+  endpoint: VerdocsEndpoint;
+  /**
+   * The template ID to edit.
+   */
+  templateId: string;
+  /**
+   * The field to configure.
+   */
+  fieldName: string;
+  /**
+   * Event fired when the user cancels the dialog.
+   */
+  close: EventEmitter;
+  /**
+   * Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted,
+   * the role will have already been deleted server-side.
+   */
+  delete: EventEmitter<{
+    templateId: string;
+    roleName: string;
+  }>;
+  /**
+   * Event fired when the field's settings are changed.
+   */
+  settingsChanged: EventEmitter<{
+    fieldName: string;
+  }>;
+  /**
+   * Event fired if an error occurs. The event details will contain information about the error. Most errors will
+   * terminate the process, and the calling application should correct the condition and re-render the component.
+   */
+  sdkError: EventEmitter<SDKError>;
+  dirty: boolean;
+  loading: boolean;
+  type: TDocumentFieldType;
+  name: string;
+  roleName: string;
+  required: boolean;
+  placeholder: string;
+  defaultValue: string;
+  componentWillLoad(): Promise<void>;
+  handleCancel(e: any): void;
+  handleSave(e: any): void;
+  handleDelete(e: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const FieldProperties: ({ onClose, templateId, fieldName }: {
+  onClose: any;
+  templateId: any;
+  fieldName: any;
+}) => import("lit-html").TemplateResult<1>;

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

@@ -3,6 +3,7 @@ import { IPage, ITemplate, ITemplateField } from '@verdocs/js-sdk/Templates/Type
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { IDocumentPageInfo } from '../../../utils/Types';
 import { SDKError } from '../../../utils/errors';
+import { TDocumentFieldType } from '@verdocs/js-sdk/Envelopes/Types';
 /**
  * Displays a builder experience for laying out fields in a template. Note that this experience requires a large display area to
  * present all of the required controls, so it is primarily intended to be used in desktop environments.
@@ -29,7 +30,7 @@ export declare class VerdocsTemplateFields {
    * terminate the process, and the calling application should correct the condition and re-render the component.
    */
   sdkError: EventEmitter<SDKError>;
-  placing: any;
+  placing: TDocumentFieldType | null;
   selectedRoleName: string;
   pageHeights: Record<number, number>;
   componentWillLoad(): Promise<void>;

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

@@ -4,7 +4,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { TTemplateSender } from '@verdocs/js-sdk/Templates/Types';
 import { SDKError } from '../../../utils/errors';
 /**
- * Display a dialog that allows a template sender to be selected.
+ * Display an edit form that allows the user to adjust a role's setitngs.
  */
 export declare class VerdocsTemplateRoleProperties {
   /**