npm - legalesign-document-viewer - Versions diffs - 0.3.6 → 0.3.8 - Mend

legalesign-document-viewer 0.3.6 → 0.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (252) hide show

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

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["ls-document-options_42.cjs",[[257,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"signers":[1],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"showtoolbox":[4],"showtoolbar":[4],"showstatusbar":[4],"showpagepreview":[4],"expandfields":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"displayTable":["tableViewHandler"]}],[257,"ls-field-properties",{"dataItem":[16,"data-item"]}],[257,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[257,"ls-participant-manager",{"editor":[16],"template":[16]}],[257,"ls-toolbar",{"dataItem":[1040,"data-item"],"groupInfo":[16,"group-info"],"template":[16],"editor":[1040]}],[257,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[257,"ls-feature-column",{"manager":[1025]}],[257,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"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-validation-tag",{"status":[1025],"validationErrors":[1040,"validation-errors"],"isExpanded":[1028,"is-expanded"]}],[257,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-field-properties-date",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-email",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-file",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-general",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-image",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-number",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-signature",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-text",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-multiple",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-autosign",{"dataItem":[16,"data-item"]}],[257,"ls-helper-bar",{"expanded":[1028],"shortcutsBtn":[32]}],[257,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[257,"ls-field-format",{"dataItem":[1040,"data-item"]},null,{"dataItem":["selectFieldsHandler"]}],[257,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-size",{"dataItem":[1040,"data-item"]}],[257,"ls-keyboard-shortcuts",{"referenceElement":[16,"reference-element"],"visible":[32]}],[257,"ls-field-content",{"dataItem":[1040,"data-item"],"showValidationTypes":[4,"show-validation-types"]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-advanced",{"dataItem":[1040,"data-item"],"expanded":[1028]}],[257,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[257,"ls-field-properties-container",{"dataItem":[16,"data-item"],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[257,"ls-field-dimensions",{"dataItem":[1040,"data-item"]}],[257,"ls-field-footer",{"dataItem":[1040,"data-item"]}],[257,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[257,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[260,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[257,"ls-editor-field",{"dataItem":[1040,"data-item"],"selected":[4],"readonly":[4],"type":[1],"page":[16],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[257,"ls-tooltip",{"referenceElement":[1040,"reference-element"],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[257,"ls-icon",{"name":[1],"solid":[4],"size":[1],"customStyle":[16,"custom-style"]}]]],["ls-field-properties-dropdown.cjs",[[257,"ls-field-properties-dropdown",{"dataItem":[16,"data-item"]}]]],["ls-number-input_5.cjs",[[257,"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"]}],[256,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16,"custom-style"]}],[260,"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"]}],[257,"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]}],[257,"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"]}]]],["ls-formfield.cjs",[[260,"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,"button-click"],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]]], options);
+  return index.bootstrapLazy([["ls-field-properties-dropdown.cjs",[[257,"ls-field-properties-dropdown",{"dataItem":[16,"data-item"]}]]],["ls-formfield.cjs",[[260,"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,"button-click"],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-compose-manager.cjs",[[257,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_42.cjs",[[257,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"signers":[1],"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,"filter-toolbox"],"showtoolbar":[4],"showstatusbar":[4],"showpagepreview":[4],"expandfields":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"displayTable":["tableViewHandler"]}],[257,"ls-field-properties",{"dataItem":[16,"data-item"]}],[257,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[257,"ls-participant-manager",{"editor":[16],"template":[16]}],[257,"ls-toolbar",{"dataItem":[1040,"data-item"],"groupInfo":[16,"group-info"],"template":[16],"editor":[1040]}],[257,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[257,"ls-feature-column",{"manager":[1025],"mode":[1]}],[257,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"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-validation-tag",{"status":[1025],"validationErrors":[1040,"validation-errors"],"isExpanded":[1028,"is-expanded"],"showDropDown":[4,"show-drop-down"]}],[257,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-field-properties-date",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-email",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-file",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-general",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-image",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-number",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-signature",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-text",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-multiple",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-autosign",{"dataItem":[16,"data-item"]}],[257,"ls-helper-bar",{"expanded":[1028],"shortcutsBtn":[32]}],[257,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[257,"ls-field-format",{"dataItem":[1040,"data-item"]},null,{"dataItem":["selectFieldsHandler"]}],[257,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-size",{"dataItem":[1040,"data-item"]}],[257,"ls-keyboard-shortcuts",{"referenceElement":[16,"reference-element"],"visible":[32]}],[257,"ls-field-content",{"dataItem":[1040,"data-item"],"showValidationTypes":[4,"show-validation-types"]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-advanced",{"dataItem":[1040,"data-item"],"expanded":[1028]}],[257,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[257,"ls-field-properties-container",{"dataItem":[16,"data-item"],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[257,"ls-field-dimensions",{"dataItem":[1040,"data-item"]}],[257,"ls-field-footer",{"dataItem":[1040,"data-item"]}],[257,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[257,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[260,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[257,"ls-editor-field",{"dataItem":[1040,"data-item"],"selected":[4],"readonly":[4],"type":[1],"page":[16],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[257,"ls-tooltip",{"referenceElement":[1040,"reference-element"],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[257,"ls-icon",{"name":[1],"solid":[4],"size":[1],"customStyle":[16,"custom-style"]}]]],["ls-number-input_5.cjs",[[257,"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"]}],[256,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16,"custom-style"]}],[260,"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"]}],[257,"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]}],[257,"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-field-properties-dropdown.cjs.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const LsFieldPropertiesDropdown = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: 'a87eaed9f4598203388c83a0955cdd4c00b779d5' }, index.h("ls-field-properties-container", { key: 'aebc4e4b1adccce9f0caeffd34a505baeb273feb', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '19faac072d0688638d09521d273e97dbf1d9cb6c', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '156d5270ecb24a5d3e7d02ac7848075440f13130', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '5bb0d2f292b311f759a45ecc681154061b74a762', dataItem: this.dataItem })), index.h("div", { key: 'd34a829edf09efd7d6ec1aa6f6f22adbd34ff76e', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'e27301a0bb1ec9f88fd0b8bd9311f851635a2f1b', dataItem: this.dataItem })), index.h("div", { key: 'f376b48c4db4cd0ccb3f61802ecdc5d592ac1343', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '7f23a3c6a778d054a657214cb1581eb3503c8066', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '65e316b9d068a41c9900135996c22d9d54d88c7d', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: 'c205e50348c57bcce7ae2ad52f32c042825c3bc9' }, index.h("ls-field-properties-container", { key: 'ab77b6522f4fd21adc65c2490906d5f40f432106', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '2a3acde05c571a7814492b9b9f0643406dece58b', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: 'a5244ad6be0ec95b141012896ba5b9e528fdcaf4', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'f584a9b5b27cb38c3af0682833b761a591b2d1f4', dataItem: this.dataItem })), index.h("div", { key: 'e53bc67e7bb258016092185412ce5c7efa5d997b', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '666ba3ee948d1c1f67ecc51d6348b0e96b14cf10', dataItem: this.dataItem })), index.h("div", { key: '107f1265cea6ea2d9aef5c9b08ea11bdfb89bf08', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '10357639a406a7d0091e4114d582f4bf3c6a05ad', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'e79eb42805233a06312aa7d5d78cac1fc627f3bf', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesDropdown.style = lsFieldPropertiesDropdownCss;

package/dist/cjs/ls-formfield.cjs.entry.js CHANGED Viewed

@@ -47,10 +47,10 @@ const LsFormfield = class {
     render() {
         const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
         const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
-        return (index.h("host", { key: '751c2bce2dd9d05800eba33cbf1c826d307eb40e', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (index.h("div", { key: '2cd1af867dc2572f30719ac0760bcabb4ae0b793', class: "formfield-top-elements" }, index.h("div", { key: '635a86377fce964c4cc7e34413bbd4e0323991f7', class: "formfield-left-side" }, labelIcon && index.h("ls-icon", { key: '3dd76c5d2ac7d6d1fa81c23ba31bcb10a63682f6', name: labelIcon }), index.h("label", { key: '7637a7970abddb45b1b213ee43873a3caa7c3f9d', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && index.h("ls-icon", { key: '3356f446ae116fd86f3d16f3b6d69819a1286776', name: 'information-circle' })), extraLabel === 'optional' ? (index.h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (index.h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (index.h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (index.h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, index.h("slot", null))) : as === 'radio' ? (index.h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (index.h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (index.h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (index.h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (index.h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (index.h("p", null, "placeholder")), errorText ||
+        return (index.h("host", { key: '19aa13876ebe0c20b2ec0ec83c749e4119a8100e', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (index.h("div", { key: 'e1dcf69ba8c3f9ec62376d9e303737eebf92da0a', class: "formfield-top-elements" }, index.h("div", { key: 'ea50d721ef6a77e7d67a7304cd758921cc3e1866', class: "formfield-left-side" }, labelIcon && index.h("ls-icon", { key: '267f18033109fd18bbfef712471e5ce81f7351d1', name: labelIcon }), index.h("label", { key: '3a87fe6e53db73708040d03a8dd78758b89b1771', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && index.h("ls-icon", { key: 'ea94d57fd409df19e6808fc94bbdabee51cf4410', name: 'information-circle' })), extraLabel === 'optional' ? (index.h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (index.h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (index.h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (index.h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, index.h("slot", null))) : as === 'radio' ? (index.h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (index.h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (index.h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (index.h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (index.h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (index.h("p", null, "placeholder")), errorText ||
             count ||
             countMax ||
-            (descriptionText && (index.h("div", { key: 'b5adcbdceb4b7cdcd022a10c90626796f26c476b', class: "formfield-bottom-elements" }, errorText && !valid ? index.h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? index.h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (index.h("div", { key: 'a182587f050dab77ac5606f6c3a0a9b49720304b', class: "formfield-count-container" }, index.h("p", { key: 'd2241d9aee1ce707f8af49da617ee4c65201df5e', class: countClass }, value?.toString()?.length), countMax > 0 && (index.h("div", { key: '48374a5c2edcbf0edf76161d9194adff6f18299c', class: countClass }, index.h("p", { key: '09c78bb107de6460f3d2b99b2095198444296fd3' }, "/"), index.h("p", { key: '9a02e549117b208bedcb67df0e4e206361de8433' }, countMax))))))))));
+            (descriptionText && (index.h("div", { key: '6a17a0eb6234a6beec0dda3e4ccd06a16d95b17f', class: "formfield-bottom-elements" }, errorText && !valid ? index.h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? index.h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (index.h("div", { key: '3e579b2aee967c2a6ea6973926afa2f3a33535e1', class: "formfield-count-container" }, index.h("p", { key: 'c47b78ed6863386f9b933bde960c5252a2facca8', class: countClass }, value?.toString()?.length), countMax > 0 && (index.h("div", { key: '19fb3b5e4fb2467c6aae75c7f8c52802edc5229e', class: countClass }, index.h("p", { key: 'e68d2d8abb15be6b1f66fc085d8b5df73f083911' }, "/"), index.h("p", { key: '11d569dc63c78755822f54ab5c08fa63b898ce12' }, countMax))))))))));
     }
     static get watchers() { return {
         "value": ["valueWatcher"]

package/dist/cjs/ls-number-input_5.cjs.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const LsNumberInput = class {
                     ? 'invalid'
                     : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
         const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
-        return (index.h("host", { key: 'db9e33017991cc3ca12b01e8b830e7e61a45ce63', class: type === 'ls' && 'host' }, type === 'ls' && (index.h("button", { key: 'a78edfd55281f5a5c06aa3c3b5622c1b56fbf0ab', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, index.h("ls-icon", { key: '4b3096cea3d61f4c9b44ca707431277d0a0c63b3', id: 'buttonIcon', name: 'minus-sm' }))), index.h("div", { key: '69fa928cac22609796bc8b708a68eb876c0eba05', class: 'input-container' }, fieldIcon && (index.h("ls-icon", { key: '3d33bf050de8996559ee31bdef4851e45b16acc1', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("input", { key: 'ce6f74bc13d21fdaad0cd3ab50ca337f8a207d05', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), index.h("div", { key: '1701a5178431e656baeee12c76c1bf290f94f355', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '509d6bc955669935eb193d206a8fd5d159af9a65', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (index.h("button", { key: 'f7b2772b101ea33d0e28c87978f9a60b128044d6', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: 'a8ea63d06ff7c1f7215c65cb735ad9452cbdf633', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (index.h("button", { key: 'e247df71aaddbf4fc1fdc66c113534d24c09f3d5', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, index.h("ls-icon", { key: 'fb338d47ab722fecd5b6b8ecee77f665ae9aa20e', id: 'buttonIcon', name: 'plus-sm' })))));
+        return (index.h("host", { key: 'd6cdf484589c9d227c511a994358b15f0a7203c1', class: type === 'ls' && 'host' }, type === 'ls' && (index.h("button", { key: 'b3665e37f2149dcb1ee8b5ffed682fe98b9a3409', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, index.h("ls-icon", { key: '3771591b8fbcea7c81ec8cb12af31317e0b4fc5c', id: 'buttonIcon', name: 'minus-sm' }))), index.h("div", { key: 'f9ed1f49415c23e68a2b81c876f2a6d31faa39d7', class: 'input-container' }, fieldIcon && (index.h("ls-icon", { key: 'e8a348c725b9d16534f35fd72606a238da2f55b0', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("input", { key: '0d9610e847f3434e738105e77bc598351ebcaed9', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), index.h("div", { key: '88b3e499da6232a8b6f63e0c0568a5be2c213879', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '7dd7cba9b45fd859c687104781325fca32c406c1', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (index.h("button", { key: '27912c7c17b1562cade0bcca96338c95add8d680', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '96e96b4925f196db4e138d63867fe82b9baa9a04', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (index.h("button", { key: '26b423107fb452c73bb1b440971bdcb72009dc2b', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, index.h("ls-icon", { key: '8846ca0764c058fc83a2824dfc787da2e0a6afc2', id: 'buttonIcon', name: 'plus-sm' })))));
     }
 };
 LsNumberInput.style = lsNumberInputCss;
@@ -64,7 +64,7 @@ const LsRadioInput = class {
     render() {
         const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
         const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
-        return (index.h("label", { key: '197e392e42fd4047310466e8298046e75d5373d5', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, index.h("input", { key: '831cc8b4183df225897f5d4c0159e605733af13f', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), index.h("div", { key: '30ecdf991ccd21b245577d3d304dc1e3d85ddc82', class: 'spanContainer' }, index.h("span", { key: '8f845d30fe56d06428f91e8cc0cc2e37d12f40fb' }, icon && index.h("ls-icon", { key: '45ef4fba7d6c3ab94cb9cc937ce83198ec3ba805', name: icon, size: "16" })), index.h("span", { key: 'dd169ddd38efb771a4620d2f6a6ac8a826875f54' }, label))));
+        return (index.h("label", { key: 'e7e8bafe15e29f9f8b78024f8921c445e3bfdc3f', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, index.h("input", { key: 'baf93f6fa384dabba7151c9108e88b1a20d27b7b', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), index.h("div", { key: '714f8c7c84c2e5b1a4af7d8e5433a25628468783', class: 'spanContainer' }, index.h("span", { key: 'c1eb6e3c43aa9d51a8bb17523e701a035b6bcb66' }, icon && index.h("ls-icon", { key: '742786b7193584666d255f2b82824935fbe41878', name: icon, size: "16" })), index.h("span", { key: 'dbaccc572cee54235321c7d4c0782f8313fb33ad' }, label))));
     }
 };
 LsRadioInput.style = lsRadioInputCss;
@@ -101,7 +101,7 @@ const LsSelectInput = class {
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (index.h("host", { key: 'e59f548c9b631cd6dee8902e69c905bed8e241f0', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: 'b3199600ba89917b642126a19f7211cb4cbf7062', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("select", { key: '4befe3b975a9f3395fcdd5f60c7335e5517f6bd9', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, index.h("slot", { key: 'd86d279203e3943fe20d5f78ffe13151595e6815' })), index.h("div", { key: 'cb72b65df193063811a030d6f5b7877e17745905', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: 'eab192b40f289c01a45015b901ad7ece7edbad46', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (index.h("button", { class: 'button', onClick: buttonClick }, index.h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (index.h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
+        return (index.h("host", { key: 'e22bd6924365a77cebda382a7ee9445263de716f', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '4e0d8d395c7874235f2618c39331ebb77112bd25', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("select", { key: '68077a1eae69a43ec4c37dff022c096bfd7c0c4d', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, index.h("slot", { key: '13f5f193359e4752bb790d2d8b518b5bb6f91e49' })), index.h("div", { key: 'a06550b784b85776e9976b7a27e51dab2be69e5d', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '7d70d7d3a28ed3082518d588c0b6d6be04829412', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (index.h("button", { class: 'button', onClick: buttonClick }, index.h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (index.h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
     }
 };
 LsSelectInput.style = lsSelectInputCss;
@@ -147,13 +147,13 @@ const LsTextInput = class {
                     : dirty && !valid
                         ? 'invalid'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (index.h(index.Host, { key: '9a5b1bfebad9e06d1135eff7f397447d658e92b0', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '4f88874d246469bbd7d0b10eea63645c92be7f2a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (index.h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
+        return (index.h(index.Host, { key: '9f58679c7e72b2aa0bb0efb777c1d17420d9fbc6', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '7fc0da24a79e8b0aca1a72a998a86c070b8a33d6', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (index.h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
             } })) : type === 'displayonly' ? (index.h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true, onChange: (e) => {
                 this.changeHandler(e);
             } })) : (index.h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
-            } })), index.h("div", { key: '0784906b59fcb191b522c90bbfee22ca647fa3f5', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '43a3a8bd2650afb4a82951c80d4053a357e672f3', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '3e2e45d5ff8d74e57007fcd0e4239fcd4af8c8d6', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '1b38100ee4d42b86f4c999c5ed9adf272f3b4017', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (index.h("ls-icon-button", { key: 'bc55ed54b1638bfc0ddfd9741bf8bdcd76260a54', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
+            } })), index.h("div", { key: 'a9873657c293611cb5b0bfdc7c2936ad2859e1e1', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: 'b22a919a5886cfd395c19693d3311ea7c34de25f', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '2b09bca182cedcb44d124bb91a588878075c1290', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '08e4457eba4879b4dcb1a6f0e8df18694b172f4e', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (index.h("ls-icon-button", { key: '56dd71d1b86db74a61bc187d3f85caa3bc001a69', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
     }
 };
 LsTextInput.style = lsTextInputCss;
@@ -189,7 +189,7 @@ const LsTextareaInput = class {
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (index.h("host", { key: 'c4d2357bab4752c1bc78a5d2ebbf2afd8c2ac6e5', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: 'b96a349e2865e01671b7b39652d3c02deaff7fe0', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("textarea", { key: '8474477790e29061b889f7f53a4ca92fedc54e71', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), index.h("div", { key: '15c3b45e8e8f00b4a4dcafa7af95918912d13423', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: 'e9965a7e3fdee52414f8e9a0858a9c05c89e2eb5', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '664568958cc663d01c657453d0ae80e6c6eec914', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '72630414cab4dfe072b829dfefa70a2aea2947e7', id: 'buttonIcon', name: buttonIcon }))))));
+        return (index.h("host", { key: '05b7cf86fb66c48b317fc10ea80a3ace14995b8c', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: 'feadc66f81c470b50c41734d917c3d9976224719', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("textarea", { key: 'de65b8db3f8f9925f4d4a0db0bd2498f4371d7cd', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), index.h("div", { key: 'bde7626f2001a10b9d1eda52d07daebb511277f8', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '86b31eec02b683803802d9a4fbe50e83fcc1afa5', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: 'aaeeee06d1568469cd070ce9a2715aef1a8b11d3', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: 'cdeca2f643972e176867ebe111431608fc32cc93', id: 'buttonIcon', name: buttonIcon }))))));
     }
 };
 LsTextareaInput.style = lsTextareaInputCss;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -2,6 +2,7 @@
   "entries": [
     "components/ls-editor-field/ls-editor-field.js",
     "components/ls-document-viewer/ls-document-viewer.js",
+    "components/ls-compose-manager/ls-compose-manager.js",
     "components/ls-document-options/ls-document-options.js",
     "components/ls-editor-table/ls-editor-table.js",
     "components/ls-feature-column/ls-feature-column.js",

package/dist/collection/components/ls-compose-manager/ls-compose-manager.css ADDED Viewed

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/ls-compose-manager/ls-compose-manager.js ADDED Viewed

@@ -0,0 +1,55 @@
+import { Host, h } from "@stencil/core";
+export class LsComposeManager {
+    /**
+     * The base template information (as JSON).
+     * {LSApiTemplate}
+     */
+    template;
+    render() {
+        return (h(Host, { key: '1dba0753733a9e01b75a9ede154ded5452da804b' }, h("div", { key: '74dc44ced7220ad9b0b5cc33faa0dc529f023068', class: "ls-editor-infobox" }, h("h2", { key: '9333d5ae196bbf0245f7ad45f54756e70e1bc7a6', class: "toolbox-section-title" }, "Recipient Fields"), h("p", { key: '4e1bb1fc4a733718fb1a1777a9d47dfc4bfd2bef', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: '30a4c2560eb66751f30da898598d4a867b423e21', class: "participant-list" }, this.template &&
+            this.template?.roles.map(() => {
+                return (h("div", null));
+            })), h("slot", { key: '51d70c91fb2eb7ebd2a0605797dacbcd03f0baa8' })));
+    }
+    static get is() { return "ls-compose-manager"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ls-compose-manager.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ls-compose-manager.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "template": {
+                "type": "unknown",
+                "attribute": "template",
+                "mutable": false,
+                "complexType": {
+                    "original": "LSApiTemplate",
+                    "resolved": "{ id: string; title: string; pageCount: number; fileName: string; link: string; autoArchive: boolean; valid: boolean; locked: boolean; tags: string[]; groupId: string; roles: LSApiRole[]; canOpenSign: boolean; directLinks: []; elementConnection: { templateElements: LSApiElement[]; totalCount: number; }; elements: LSApiElement[]; createdBy: string; created: Date; modified: Date; lastSent: Date; pageDimensionArray: [number, number][]; pageDimensions: string; fixSignatureScale?: boolean; documentRetentionDays: number; }",
+                    "references": {
+                        "LSApiTemplate": {
+                            "location": "import",
+                            "path": "../../types/LSApiTemplate",
+                            "id": "src/types/LSApiTemplate.ts::LSApiTemplate"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The base template information (as JSON).\n{LSApiTemplate}"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=ls-compose-manager.js.map

package/dist/collection/components/ls-compose-manager/ls-compose-manager.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ls-compose-manager.js","sourceRoot":"","sources":["../../../src/components/ls-compose-manager/ls-compose-manager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,gBAAgB;IAE3B;;;OAGG;IACK,QAAQ,CAAgB;IAEhC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,mBAAmB;gBAC9B,2DAAI,KAAK,EAAC,uBAAuB,uBAAsB;gBACvD,0DAAG,KAAK,EAAC,6BAA6B,wEAAsE,CACxG;YACN,4DAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,QAAQ;gBACZ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;oBAC5B,OAAO,CACL,cAAS,CACV,CAAC;gBACJ,CAAC,CAAC,CACA;YACN,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n\n@Component({\n tag: 'ls-compose-manager',\n styleUrl: 'ls-compose-manager.css',\n shadow: true,\n})\nexport class LsComposeManager {\n\n /**\n * The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() template: LSApiTemplate;\n\n render() {\n return (\n <Host>\n <div class=\"ls-editor-infobox\">\n <h2 class=\"toolbox-section-title\">Recipient Fields</h2>\n <p class=\"toolbox-section-description\">Select and Click to place Signature fields where on the Document.</p>\n </div>\n <div class=\"participant-list\">\n {this.template &&\n this.template?.roles.map(() => {\n return (\n <div />\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-document-options/ls-document-options.js CHANGED Viewed

@@ -57,9 +57,9 @@ export class LsDocumentOptions {
                 this.alter({ autoArchive: e.detail });
             } })), h("div", { class: 'template-detail-section' }, h("div", null, h("p", { class: "template-detail-section-title" }, "Lock Template"), h("p", { class: 'template-detail-section-info' }, "Lock Template to avoid changes being made")), h("ls-toggle", { checked: this.template?.locked, onValueChange: e => {
                 this.alter({ locked: e.detail });
-            } })), h("div", { class: 'template-detail-section column' }, h("p", { class: "template-detail-section-title" }, "Document Retention (Days)"), h("p", null, h("input", { value: this.template?.retention, style: { width: '100%' }, onInput: e => {
+            } })), h("div", { class: 'template-detail-section column' }, h("p", { class: "template-detail-section-title" }, "Document Retention (Days)"), h("p", null, h("input", { value: this.template?.documentRetentionDays, style: { width: '100%' }, type: 'number', onInput: e => {
                 e.preventDefault();
-                this.alter({ retention: e.target.value });
+                this.alter({ documentRetentionDays: e.target.value });
             } }))), h("div", { class: 'template-detail-section column' }, h("p", { class: "template-detail-section-title" }, "Pages"), h("p", null, this.template?.pageCount)), h("div", { class: 'template-detail-section column' }, h("p", { class: "template-detail-section-title" }, "Date Created"), " ", h("p", null, formatDate(this.template?.created))), h("div", { class: 'template-detail-section column' }, h("p", { class: "template-detail-section-title" }, "Created By"), " ", h("p", null, this.template?.createdBy))), h("slot", null), h("ls-tooltip", { id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-document-options"; }
@@ -82,7 +82,7 @@ export class LsDocumentOptions {
                 "mutable": true,
                 "complexType": {
                     "original": "LSApiTemplate",
-                    "resolved": "{ id: string; title: string; pageCount: number; fileName: string; link: string; autoArchive: boolean; valid: boolean; locked: boolean; tags: string[]; groupId: string; roles: LSApiRole[]; canOpenSign: boolean; directLinks: []; elementConnection: { templateElements: LSApiElement[]; totalCount: number; }; elements: LSApiElement[]; createdBy: string; created: Date; modified: Date; lastSent: Date; pageDimensionArray: [number, number][]; pageDimensions: string; fixSignatureScale?: boolean; retention: number; }",
+                    "resolved": "{ id: string; title: string; pageCount: number; fileName: string; link: string; autoArchive: boolean; valid: boolean; locked: boolean; tags: string[]; groupId: string; roles: LSApiRole[]; canOpenSign: boolean; directLinks: []; elementConnection: { templateElements: LSApiElement[]; totalCount: number; }; elements: LSApiElement[]; createdBy: string; created: Date; modified: Date; lastSent: Date; pageDimensionArray: [number, number][]; pageDimensions: string; fixSignatureScale?: boolean; documentRetentionDays: number; }",
                     "references": {
                         "LSApiTemplate": {
                             "location": "import",

package/dist/collection/components/ls-document-options/ls-document-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-document-options.js","sourceRoot":"","sources":["../../../src/components/ls-document-options/ls-document-options.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Watch, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n tag: 'ls-document-options',\n styleUrl: 'ls-document-options.css',\n shadow: true,\n})\nexport class LsDocumentOptions {\n @Element() component: HTMLElement;\n /*\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n @Watch('template')\n selectedHandler(newSelected, _oldSelected) {\n console.log(newSelected, 'document manager');\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.update.emit(diffs);\n this.mutate.emit(diffs);\n }, delay);\n }\n\n componentDidLoad() {\n attachAllTooltips(this.component.shadowRoot);\n }\n\n render() {\n function formatDate(isoString) {\n const date = new Date(isoString);\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed\n const year = date.getFullYear();\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}/${month}/${year} at ${hours}:${minutes}`;\n }\n return (\n <Host>\n <div class=\"ls-editor-infobox\">\n <h2 class=\"toolbox-section-title\">Template Details</h2>\n <p class=\"toolbox-section-description\">Details and insights about the Template.</p>\n </div>\n <div class={'template-details'}>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Name</p>\n <div\n class=\"editButton\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <ls-icon\n name={this.editTitle ? 'check' : 'pencil-alt'}\n size=\"18\"\n id=\"edit-name-btn\"\n data-tooltip={this.editTitle ? 'Save' : 'Edit Name'}\n />\n </div>\n {this.editTitle ? (\n <input\n value={this.template?.title}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editTitle = false;\n }}\n />\n ) : (\n <div\n class=\"template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </div>\n <div class={'template-detail-section'}>\n <div>\n <p class=\"template-detail-section-title\">Auto Archive</p>\n <p class={'template-detail-section-info'}>After Sending the Template will be automatically archived.</p>\n </div>\n {/ <ls-formfield as=\"radio\" value={'false'} /> /}\n <ls-toggle\n checked={this.template?.autoArchive}\n onValueChange={e => {\n this.alter({ autoArchive: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'template-detail-section'}>\n <div>\n <p class=\"template-detail-section-title\">Lock Template</p>\n <p class={'template-detail-section-info'}>Lock Template to avoid changes being made</p>\n </div>\n {/ <ls-formfield as=\"radio\" value={'false'} /> */}\n <ls-toggle\n checked={this.template?.locked}\n onValueChange={e => {\n this.alter({ locked: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Document Retention (Days)</p>\n <p>\n <input\n value={this.template?.retention}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ retention: (e.target as HTMLInputElement).value });\n }}\n />\n </p>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Pages</p>\n <p>{this.template?.pageCount}</p>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Date Created</p> <p>{formatDate(this.template?.created)}</p>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Created By</p> <p>{this.template?.createdBy}</p>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip id=\"ls-tooltip-master\" />\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-document-options.js","sourceRoot":"","sources":["../../../src/components/ls-document-options/ls-document-options.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Watch, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n tag: 'ls-document-options',\n styleUrl: 'ls-document-options.css',\n shadow: true,\n})\nexport class LsDocumentOptions {\n @Element() component: HTMLElement;\n /*\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n @Watch('template')\n selectedHandler(newSelected, _oldSelected) {\n console.log(newSelected, 'document manager');\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.update.emit(diffs);\n this.mutate.emit(diffs);\n }, delay);\n }\n\n componentDidLoad() {\n attachAllTooltips(this.component.shadowRoot);\n }\n\n render() {\n function formatDate(isoString) {\n const date = new Date(isoString);\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed\n const year = date.getFullYear();\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}/${month}/${year} at ${hours}:${minutes}`;\n }\n return (\n <Host>\n <div class=\"ls-editor-infobox\">\n <h2 class=\"toolbox-section-title\">Template Details</h2>\n <p class=\"toolbox-section-description\">Details and insights about the Template.</p>\n </div>\n <div class={'template-details'}>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Name</p>\n <div\n class=\"editButton\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <ls-icon\n name={this.editTitle ? 'check' : 'pencil-alt'}\n size=\"18\"\n id=\"edit-name-btn\"\n data-tooltip={this.editTitle ? 'Save' : 'Edit Name'}\n />\n </div>\n {this.editTitle ? (\n <input\n value={this.template?.title}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editTitle = false;\n }}\n />\n ) : (\n <div\n class=\"template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </div>\n <div class={'template-detail-section'}>\n <div>\n <p class=\"template-detail-section-title\">Auto Archive</p>\n <p class={'template-detail-section-info'}>After Sending the Template will be automatically archived.</p>\n </div>\n {/ <ls-formfield as=\"radio\" value={'false'} /> /}\n <ls-toggle\n checked={this.template?.autoArchive}\n onValueChange={e => {\n this.alter({ autoArchive: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'template-detail-section'}>\n <div>\n <p class=\"template-detail-section-title\">Lock Template</p>\n <p class={'template-detail-section-info'}>Lock Template to avoid changes being made</p>\n </div>\n {/ <ls-formfield as=\"radio\" value={'false'} /> */}\n <ls-toggle\n checked={this.template?.locked}\n onValueChange={e => {\n this.alter({ locked: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Document Retention (Days)</p>\n <p>\n <input\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\n type='number'\n onInput={e => {\n e.preventDefault();\n this.alter({ documentRetentionDays: (e.target as HTMLInputElement).value });\n }}\n />\n </p>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Pages</p>\n <p>{this.template?.pageCount}</p>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Date Created</p> <p>{formatDate(this.template?.created)}</p>\n </div>\n <div class={'template-detail-section column'}>\n <p class=\"template-detail-section-title\">Created By</p> <p>{this.template?.createdBy}</p>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip id=\"ls-tooltip-master\" />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-document-viewer/adapter/templateActions.js CHANGED Viewed

@@ -6,7 +6,7 @@ const updateTemplate = template => {
         templateId: "${template.id}",
         title: "${template.title}",
         locked: ${template.locked},
-        retention: ${template.retention},
+        documentRetentionDays: ${template.documentRetentionDays},
         autoArchive: ${template.autoArchive},
         fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}
       })
@@ -34,7 +34,7 @@ const getTemplate = (id) => {
             lastSent
             fixSignatureScale
             groupId
-            retention
+            documentRetentionDays
             roles{
               id
               name

package/dist/collection/components/ls-document-viewer/adapter/templateActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"templateActions.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/templateActions.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE;IAChC,OAAO;;;uBAGc,QAAQ,CAAC,EAAE;kBAChB,QAAQ,CAAC,KAAK;kBACd,QAAQ,CAAC,MAAM;~~qBACZ~~,QAAQ,CAAC,~~SAAS~~;~~uBAChB~~,QAAQ,CAAC,WAAW;6BACd,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;;;GAGzF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE;IACjC,OAAO;;0BAEiB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyErB,CAAC;AACR,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC","sourcesContent":["// Add a role\nconst updateTemplate = template => {\n return `\n mutation LDVupdateTemplate {\n updateTemplate(input: {\n templateId: \"${template.id}\", \n title: \"${template.title}\",\n locked: ${template.locked},\n ~~retention~~: ${template.~~retention~~},\n autoArchive: ${template.autoArchive},\n fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}\n })\n }\n `;\n};\n\nconst getTemplate = (id: string) => {\n return `\n query LDVGetTemplate {\n template(id: \"${id}\") {\n id\n title\n fileName\n pageDimensions\n pageCount\n modified\n link\n valid\n locked\n autoArchive\n archived\n tags\n created\n createdBy\n lastSent\n fixSignatureScale\n groupId\n ~~retention~~\n roles{\n id\n name\n roleType\n signerIndex\n ordinal\n signerParent\n experience\n }\n elementConnection {\n templateElements {\n align\n ax\n ay\n bx\n by\n elementType\n formElementType\n fieldOrder\n fontName\n fontSize\n helpText\n hideBorder\n id\n label\n labelExtra\n logicAction\n logicGroup\n mapTo\n options\n optional\n page\n role\n signer\n substantive\n validation\n value\n }\n totalCount\n }\n userSignatureConnection {\n userSignatureElements {\n id\n userId\n ax\n ay\n bx\n by\n page\n link\n }\n }\n }\n }\n `;\n};\n\nexport { updateTemplate, getTemplate };\n"]}
1	+ {"version":3,"file":"templateActions.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/templateActions.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE;IAChC,OAAO;;;uBAGc,QAAQ,CAAC,EAAE;kBAChB,QAAQ,CAAC,KAAK;kBACd,QAAQ,CAAC,MAAM;iCACA,QAAQ,CAAC,qBAAqB;uBACxC,QAAQ,CAAC,WAAW;6BACd,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;;;GAGzF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE;IACjC,OAAO;;0BAEiB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyErB,CAAC;AACR,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC","sourcesContent":["// Add a role\nconst updateTemplate = template => {\n return `\n mutation LDVupdateTemplate {\n updateTemplate(input: {\n templateId: \"${template.id}\", \n title: \"${template.title}\",\n locked: ${template.locked},\n documentRetentionDays: ${template.documentRetentionDays},\n autoArchive: ${template.autoArchive},\n fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}\n })\n }\n `;\n};\n\nconst getTemplate = (id: string) => {\n return `\n query LDVGetTemplate {\n template(id: \"${id}\") {\n id\n title\n fileName\n pageDimensions\n pageCount\n modified\n link\n valid\n locked\n autoArchive\n archived\n tags\n created\n createdBy\n lastSent\n fixSignatureScale\n groupId\n documentRetentionDays\n roles{\n id\n name\n roleType\n signerIndex\n ordinal\n signerParent\n experience\n }\n elementConnection {\n templateElements {\n align\n ax\n ay\n bx\n by\n elementType\n formElementType\n fieldOrder\n fontName\n fontSize\n helpText\n hideBorder\n id\n label\n labelExtra\n logicAction\n logicGroup\n mapTo\n options\n optional\n page\n role\n signer\n substantive\n validation\n value\n }\n totalCount\n }\n userSignatureConnection {\n userSignatureElements {\n id\n userId\n ax\n ay\n bx\n by\n page\n link\n }\n }\n }\n }\n `;\n};\n\nexport { updateTemplate, getTemplate };\n"]}

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

@@ -102,19 +102,16 @@ export class LsDocumentViewer {
     modeHandler(_newMode, _oldMode) {
         if (_newMode === 'preview') {
             this.showtoolbar = false;
-            this.showtoolbox = false;
             this.showstatusbar = false;
             this.readonly = true;
         }
         else if (_newMode === 'editor') {
             this.showtoolbar = true;
-            this.showtoolbox = true;
             this.showstatusbar = true;
             this.readonly = false;
         }
         else if (_newMode === 'compose') {
             this.showtoolbar = true;
-            this.showtoolbox = true;
             this.showstatusbar = true;
             this.readonly = false;
         }
@@ -139,10 +136,10 @@ export class LsDocumentViewer {
      */
     displayTable = false;
     /**
-     * Whether the left hand toolbox is displayed.
-     * {boolean}
+     * Allows the selection of fields in the toolbox to be limited to a | (pipe) delimited list.
+     * {string}
      */
-    showtoolbox = false;
+    filterToolbox = null;
     /**
      * Whether the top toolbar is displayed.
      * {boolean}
@@ -527,8 +524,11 @@ export class LsDocumentViewer {
     componentDidLoad() {
         attachAllTooltips(this.component.shadowRoot);
     }
+    showTool(fieldFormType) {
+        return this.filterToolbox === null || this.filterToolbox.split('|').includes(fieldFormType);
+    }
     render() {
-        return (h(Host, { key: 'd9724233b35f9f196e6ff6e9cec9858ff12edb3a' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: 'f419beae0063dbcd421c8290b6e515738980e16c' }), h("div", { key: 'b8c52ab5d330dd94407ed893909421cd64710e60', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: '652d3d026a7e6ec9dce0dd8c1197f31811e5089a', validationErrors: this.validationErrors })), h("div", { key: 'e5594b482b2d1d6dc0b4e70d6168ec6321c76f39', class: "page-header" }, h("p", { key: '5a3201bdf8abde082fe124805de02a64e44eccaa', class: "header-text-1" }, "Template Creation"), h("p", { key: '1b522afac142bc368bc2a30c7325d913f200952c' }, "/"), h("p", { key: 'ef5a9a176161f5839b0bf30080f88e5d54dd3f4c', class: "header-text-2" }, this._template?.title)), h("form", { key: '4b0ef91f2ebef7c7c61b55e6e16fc27de47f9092', id: "ls-editor-form" }, this.showtoolbox === true ? (h("div", { id: "ls-left-box", class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { onManage: manager => {
+        return (h(Host, { key: 'd8ce0d70a58af99fdd2c409e4054b58b64e3cb03' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: 'ab5e54ba96698f1013ecb180d238514722a64576' }), h("div", { key: '13ca00d49a5e90ccd87fd3848596b00da38f4de5', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: '95f916a6ab5408b5464d041665d070cb03dd2a38', validationErrors: this.validationErrors, showDropDown: this.mode === "editor" })), h("div", { key: '3c4ab91e87f408ed58431b1f61d65598d82b302b', class: "page-header" }, h("p", { key: '9c83746dc708c3ce530530f853f89f7d048dc61c', class: "header-text-1" }, "Template Creation"), h("p", { key: 'bb7db7928e0116665762c8c9f4fa5dfc8490b86f' }, "/"), h("p", { key: 'b6e6c67e9f7078d792ec1fd52b0bb92035e5c30e', class: "header-text-2" }, this._template?.title)), h("form", { key: '5b4a2e3331860f327b4d027a6c4598ad5acf7a06', id: "ls-editor-form" }, this.mode !== "preview" ? (h("div", { id: "ls-left-box", class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { mode: this.mode, onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -538,10 +538,10 @@ export class LsDocumentViewer {
                     participantManager.template = this._template;
                 }
                 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" }, "Participant Fields"), h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { class: "fields-box" }, 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: this.signer, style: this.signer > 0 ? { display: 'block' } : { display: 'none' } }), h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, 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, style: this.signer === 0 ? { display: 'block' } : { display: 'none' } }), h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, 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 && (h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer }), h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, 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 }), h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer }), h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, 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 }), h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, 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 }), h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, 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 && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, 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 }), h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer }), h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer }), 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' })), !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 => {
+            } }), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Participant Fields"), h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like 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: 27, defaultWidth: 120, 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: 27, defaultWidth: 120, 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: 27, defaultWidth: 100, 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: 27, defaultWidth: 120, 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: 27, defaultWidth: 80, 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: 27, defaultWidth: 120, 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: 27, defaultWidth: 120, 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: 27, defaultWidth: 80, 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: 27, defaultWidth: 80, 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: 27, defaultWidth: 27, 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: 27, defaultWidth: 120, 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: 27, defaultWidth: 120, 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: 27, defaultWidth: 120, 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' })), !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: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: '894d26fd64ebf673688f783b490652228d75f487', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: '61f9c9c28ddd25cacad517865b9896e604108171', id: "ls-mid-area" }, h("div", { key: 'b6e67a868160e975abd949d78bd4ac3c222d89e7', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: 'b7ee0f71233b80680bf65a97acf9706e1380f3ee', id: "ls-document-frame" }, h("canvas", { key: 'a68f1aecea9ac1a65654725074b5f8bdcc928019', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: '48e9e0bcea2bac142e6ea088769770a16d6dfe62', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: 'c27c8f54dcd1921cb66d01a12360f5a0029d4612', id: "ls-box-selector" }))), h("ls-statusbar", { key: '56dfffbea07c69f228c71c44f447dbeb7dc96c8c', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: 'ce0ed3ae8019f77ec52ee25f38180d3cd4983788', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: 'a6d8ef8362453c0b506bf15ef6e81ed28390a035', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: '2f087618c9a6459debbf38690f9ce2d936b6e7d3', id: "ls-mid-area" }, h("div", { key: 'a7883f796dcaa17d811ea02b3bf94dedd8460b98', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '44dd3294c9f2fbd37e7237f4fa6cf2177d5fa997', id: "ls-document-frame" }, h("canvas", { key: 'e0c972f5f70a103c6fa7e2a7ae478b75b717d67e', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: 'f22926e764e4f0c13dff4e95777bf27adf5ced77', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '45a5db8db4fb77eef714516d292a40c884e46910', id: "ls-box-selector" }))), h("ls-statusbar", { key: '7a1ad3aa1c76b5287b43b91798cb3f89289267bd', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: 'c4f1614420969b565b2962c385ff042df8e43e0d', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-document-viewer"; }
     static get encapsulation() { return "shadow"; }
@@ -830,25 +830,25 @@ export class LsDocumentViewer {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "showtoolbox": {
-                "type": "boolean",
-                "attribute": "showtoolbox",
+            "filterToolbox": {
+                "type": "string",
+                "attribute": "filter-toolbox",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Whether the left hand toolbox is displayed.\n{boolean}"
+                    "text": "Allows the selection of fields in the toolbox to be limited to a | (pipe) delimited list.\n{string}"
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "null"
             },
             "showtoolbar": {
                 "type": "boolean",