legalesign-document-viewer 0.6.5 → 0.6.6

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-Czv4Oowx.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["ls-field-properties-dropdown.cjs",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield.cjs",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input.cjs",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager.cjs",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_45.cjs",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[769,"ls-validation-manager",{"validationErrors":[16]}],[769,"ls-feature-column",{"manager":[1025],"mode":[1]}],[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{"dataItem":[16]}],[769,"ls-field-properties-email",{"dataItem":[16]}],[769,"ls-field-properties-file",{"dataItem":[16]}],[769,"ls-field-properties-general",{"dataItem":[16]}],[769,"ls-field-properties-image",{"dataItem":[16]}],[769,"ls-field-properties-number",{"dataItem":[16]}],[769,"ls-field-properties-signature",{"dataItem":[16]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[769,"ls-field-distribute",{"dataItem":[1040]}],[769,"ls-field-alignment",{"dataItem":[1040]}],[769,"ls-field-size",{"dataItem":[1040]}],[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}],[769,"ls-field-placement",{"dataItem":[1040]}],[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}],[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[769,"ls-field-dimensions",{"dataItem":[1040]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[769,"ls-editor-field",{"assignee":[1],"dataItem":[1040],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5.cjs",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
+  return index.bootstrapLazy([["ls-field-properties-dropdown.cjs",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield.cjs",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input.cjs",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager.cjs",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_45.cjs",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[769,"ls-validation-manager",{"validationErrors":[16]}],[769,"ls-feature-column",{"manager":[1025],"mode":[1]}],[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{"dataItem":[16]}],[769,"ls-field-properties-email",{"dataItem":[16]}],[769,"ls-field-properties-file",{"dataItem":[16]}],[769,"ls-field-properties-general",{"dataItem":[16]}],[769,"ls-field-properties-image",{"dataItem":[16]}],[769,"ls-field-properties-number",{"dataItem":[16]}],[769,"ls-field-properties-signature",{"dataItem":[16]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[769,"ls-field-distribute",{"dataItem":[1040]}],[769,"ls-field-alignment",{"dataItem":[1040]}],[769,"ls-field-size",{"dataItem":[1040]}],[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}],[769,"ls-field-placement",{"dataItem":[1040]}],[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}],[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[769,"ls-field-dimensions",{"dataItem":[1040]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[769,"ls-editor-field",{"assignee":[1],"dataItem":[1040],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5.cjs",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/ls-document-options_45.cjs.entry.js

@@ -35373,15 +35373,6 @@ function alter(diffFn) {
     });
     this.mutate.emit(diffs);
 }
-function debounce$1(func, timeout = 300) {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-            func.apply(this, args);
-        }, timeout);
-    };
-}
 // After a mutation ensure that the new data is stored in fields and template
 function matchData(data) {
     const newObj = data.result;
@@ -40798,10 +40789,10 @@ const LsDocumentViewer = class {
                 }
                 this.manager = manager.detail;
             } })), index.h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, index.h("div", { class: "ls-editor-infobox" }, index.h("h2", { class: "toolbox-section-title" }, "Fields"), index.h("p", { class: "toolbox-section-description" }, "Drag and drop, or select and double click, to place fields on the Document.")), index.h("div", { class: "fields-box" }, this.signer > 0 && this.showTool('signature') && (index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 25, defaultWidth: 97, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 25, defaultWidth: 97, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer })), this.showTool('text') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 16, defaultWidth: 150, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 16, defaultWidth: 100, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), this.showTool('date') && (index.h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 16, defaultWidth: 100, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer })), this.showTool('email') && (index.h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 16, defaultWidth: 150, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer })), this.showTool('initials') && (index.h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 25, defaultWidth: 70, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer })), this.showTool('number') && (index.h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 16, defaultWidth: 150, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 16, defaultWidth: 100, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 16, defaultWidth: 16, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.signer })), this.signer > 0 && this.showTool('regex') && (index.h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 16, defaultWidth: 150, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer })), this.signer > 0 && this.showTool('image') && (index.h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 16, defaultWidth: 100, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 16, defaultWidth: 100, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))), index.h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), index.h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' }), index.h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'toolbox' : 'hidden' }), index.h("ls-recipient-manager", { id: "ls-recipient-manager", class: this.manager === 'recipient' ? 'compose-toolbox' : 'hidden' }, index.h("div", { class: 'scroll-gradient-top' }), index.h("div", { class: 'scroll-gradient-bottom' }), index.h("ls-validation-tag", { validationErrors: this.validationErrors, style: { position: 'absolute', top: '1.125rem', right: '1rem' }, type: "compose" }), index.h("div", { class: 'recipients-box' }, this._recipients &&
-            this._recipients.map(recipient => (index.h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))))), !this.displayTable && (index.h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
+            this._recipients.map(recipient => (index.h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex }))), index.h("slot", { name: 'recipient-panel' })))), !this.displayTable && (index.h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
                 this.selected = [];
                 e.preventDefault();
-            }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "1.25rem" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("ls-toolbar", { key: 'e4eee44241cccfb8d0c9a169da3f8ddc2ed9421a', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode }), index.h("div", { key: '9561bfd30305661ce49581666eefa65ffc1305bc', id: "ls-mid-area" }, index.h("div", { key: '43ddbee504b064cdc4d9a7f245ab772502a8a3c3', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: 'd3f82b732a7d9cccba0a29871985e29883586325', id: "ls-document-frame" }, index.h("canvas", { key: '6cb2d37b3667b8a5bf398a89624a544c4df6c9b1', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: 'e4a59df7c8dd4c1fc5f1d98aee83007b0c8804bb', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '13901fd6342e5eb30569687aab399f68fb991f1c', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: 'a146d68ce47b0cfed21cb8e5ba4a037f521a9926', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: 'f5de8b5ab573e2abe5dc54aeb0160b0ee456dae8', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "1.25rem" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("ls-toolbar", { key: '184e1155063c47577721d9bc5f3188c4e3a1d36f', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode }), index.h("div", { key: '137092cc588a0d9fb132379103f728e7c2428534', id: "ls-mid-area" }, index.h("div", { key: '40413c7936f05d99cc40a9ee076c6c7e1fc5e7a6', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: '6198971eb33ffd56aadd50c880a88bb8ae28d51e', id: "ls-document-frame" }, index.h("canvas", { key: 'e0eb056d241beb0ccb5720c2b0501b96af5ccd2d', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: '2d38b6ca0fbc87c706131513eb8d878a6bc093cc', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '1e7bb54edb54952c51710cb31eb8475da39145d0', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: 'dad16b80082a19f6cdd335e63f289199d5b6b0ae', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: '4761a6f9ebad9a90729f35bbb15f22c3806ec8e1', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],
@@ -49910,10 +49901,6 @@ const LsStatusbar = class {
         this.editor.setZoom(value);
         this.zoom = value;
     }
-    handleZoomInput() {
-        const zoomInput = this.component.shadowRoot.getElementById('zoomRange');
-        debounce$1(this.setZoom(parseInt(zoomInput.value) / 100), 700);
-    }
     fitWidth() {
         const leftBox = this.editor.component.shadowRoot.getElementById('ls-left-box');
         const midBox = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');
@@ -49932,11 +49919,11 @@ const LsStatusbar = class {
         this.zoom = this.editor.zoom;
     }
     render() {
-        return (index.h(index.Host, { key: '742649860d07568bedad7ac48f4ff1234f36ada2' }, index.h("div", { key: 'b73fd6a065b4555a03379d34136f116ee1202b53', class: 'controls-bar' }, index.h("div", { key: '239a34feeb09897c702e41cb48d46498790acc34', class: 'status-bar-section' }, index.h("button", { key: '86f520fde505a24906c5367b4c63200b1ad8498a', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, index.h("ls-icon", { key: '45c62bdfb7fe4f396dec82d7115fd5880eb8f6fb', name: "zoom-out" })), index.h("div", { key: '0959ad89fedc90e91838259309378606fe103182' }, index.h("input", { key: '5106a0e09eca1893ead1a65d0de37b5795f53c75', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), index.h("button", { key: 'c5b3e3f39a3827b465ddee80c781cbad5dcae29b', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, index.h("ls-icon", { key: '1c5991679cc1f00f0f96b3360f5a42cc1a0be317', name: "zoom-in" }))), index.h("div", { key: '4ddfb42b653b3d4d394b61e743e2a267469c065d', class: 'status-bar-section' }, index.h("button", { key: 'ccc4dfe63c36d868d7ca29ea1b8950d5c6e581b0', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, index.h("ls-icon", { key: '27cd530f53fdb08b0ef4bbad028212e10a3a0e5e', name: "fit-width" })), index.h("button", { key: '94fce3b1f6670c4649de853fe62020af9ff134d2', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, index.h("ls-icon", { key: 'e80029b552ed1baaabc20eb0a24eaf0372da0482', name: "fit-height" }))), index.h("div", { key: 'f170ca484686d49c62f6267055b6145dc81a49ff', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, index.h("button", { key: '922de1aa27ed6b91d2953124cddf129f281c652a', onClick: () => {
+        return (index.h(index.Host, { key: '69daa9251f31cf28501fd47c5536a3a0e76d48cf' }, index.h("div", { key: 'f1204ff3c369c48389df4ed8c5cb45457bb087a4', class: 'controls-bar' }, index.h("div", { key: '268b93d93af4689dbd477e292db3dbb45c88e40c', class: 'status-bar-section' }, index.h("button", { key: '50ed0b096d871252132eb8315d7b667ff2c1dbed', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, index.h("ls-icon", { key: '278a53a799c94c202b1167ea4ee4ac2d93f69907', name: "zoom-out" })), index.h("button", { key: '5e54b379f8b62bcec29ae9b2a93a3f2c18e4d2cf', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, index.h("ls-icon", { key: 'e1442756c0f2a116ef5c73bfdc8c1a6d4175f2f7', name: "zoom-in" }))), index.h("div", { key: '2b8f781d778751430c6c0a092480951da8e19bb6', class: 'status-bar-section' }, index.h("button", { key: 'a4c2ecf2fe768c08da4b62a79650c68497cb1284', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, index.h("ls-icon", { key: '1aabfc52e2ee40e1987013df6c289b1e061c44fc', name: "fit-width" })), index.h("button", { key: 'd0c118e1bccd4ecf46ee1d69443e88f8f28aa840', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, index.h("ls-icon", { key: '64c11d4a5ec0baa1d00b37ce0fef036b0be4135d', name: "fit-height" }))), index.h("div", { key: '88aacd1a5d7f93cc32ffdf06ffc80466dedf81f7', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, index.h("button", { key: 'b50e21a2c4e81bfd74c8e28e0434e9e87efd5ecf', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, index.h("ls-icon", { key: 'cbac7f953a9fe3ffaf61eedb9858d4fe46ad8d50', name: "chevron-left" })), index.h("p", { key: '740baed4e96aef4464efa3e3419e47c00d8883e0' }, this.page, " / ", this.pageCount), index.h("button", { key: '16e04101bcb32d631b2d960db74d1bd6ae58134f', onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, index.h("ls-icon", { key: '186439c2ec1aaf4c28115b127aefa5fba822e0bc', name: "chevron-left" })), index.h("p", { key: '6fd3361abd38ee35deb8a17c79c760a2ffa756c4' }, this.page, " / ", this.pageCount), index.h("button", { key: 'f2b8a8b7f01d054f8c8134f1dadfb14d1f7c3029', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, index.h("ls-icon", { key: '316539966dba01f60a4cee86525b064dbcb4ee4b', name: "chevron-right" })))), index.h("ls-helper-bar", { key: '7170b31dfb9b812d0ac2f8a0d4899c431f0a4050' }), index.h("ls-tooltip", { key: '028555d3641d0d1b6cf044118352947bb61c0ca3', id: "ls-tooltip-master" }), index.h("slot", { key: 'e1eb6f13c458677c03f038971500f5e67034e2f7' })));
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, index.h("ls-icon", { key: 'fb8afc77276ed238b9e1eb54b89c9b34ee488371', name: "chevron-right" })))), index.h("ls-helper-bar", { key: '91f843e993768fcccdfad5a7dfc0ea3657a11bb5' }), index.h("ls-tooltip", { key: '1234000b8e14762eee8ec59474c700b454f8794d', id: "ls-tooltip-master" }), index.h("slot", { key: '81c53b7c086941ca205bb8991e275a7e270c09d9' })));
     }
 };
 LsStatusbar.style = lsStatusbarCss();
@@ -49955,9 +49942,9 @@ const LsToggle = class {
         this.valueChange.emit(value);
     }
     render() {
-        return (index.h(index.Host, { key: '4926b3cebed736be76a1278a63f9a82c0930e284' }, index.h("label", { key: 'caf1b2c86e88c5121598fa9a1551e5b9e36020f0', class: "switch" }, index.h("input", { key: '3a8b61c32756d1e295ea31cca74d7abca7485382', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (index.h(index.Host, { key: '5957a9ed29969b58d963574ba999b2b180a1d7ff' }, index.h("label", { key: '7e143845da6d747f0cf98436e67717439a139ede', class: "switch" }, index.h("input", { key: 'e1702d38aa544b818289eb9f800915c45fdff9d2', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
-            } }), index.h("span", { key: 'fac8746b8699c2e4e50b67210ef41833f747caf5', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), index.h("slot", { key: '5c269a541252849337676f443befe596d9c289ef' })));
+            } }), index.h("span", { key: '0844f70abf4c3b6e4c7f882bd0198ccf336cece8', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), index.h("slot", { key: 'f35aefebfabfbc4abf066093fb7372093fb170e5' })));
     }
 };
 LsToggle.style = lsToggleCss();
@@ -50012,7 +49999,7 @@ const LsToolbar = class {
         });
     }
     render() {
-        return (index.h("div", { key: '85a5469c9299fb2446b60c2c05796dc6813d53cc', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }))) : (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }), index.h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), index.h("ls-tooltip", { key: 'dfb036d33dbd2945d0fabc8a35043cf82d28922f', id: "ls-tooltip-master" }), index.h("slot", { key: '0f85417255f02fab434ad66c41850174abd87b93' })));
+        return (index.h("div", { key: '9241015256606515c1bafe6de514f51d3dcae839', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }))) : (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }), index.h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), index.h("ls-tooltip", { key: '1a7a857a5c8398e5400ec55657186fbe92be75eb', id: "ls-tooltip-master" }), index.h("slot", { key: 'd05c68ac93f23e145105d39ffe4de5336011b831' })));
     }
 };
 LsToolbar.style = lsToolbarCss();
@@ -50091,7 +50078,7 @@ const LsToolboxField = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '839ca32d4ef3117e241d2f70837dd32b88da7808', draggable: "true" }, index.h("div", { key: '1b06e4c676d3527caca6dd2d3b1a5bf47ccbc94b', class: 'ls-toolbox-field', style: this.isSelected && {
+        return (index.h(index.Host, { key: '56a23ad17846f199f7fcaf850fc2152685b0095b', draggable: "true" }, index.h("div", { key: '5b003deaf994d5182aa2a219d5eb4249601d556f', class: 'ls-toolbox-field', style: this.isSelected && {
                 background: defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultRolePalette[this.signer % 100].s80,
@@ -50106,9 +50093,9 @@ const LsToolboxField = class {
                     defaultWidth: this.defaultWidth,
                     fixedAspect: this.fixedAspect,
                 });
-            } }, index.h("div", { key: 'a58fa5a5554c77c500ded10d55aa14c314c2a63f', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, index.h("ls-icon", { key: 'f3cf977768c1a66323f1843cc5c3cfbfbb35d2c7', name: this.icon, size: "1.25rem" })), index.h("p", { key: '8723f3d54dbfe9fe41dfe667a363729602bc1294', class: "toolbox-field-label", style: this.isSelected && {
+            } }, index.h("div", { key: 'aaf113fbda8b557b7db5ee6b962bf0257a454adb', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '3534a75ac1a2ee26035a8349baf25a7d506ce344', name: this.icon, size: "1.25rem" })), index.h("p", { key: '860aad974239cd7bfeecb6f3f1883a5881be326f', class: "toolbox-field-label", style: this.isSelected && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (index.h("div", { key: '78905ebc7b639ac564baec469de56110af4de677', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, index.h("ls-icon", { key: '5adc59245e67a703d76ca833664c2103300c1de3', name: "exclamation-circle", size: "1.125rem", solid: true }))), index.h("ls-icon", { key: 'fc072d33c1517bd2b2ee0601aab4e05cb10fcb4d', name: "drag-vertical", size: "1rem", color: "#787a80" })), index.h("ls-tooltip", { key: '49d08025b8820015f270c2b8901756379c989960', id: "ls-tooltip-master", tooltipText: "Something" })));
+            } }, this.label), this.redDot && (index.h("div", { key: 'b82b69424a07a70d553c6d6d0d4fef55751f40e7', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, index.h("ls-icon", { key: 'a5e92570e44b0bc50ab1c6067a050b61b4ad09e6', name: "exclamation-circle", size: "1.125rem", solid: true }))), index.h("ls-icon", { key: '4d805b60a614d57e007a4897c13afa793c7181cf', name: "drag-vertical", size: "1rem", color: "#787a80" })), index.h("ls-tooltip", { key: '5a36f55422ee30658361ad41387c06d38754adb7', id: "ls-tooltip-master", tooltipText: "Something" })));
     }
 };
 LsToolboxField.style = lsToolboxFieldCss();
@@ -51604,7 +51591,7 @@ const LsTooltip = class {
         innerTooltip.classList.add('hidden');
     }
     render() {
-        return (index.h("div", { key: 'bb3c3563534fb4f82bf8131fc72e7150bad14643', id: "ls-tooltip-inner", class: "tooltip hidden", role: "tooltip" }, index.h("div", { key: '1b83967bb5998ca144d594bb6c3b095a6d5444b6', id: "arrow" }), this.tooltipTitle && index.h("p", { key: '34124650deab98677a96136deeea75105d519378', class: "tooltip-title" }, this.tooltipTitle), this.tooltipText, index.h("slot", { key: '8b5056aa82878462b4cd84bced4510f3c1deb632' })));
+        return (index.h("div", { key: '451c66547f31f246ed8407cdb736024deae00c10', id: "ls-tooltip-inner", class: "tooltip hidden", role: "tooltip" }, index.h("div", { key: '6fab60fd203005d3188d387d56b7dfb625bd8d38', id: "arrow" }), this.tooltipTitle && index.h("p", { key: '0f4fac167648a5cacb497eeae366ecd099403d2b', class: "tooltip-title" }, this.tooltipTitle), this.tooltipText, index.h("slot", { key: '133faef9c849edc3616c55219b3147d5fe1db06b' })));
     }
     static get watchers() { return {
         "referenceElement": ["updateReferenceHandler"]
@@ -51624,7 +51611,7 @@ const LsValidationManager = class {
      */
     validationErrors;
     render() {
-        return (index.h(index.Host, { key: '17054e51ff3c813bc21cfa0d31d2f4a1e50c61bd' }, index.h("div", { key: '5329fb8ee04c83c44735f77f5f64dd8359504383' }, index.h("div", { key: '0e82e6baa0ff3140fcfb407383f5ad40314362c8' }, index.h("div", { key: 'd215f37c3da4743009cfaa23de398a8d6b62df11', class: 'validation-section-title' }, "Action Required"), index.h("p", { key: 'e266b4a5c8839b5ede7418077e3375682f75273a', class: "toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
+        return (index.h(index.Host, { key: 'c893467217d533ecd36fad2cae23ef25a6f2fcfb' }, index.h("div", { key: '84e7f326878aa6f352b3d8e7e6f34d4eee311e7e' }, index.h("div", { key: '9ed0335e4e945dd18cf28100b60f023f49be80e5' }, index.h("div", { key: '90052ee13a6c44ac5ca44576a676bc98b7974435', class: 'validation-section-title' }, "Action Required"), index.h("p", { key: 'cfb7ba17cafac491b4e2b3f107237f4d7fd4e6fe', class: "toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (index.h("div", { key: idx, class: 'required-field', style: {
@@ -51635,7 +51622,7 @@ const LsValidationManager = class {
                     '--field-text-color-hover': pallette.s80,
                     '--field-border-color-hover': pallette.s60,
                 } }, index.h("div", { class: 'required-field-items-left' }, index.h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (index.h("div", { class: 'required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (index.h(index.h.Fragment, null, index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: field.element.signer }), index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        })), index.h("slot", { key: 'f35df50a91083189dd4499ebf079b4d5aab6ac4b' })));
+        })), index.h("slot", { key: 'ccabb8a86948a763ed8548e8b2f0ca3452bfb7c5' })));
     }
 };
 LsValidationManager.style = lsValidationManagerCss();
@@ -51654,7 +51641,7 @@ const LsValidationTag = class {
     showDropDown = true;
     changeSigner;
     render() {
-        return (index.h(index.Host, { key: '3d35054497871b54feeb3e0eedaa903be6e1b4d3' }, index.h("div", { key: '711a71ba209c8f74e1b333e241e7359714259d8a', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && index.h("div", { key: '3f784f67fc1d2b179bf6a51f510ef938950496e9', class: `field-counter ${this.type === 'compose' ? 'compose' : 'default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (index.h("ls-icon", { key: '1c7709371773a90e79fdb077825f344932b8d7d4', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && index.h("ls-icon", { key: '6feff3852d30b2e891c1e27bed1fb2197fea446b', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (index.h("div", { key: 'a0508ab9db937e72b0c7ef8291a14ba94f26dac1', class: 'field-dropdown' }, index.h("div", { key: '0262044399613dc19a14cd4dc87c82ae7b2371b6', class: 'dropdown-header' }, index.h("h2", { key: '42fdb3cd6a28c868c26d80141e2d912151f07065' }, "Fields Required"), index.h("p", { key: '3d357a0bae361a860d900906ee5ff116f1a92f4e' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
+        return (index.h(index.Host, { key: '5050b95e6c62a18fa8951c529f77203f9eb5f857' }, index.h("div", { key: '239803724ff8829fdb2c9e76848563784cdb1264', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && index.h("div", { key: '37b5e8669c1365bf5b0020a68198e12db1cd1ad3', class: `field-counter ${this.type === 'compose' ? 'compose' : 'default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (index.h("ls-icon", { key: '27ce993c72d9fa3ed0cfa014a757754a70b05072', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && index.h("ls-icon", { key: '2f356ae45b12484f5c4458cc94790af9cb22c67b', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (index.h("div", { key: 'efb935ccae53b79c14566ef8d66840e99cb23256', class: 'field-dropdown' }, index.h("div", { key: '5ea34920a8940d11c53390ea36da564b80e614a2', class: 'dropdown-header' }, index.h("h2", { key: '692632e9709db5ee1833d21df35329ac4292f6e8' }, "Fields Required"), index.h("p", { key: '158312fefed0a3c2730ea2c7f117914ab5bcca87' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (index.h("div", { key: idx, class: 'required-field', style: {
@@ -51665,7 +51652,7 @@ const LsValidationTag = class {
                     '--field-text-color-hover': pallette.s80,
                     '--field-border-color-hover': pallette.s60,
                 } }, index.h("div", { class: 'required-field-items-left' }, index.h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (index.h("div", { class: 'required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (index.h(index.h.Fragment, null, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (index.h("div", { key: 'bf4f08b4da83ad75e3e8a499f9dfc97ee085efeb', class: 'field-dropdown compose' }, index.h("div", { key: '70aec3fe87c88f18f2c031f4ab5e39ff905e02dd', class: "validation-tag-header" }, index.h("p", { key: '8b254b7593f6920c03705e056ab6e23042ad4034', class: "validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
+        }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (index.h("div", { key: '90cc28e36bd170be8fe22a237a08401cb88f2bfe', class: 'field-dropdown compose' }, index.h("div", { key: '7c04ab55281bbc7b83c8215c558d8bc7b1cda18b', class: "validation-tag-header" }, index.h("p", { key: 'b99b3780ff88660b35cabb8aa1f240116f357fe7', class: "validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (index.h("div", { class: "validation-tag-row", key: idx, onClick: () => {

package/dist/cjs/ls-document-viewer.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["ls-field-properties-dropdown.cjs",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield.cjs",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input.cjs",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager.cjs",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_45.cjs",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[769,"ls-validation-manager",{"validationErrors":[16]}],[769,"ls-feature-column",{"manager":[1025],"mode":[1]}],[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{"dataItem":[16]}],[769,"ls-field-properties-email",{"dataItem":[16]}],[769,"ls-field-properties-file",{"dataItem":[16]}],[769,"ls-field-properties-general",{"dataItem":[16]}],[769,"ls-field-properties-image",{"dataItem":[16]}],[769,"ls-field-properties-number",{"dataItem":[16]}],[769,"ls-field-properties-signature",{"dataItem":[16]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[769,"ls-field-distribute",{"dataItem":[1040]}],[769,"ls-field-alignment",{"dataItem":[1040]}],[769,"ls-field-size",{"dataItem":[1040]}],[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}],[769,"ls-field-placement",{"dataItem":[1040]}],[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}],[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[769,"ls-field-dimensions",{"dataItem":[1040]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[769,"ls-editor-field",{"assignee":[1],"dataItem":[1040],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5.cjs",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
+  return index.bootstrapLazy([["ls-field-properties-dropdown.cjs",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield.cjs",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input.cjs",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager.cjs",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_45.cjs",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[769,"ls-validation-manager",{"validationErrors":[16]}],[769,"ls-feature-column",{"manager":[1025],"mode":[1]}],[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{"dataItem":[16]}],[769,"ls-field-properties-email",{"dataItem":[16]}],[769,"ls-field-properties-file",{"dataItem":[16]}],[769,"ls-field-properties-general",{"dataItem":[16]}],[769,"ls-field-properties-image",{"dataItem":[16]}],[769,"ls-field-properties-number",{"dataItem":[16]}],[769,"ls-field-properties-signature",{"dataItem":[16]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[769,"ls-field-distribute",{"dataItem":[1040]}],[769,"ls-field-alignment",{"dataItem":[1040]}],[769,"ls-field-size",{"dataItem":[1040]}],[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}],[769,"ls-field-placement",{"dataItem":[1040]}],[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}],[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[769,"ls-field-dimensions",{"dataItem":[1040]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[769,"ls-editor-field",{"assignee":[1],"dataItem":[1040],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5.cjs",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/ls-title-input.cjs.entry.js

@@ -30,7 +30,7 @@ const LsTitleInput = class {
         }, delay);
     }
     render() {
-        return (index.h(index.Host, { key: '68149392db6f0d2408e02cb6506ddd84fb292ab6' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (index.h(index.Host, { key: '954a32dad8c48be15367eff9fa0adbb55234655b' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {

package/dist/collection/components/ls-document-viewer/ls-document-viewer.js

@@ -575,10 +575,10 @@ export class LsDocumentViewer {
                 }
                 this.manager = manager.detail;
             } })), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Fields"), h("p", { class: "toolbox-section-description" }, "Drag and drop, or select and double click, to place fields on the Document.")), h("div", { class: "fields-box" }, this.signer > 0 && this.showTool('signature') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 25, defaultWidth: 97, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 25, defaultWidth: 97, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 16, defaultWidth: 150, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 16, defaultWidth: 100, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 16, defaultWidth: 100, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 16, defaultWidth: 150, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 25, defaultWidth: 70, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 16, defaultWidth: 150, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 16, defaultWidth: 100, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 16, defaultWidth: 16, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.signer })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 16, defaultWidth: 150, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 16, defaultWidth: 100, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 16, defaultWidth: 100, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'toolbox' : 'hidden' }), h("ls-recipient-manager", { id: "ls-recipient-manager", class: this.manager === 'recipient' ? 'compose-toolbox' : 'hidden' }, h("div", { class: 'scroll-gradient-top' }), h("div", { class: 'scroll-gradient-bottom' }), h("ls-validation-tag", { validationErrors: this.validationErrors, style: { position: 'absolute', top: '1.125rem', right: '1rem' }, type: "compose" }), h("div", { class: 'recipients-box' }, this._recipients &&
-            this._recipients.map(recipient => (h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))))), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
+            this._recipients.map(recipient => (h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex }))), h("slot", { name: 'recipient-panel' })))), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
                 this.selected = [];
                 e.preventDefault();
-            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: 'e4eee44241cccfb8d0c9a169da3f8ddc2ed9421a', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode }), h("div", { key: '9561bfd30305661ce49581666eefa65ffc1305bc', id: "ls-mid-area" }, h("div", { key: '43ddbee504b064cdc4d9a7f245ab772502a8a3c3', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: 'd3f82b732a7d9cccba0a29871985e29883586325', id: "ls-document-frame" }, h("canvas", { key: '6cb2d37b3667b8a5bf398a89624a544c4df6c9b1', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: 'e4a59df7c8dd4c1fc5f1d98aee83007b0c8804bb', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '13901fd6342e5eb30569687aab399f68fb991f1c', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'a146d68ce47b0cfed21cb8e5ba4a037f521a9926', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: 'f5de8b5ab573e2abe5dc54aeb0160b0ee456dae8', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: '184e1155063c47577721d9bc5f3188c4e3a1d36f', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode }), h("div", { key: '137092cc588a0d9fb132379103f728e7c2428534', id: "ls-mid-area" }, h("div", { key: '40413c7936f05d99cc40a9ee076c6c7e1fc5e7a6', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '6198971eb33ffd56aadd50c880a88bb8ae28d51e', id: "ls-document-frame" }, h("canvas", { key: 'e0eb056d241beb0ccb5720c2b0501b96af5ccd2d', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: '2d38b6ca0fbc87c706131513eb8d878a6bc093cc', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '1e7bb54edb54952c51710cb31eb8475da39145d0', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'dad16b80082a19f6cdd335e63f289199d5b6b0ae', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: '4761a6f9ebad9a90729f35bbb15f22c3806ec8e1', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-document-viewer"; }
     static get encapsulation() { return "shadow"; }