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

legalesign-document-viewer 0.3.4 → 0.3.6

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 (323) 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_40.cjs",[[257,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"zoom":[1026],"pageNum":[1026,"page-num"],"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],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[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-document-options",{"template":[1040],"editTitle":[32],"editNameBtn":[32]},null,{"template":["selectedHandler"]}],[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-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-feature-column",{"manager":[1025]}],[257,"ls-statusbar",{"zoom":[1026],"editor":[16]}],[257,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"label":[1],"icon":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]],{"isSelected":["modeHandler"]}],[257,"ls-validation-tag",{"status":[1025],"validationErrors":[1040,"validation-errors"],"isExpanded":[1028,"is-expanded"]},null,{"validationErrors":["validateChange"]}],[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-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16]},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-tooltip",{"referenceElement":[16,"reference-element"],"placement":[1]}],[257,"ls-field-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-size",{"dataItem":[1040,"data-item"]}],[257,"ls-field-content",{"dataItem":[1040,"data-item"],"showValidationTypes":[4,"show-validation-types"]}],[257,"ls-field-properties-advanced",{"dataItem":[1040,"data-item"],"expanded":[1028]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[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-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-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);
 });
 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: '2814d90b98031f52b7318897e14f98fec3228c12' }, index.h("ls-field-properties-container", { key: '6915ed5bad2f05a7c3b7e0af81750d6c8f9bfe97', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '456c31361aacb5aa57a4ee4953d150681f93fdca', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '16d0bfb3f17f534ee4006bd8883dc0cd0b775ffd', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'f363b12119a77378eba81d5221491860e5dfa40f', dataItem: this.dataItem })), index.h("div", { key: '7a860cd99bcc749608e2c9ef9e06340896f64b82', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'f489461f00ebc8f040ba3f20c0f2dadc0214b936', dataItem: this.dataItem })), index.h("div", { key: 'c3517702b32c387fd0732cb9eff6035d658ad909', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '2818dfa478278557b24533eec549896bdc71d1ec', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '343540780beaca0a388b3b87e7955fec4edaa7a5', dataItem: this.dataItem })));
+        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 })));
     }
 };
 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: '3485eec42d8af324a72619cb32c7274e339b1b85', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (index.h("div", { key: '716afabcc9d574c9b39840439be06e7e17ba99e5', class: "formfield-top-elements" }, index.h("div", { key: '5b6917bdf8be43c47e786e72947b3b37b566bd31', class: "formfield-left-side" }, labelIcon && index.h("ls-icon", { key: '083496a911e3620287171430dcaacf4e36090332', name: labelIcon }), index.h("label", { key: 'dd714d11964122811d41c9df0044c77ce37d035f', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && index.h("ls-icon", { key: 'c337c3acfc58cdb9ea17cf830b17d333afe4f2db', 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: '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 ||
             count ||
             countMax ||
-            (descriptionText && (index.h("div", { key: '083a4a16bfe1f8728647290be0e347c0cd6ca77f', 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: '565e6cd7ee2a9654a7e463b36ae881fc959a2520', class: "formfield-count-container" }, index.h("p", { key: '11c45cfc6725e4fef2c6250eb3df776e7e862015', class: countClass }, value?.toString()?.length), countMax > 0 && (index.h("div", { key: '0fd1817a4df492aa56d8a528f1231afd6957ecca', class: countClass }, index.h("p", { key: 'a1287b659d7deaa679ac82dbffde1de5b5b7df12' }, "/"), index.h("p", { key: 'f0ece57465d47a669cbdf4328cdc6649e4af9e20' }, 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))))))))));
     }
     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: '1afec4beb73901961bfef1ce87ea0fa4c7deb636', class: type === 'ls' && 'host' }, type === 'ls' && (index.h("button", { key: 'f4fef87a4e297c93b15a538d22b70892b3cccbb5', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, index.h("ls-icon", { key: 'c85dab065b20ecfa08b8b080aadc2387651b6dc8', id: 'buttonIcon', name: 'minus-sm' }))), index.h("div", { key: 'ceaa4dd22d496cb36de00ac91cae782d20c4e5fd', class: 'input-container' }, fieldIcon && (index.h("ls-icon", { key: '39f75a208996d1da6c42a8ab5dc8a61c59de5b1d', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("input", { key: '03a5563cb34454a586f241b0dc267c13fd450109', 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: '97db16fce66ad9c092f172016862cb4fa33833b2', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: 'fff3ec8eb29c82ad1c321df274a14eef620fef0d', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (index.h("button", { key: 'eec2254ea89f321f33c5aa53d292ee785860cda7', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '82169e00438c8d7bbb2175574f969b7c9026154f', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (index.h("button", { key: 'd98ee2f20d741dc7efc11d1e5729cea1e4900d15', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, index.h("ls-icon", { key: '257d9dd6cb89f9a38dd2fe9b3fd6c3b35ad9e15b', id: 'buttonIcon', name: 'plus-sm' })))));
+        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' })))));
     }
 };
 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: 'a92f88438a3882b27e5505e7f9534be111cd520f', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, index.h("input", { key: 'a0cfdedd737e20279c32909f31bd713b09257ea5', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), index.h("div", { key: '0fea5884901287b6603a62bf0029f7fb926c1b8e', class: 'spanContainer' }, index.h("span", { key: '77e1c21a756198bd6c310c94a32a173acc87d4b8' }, icon && index.h("ls-icon", { key: '2ac04771b9df69ccf49a42bf50af1983daf31564', name: icon, size: "16" })), index.h("span", { key: '00b7aaf5044f5c7f5250df160445c9baf28d6ffa' }, label))));
+        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))));
     }
 };
 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: '3ac03868994729b9780bca89549602c6cbea72f5', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '1eeb1282ba71f96ef9a5879a72c9d20a22557c81', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("select", { key: 'f54ebed1a2d3b9580355b10a0ec3f6f82ccb9eca', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, index.h("slot", { key: '3e175008d1826842ecce18b26016e9564e370880' })), index.h("div", { key: '24d008184602bbc0476b2c8e0ceeb68acd4ad29a', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '956c9776eaed0f16edfea084688b33699aea3ea0', 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: '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' })))));
     }
 };
 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: '827909cfae4e18f80ac136ec8603e5a510460a10', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '498dcda782102ffe29f314c9049c718f59e00d43', 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: '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) => {
                 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: 'faf3c564ded66f04dcef77c34318cf731542759d', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '4d3fad8519de12ee3657984c6c72900226704a3c', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '5f57f4bd697d98de4dd1d7629e9b0e6add71e85e', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: 'e2137244cda706d20178391d59d2dfc0e6403d77', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (index.h("ls-icon-button", { key: 'cbbefb35561badf68e930a0caeffa001e6ac87c7', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
+            } })), 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 })))));
     }
 };
 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: '5ba93595328b9e352766cffe66b9c0e41bdb38c4', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '782f7c8c258013b611726502bfa9d3bd78dfb0d4', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("textarea", { key: 'c142fda0239a4399068bac19c4dd0a374ff380b1', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), index.h("div", { key: '9157f35eb7b99ebdf8f1bed8a29dfb55bd7920fa', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '21637cf668a058a7206e1a99018d522c3229906d', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '42b2d1de930cf0796ce5c3136dae8c63cb889d2c', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '9cb6d472f40e2ff494c281dc8d7fcb34f5890252', id: 'buttonIcon', name: buttonIcon }))))));
+        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 }))))));
     }
 };
 LsTextareaInput.style = lsTextareaInputCss;

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

@@ -34,8 +34,10 @@
     "components/ls-formfield/inputs/ls-select-input/ls-select-input.js",
     "components/ls-formfield/inputs/ls-text-input/ls-text-input.js",
     "components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js",
+    "components/ls-helper-bar/ls-helper-bar.js",
     "components/ls-icon/ls-icon.js",
     "components/ls-input-wrapper/ls-input-wrapper.js",
+    "components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js",
     "components/ls-page-loader/ls-page-loader.js",
     "components/ls-participant-card/ls-participant-card.js",
     "components/ls-participant-manager/ls-participant-manager.js",

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

@@ -63,6 +63,24 @@
   width: 100%;
 }
+.template-title {
+  border-radius: 0.5rem;
+  padding: 0.25rem;
+  color: var(--gray-100, #45484d);
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 1.5rem; /* 150% */
+  cursor: pointer;
+  width: 100%;
+  margin-top: -0.125rem;
+}
+.template-title:hover {
+  background: var(--gray-10, #f7f8fa);
+}
 .column {
   display: flex;
   flex-direction: column;

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

@@ -1,4 +1,5 @@
 import { Host, h } from "@stencil/core";
+import { attachAllTooltips } from "../../utils/tooltip";
 export class LsDocumentOptions {
     component;
     /**
@@ -29,7 +30,9 @@ export class LsDocumentOptions {
             this.mutate.emit(diffs);
         }, delay);
     }
-    editNameBtn;
+    componentDidLoad() {
+        attachAllTooltips(this.component.shadowRoot);
+    }
     render() {
         function formatDate(isoString) {
             const date = new Date(isoString);
@@ -42,21 +45,22 @@ export class LsDocumentOptions {
         }
         return (h(Host, null, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Template Details"), h("p", { class: "toolbox-section-description" }, "Details and insights about the Template.")), h("div", { class: 'template-details' }, h("div", { class: 'template-detail-section column' }, h("p", { class: "template-detail-section-title" }, "Name"), h("div", { class: "editButton", onClick: () => {
                 this.editTitle = !this.editTitle;
-            } }, h("ls-icon", { name: this.editTitle ? 'check' : 'pencil-alt', size: "18", id: "edit-name-btn", ref: el => {
-                if (el && el !== this.editNameBtn) {
-                    this.editNameBtn = el;
-                }
-            } }), h("ls-tooltip", { referenceElement: this.editNameBtn }, this.editTitle ? 'Save' : 'Edit Name')), this.editTitle ? (h("input", { value: this.template?.title, style: { width: '100%' }, onInput: e => {
+            } }, h("ls-icon", { name: this.editTitle ? 'check' : 'pencil-alt', size: "18", id: "edit-name-btn", "data-tooltip": this.editTitle ? 'Save' : 'Edit Name' })), this.editTitle ? (h("input", { value: this.template?.title, style: { width: '100%' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editTitle = false;
-            } })) : (h("p", null, this.template?.title))), h("div", { class: 'template-detail-section' }, h("div", null, h("p", { class: "template-detail-section-title" }, "Auto Archive"), h("p", { class: 'template-detail-section-info' }, "After Sending the Template will be automatically archived.")), h("ls-toggle", { checked: this.template?.autoArchive, onValueChange: e => {
+            } })) : (h("div", { class: "template-title", onClick: () => {
+                this.editTitle = !this.editTitle;
+            } }, h("p", null, this.template?.title)))), h("div", { class: 'template-detail-section' }, h("div", null, h("p", { class: "template-detail-section-title" }, "Auto Archive"), h("p", { class: 'template-detail-section-info' }, "After Sending the Template will be automatically archived.")), h("ls-toggle", { checked: this.template?.autoArchive, onValueChange: e => {
                 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" }, "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("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 => {
+                e.preventDefault();
+                this.alter({ retention: 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"; }
     static get encapsulation() { return "shadow"; }
@@ -78,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; }",
+                    "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; }",
                     "references": {
                         "LSApiTemplate": {
                             "location": "import",
@@ -100,8 +104,7 @@ export class LsDocumentOptions {
     }
     static get states() {
         return {
-            "editTitle": {},
-            "editNameBtn": {}
+            "editTitle": {}
         };
     }
     static get events() {

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';\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\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 @State() editNameBtn: HTMLElement;\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 ref={el => {\n if (el && el !== this.editNameBtn) {\n this.editNameBtn = el;\n }\n }}\n />\n <ls-tooltip referenceElement={this.editNameBtn}>{this.editTitle ? 'Save' : 'Edit Name'}</ls-tooltip>\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 <p>{this.template?.title}</p>\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\">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 </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?.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"]}

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

@@ -24,7 +24,7 @@ export class LsDocumentAdapter {
             case 'ele':
                 switch (event.action) {
                     case 'create':
-                        query = createElement(obj);
+                        query = createElement(recalculateCoordinates(obj));
                         break;
                     case 'update':
                         query = updateElement(recalculateCoordinates(obj));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LsDocumentAdapter.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/LsDocumentAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,OAAO,iBAAiB;IAEpB,QAAQ,CAAgB;IAEhC,YAAY,QAAwB;QAClC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,WAAW,GAAG,KAAK,EAAE,KAAoB,EAAE,WAAmB,EAAE,EAAE;QAChE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,WAAW,CAAC;QAE7D,4CAA4C;QAC5C,MAAM,GAAG,GAA6C,KAAK,CAAC,IAAI,CAAC;QACjE,IAAI,CAAC,GAAG,EAAE,EAAE;YAAE,OAAO,SAAS,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,SAAS,CAAC;QAEvC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,KAAK;gBACR,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;oBACrB,KAAK,QAAQ;wBACX,KAAK,GAAG,aAAa,CAAC,~~GAAG~~,CAAC,CAAC;~~wBAC3B~~,MAAM;oBACR,KAAK,QAAQ;wBACX,KAAK,GAAG,aAAa,CAAC,sBAAsB,CAAC,GAAmB,CAAC,CAAC,CAAC;wBACnE,MAAM;oBACR,KAAK,QAAQ;wBACX,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;wBAC3B,MAAM;gBACV,CAAC;gBACH,MAAM;YACN,KAAK,KAAK;gBACR,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;oBACrB,KAAK,QAAQ;wBACX,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;wBACxB,MAAM;oBACR,KAAK,QAAQ;wBACX,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;wBACxB,MAAM;oBACR,KAAK,QAAQ;wBACX,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;wBACxB,MAAM;oBACR,KAAK,MAAM;wBACT,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;wBACvB,KAAK,GAAG,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;wBACpC,MAAM;gBACV,CAAC;gBACD,MAAM;YACR,KAAK,KAAK;gBACR,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;oBACrB,KAAK,QAAQ;wBACX,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;wBAC5B,MAAM;gBACV,CAAC;gBACD,MAAM;QACV,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAEtD,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF;;;;OAIG;IACI,KAAK,CAAC,OAAO,CAAC,WAAmB,EAAE,YAAoB,EAAE,iBAA0B;QACxF,IAAI,WAAW,EAAE,CAAC;YAChB,4BAA4B;YAC5B,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,IAAI,CAC1B,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,OAAO,EAC7C;gBACE,KAAK,EAAE,YAAY;gBACnB,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;aACtD,EACD;gBACE,OAAO,EAAE;oBACP,aAAa,EAAE,WAAW;iBAC3B;aACF,CACF,CAAC;YACF,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC1C,CAAC;QAED,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC;CACF","sourcesContent":["import axios, { AxiosResponse } from 'axios';\nimport { LSMutateEvent } from '../../../types/LSMutateEvent';\nimport { LSApiRole } from '../../../types/LSApiRole';\nimport { LSApiElement } from '../../../types/LSApiElement';\nimport { Parameters } from './parameters';\nimport { createElement, deleteElement, updateElement } from './elementActions';\nimport { createRole, deleteRole, swapRoles, updateRole } from './roleActions';\nimport { updateTemplate } from './templateActions';\nimport { LSApiTemplate } from '../../../components';\nimport { recalculateCoordinates } from '../editorCalculator';\n\nexport class LsDocumentAdapter {\n\n private endpoint: string \| null;\n\n constructor(endpoint?: string \| null) {\n this.endpoint = endpoint;\n }\n\n handleEvent = async (event: LSMutateEvent, accessToken: string) => {\n axios.defaults.headers.common['Authorization'] = accessToken;\n\n // Determine the object type being processed\n const obj: LSApiElement \| LSApiRole \| LSApiTemplate = event.data;\n if (!obj?.id) return 'invalid';\n\n const apiId = atob(obj.id);\n if (apiId.length < 3) return 'invalid';\n\n const prefix = atob(obj.id).substring(0, 3);\n let query = '';\n switch (prefix) {\n case 'ele':\n switch (event.action) {\n case 'create':\n query = createElement(obj);\n break;\n case 'update':\n query = updateElement(recalculateCoordinates(obj as LSApiElement));\n break;\n case 'delete':\n query = deleteElement(obj);\n break;\n }\n break;\n case 'rol':\n switch (event.action) {\n case 'create':\n query = createRole(obj);\n break;\n case 'update':\n query = updateRole(obj);\n break;\n case 'delete':\n query = deleteRole(obj);\n break;\n case 'swap':\n console.log(obj, event)\n query = swapRoles(obj, event.data2);\n break;\n }\n break;\n case 'tpl':\n switch (event.action) {\n case 'update':\n query = updateTemplate(obj);\n break;\n }\n break;\n }\n const result = await this.execute(accessToken, query);\n \n return { result, obj, event };\n };\n\n /*\n Run a general query or mutation against the GraphQL API.\n \n @returns a promise of a graphQL request\n */\n public async execute(accessToken: string, graphQLQuery: string, _graphQLVariables?: object): Promise<object> {\n if (accessToken) {\n //console.log(graphQLQuery);\n const res = await axios.post<AxiosResponse>(\n this.endpoint \|\| Parameters.endpoints.graphQL,\n {\n query: graphQLQuery,\n variables: _graphQLVariables ? _graphQLVariables : {},\n },\n {\n headers: {\n Authorization: accessToken,\n },\n },\n );\n return res.data.data;\n } else {\n console.warn('UNASSIGNED ACCESS TOKEN');\n }\n\n return Promise.reject();\n }\n}\n"]}
1	+ {"version":3,"file":"LsDocumentAdapter.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/LsDocumentAdapter.ts"],"names":[],"mappings":"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","sourcesContent":["import axios, { AxiosResponse } from 'axios';\nimport { LSMutateEvent } from '../../../types/LSMutateEvent';\nimport { LSApiRole } from '../../../types/LSApiRole';\nimport { LSApiElement } from '../../../types/LSApiElement';\nimport { Parameters } from './parameters';\nimport { createElement, deleteElement, updateElement } from './elementActions';\nimport { createRole, deleteRole, swapRoles, updateRole } from './roleActions';\nimport { updateTemplate } from './templateActions';\nimport { LSApiTemplate } from '../../../components';\nimport { recalculateCoordinates } from '../editorCalculator';\n\nexport class LsDocumentAdapter {\n\n private endpoint: string \| null;\n\n constructor(endpoint?: string \| null) {\n this.endpoint = endpoint;\n }\n\n handleEvent = async (event: LSMutateEvent, accessToken: string) => {\n axios.defaults.headers.common['Authorization'] = accessToken;\n\n // Determine the object type being processed\n const obj: LSApiElement \| LSApiRole \| LSApiTemplate = event.data;\n if (!obj?.id) return 'invalid';\n\n const apiId = atob(obj.id);\n if (apiId.length < 3) return 'invalid';\n\n const prefix = atob(obj.id).substring(0, 3);\n let query = '';\n switch (prefix) {\n case 'ele':\n switch (event.action) {\n case 'create':\n query = createElement(recalculateCoordinates(obj as LSApiElement));\n break;\n case 'update':\n query = updateElement(recalculateCoordinates(obj as LSApiElement));\n break;\n case 'delete':\n query = deleteElement(obj);\n break;\n }\n break;\n case 'rol':\n switch (event.action) {\n case 'create':\n query = createRole(obj);\n break;\n case 'update':\n query = updateRole(obj);\n break;\n case 'delete':\n query = deleteRole(obj);\n break;\n case 'swap':\n console.log(obj, event)\n query = swapRoles(obj, event.data2);\n break;\n }\n break;\n case 'tpl':\n switch (event.action) {\n case 'update':\n query = updateTemplate(obj);\n break;\n }\n break;\n }\n const result = await this.execute(accessToken, query);\n \n return { result, obj, event };\n };\n\n /*\n Run a general query or mutation against the GraphQL API.\n \n @returns a promise of a graphQL request\n */\n public async execute(accessToken: string, graphQLQuery: string, _graphQLVariables?: object): Promise<object> {\n if (accessToken) {\n //console.log(graphQLQuery);\n const res = await axios.post<AxiosResponse>(\n this.endpoint \|\| Parameters.endpoints.graphQL,\n {\n query: graphQLQuery,\n variables: _graphQLVariables ? _graphQLVariables : {},\n },\n {\n headers: {\n Authorization: accessToken,\n },\n },\n );\n return res.data.data;\n } else {\n console.warn('UNASSIGNED ACCESS TOKEN');\n }\n\n return Promise.reject();\n }\n}\n"]}

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

@@ -6,6 +6,7 @@ const updateTemplate = template => {
         templateId: "${template.id}",
         title: "${template.title}",
         locked: ${template.locked},
+        retention: ${template.retention},
         autoArchive: ${template.autoArchive},
         fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}
       })
@@ -33,6 +34,7 @@ const getTemplate = (id) => {
             lastSent
             fixSignatureScale
             groupId
+            retention
             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;~~uBACV~~,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwErB~~,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 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 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;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"]}

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

@@ -44,7 +44,7 @@ export function moveField(item, data) {
     item.style.fontSize = Math.floor(data.fontSize * this.zoom) + 'pt';
     item.style.fontFamily = data.fontName;
     item.style.textAlign = data.align;
-    item.dataItem = data;
+    item.dataItem = recalculateCoordinates(data);
 }
 ;
 // calculates html compatible coords at current zoom level

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

	@@ -1 +1 @@
1	- {"version":3,"file":"editorCalculator.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/editorCalculator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LSApiElement } from '../../types/LSApiElement';\n\nexport const findIn = (fields: NodeListOf<HTMLLsEditorFieldElement>, selector: HTMLElement, restyle: boolean = false, additive: boolean = false): HTMLLsEditorFieldElement[] => {\n const selected: HTMLLsEditorFieldElement[] = new Array();\n const { top, left, bottom, right } = selector.getBoundingClientRect();\n\n fields.forEach(f => {\n if (f.getBoundingClientRect().bottom <= bottom && f.getBoundingClientRect().top >= top && f.getBoundingClientRect().left >= left && f.getBoundingClientRect().right <= right) {\n if (restyle) f.selected = true;\n selected.push(f);\n } else {\n if (restyle && !additive) f.selected = false;\n }\n });\n return selected;\n};\n\n// Used to append new fields (dropped or loaded from template data)\nexport function addField(frame: HTMLElement, data): HTMLLsEditorFieldElement {\n const fields = this._template.elementConnection.templateElements;\n this._template = {...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data]} };\n\n const node = document.createElement('ls-editor-field');\n node.setAttribute('type', data.formElementType);\n node.setAttribute('id', 'ls-field-' + data.id);\n // node.setAttribute('selected', 'selected');\n node.style.zIndex = '100';\n node.style.position = 'absolute';\n\n node.style.top = Math.floor(data.top * this.zoom) +'px';\n node.style.left = Math.floor(data.left * this.zoom) + 'px';\n node.style.height = Math.floor(data.height * this.zoom) + 'px';\n node.style.width = Math.floor(data.width * this.zoom) + 'px';\n node.style.fontSize = Math.floor(data.fontSize * this.zoom) + 'pt';\n node.style.alignContent = data.align;\n node.style.fontFamily = data.fontName;\n node.dataItem = data;\n frame.appendChild(node);\n\n return node as any as HTMLLsEditorFieldElement;\n};\n\nexport function moveField(item: HTMLLsEditorFieldElement, data){\n item.style.top = Math.floor(data.top * this.zoom) + 'px';\n item.style.left = Math.floor(data.left * this.zoom) + 'px';\n item.style.height = Math.floor(data.height * this.zoom) + 'px';\n item.style.width = Math.floor(data.width * this.zoom) + 'px';\n item.style.fontSize = Math.floor(data.fontSize * this.zoom) + 'pt';\n item.style.fontFamily = data.fontName;\n item.style.textAlign = data.align;\n item.dataItem = data;\n};\n\n// calculates html compatible coords at current zoom level\nexport const transformCoordinates = (\n sourceField: LSApiElement,\n inputFieldWidth: number,\n inputFieldHeight: number,\n viewerWidth: number,\n viewerHeight: number,\n left: number,\n top: number,\n fontName: string,\n fontSize: number,\n zoom: number,\n): LSApiElement => {\n // Returns X, Y coordinates\n const ax = left > 0 ? left / viewerWidth : 0;\n const ay = top > 0 ? top / viewerHeight : 0;\n const bx = (left + inputFieldWidth) / viewerWidth;\n const by = (top + inputFieldHeight) / viewerHeight;\n\n // Return with calculated styles that try to place it as it would appear on legacy signing page\n return {\n ...sourceField,\n ax,\n ay,\n bx,\n by,\n cstyle: {\n margin: 0,\n verticalAlign: 'top',\n boxSizing: 'content-box',\n fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n fontFamily: fontName \|\| 'arial',\n width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`, // app1 input has padding-x 3px\n height: `${inputFieldHeight * (by - ay) * zoom}px`, // app1 input has padding-y 2px\n // minHeight: `${inputFieldHeight * (BY - AY) * zoom - 2}px`,\n lineHeight: 'inherit',\n },\n divStyle: {\n position: 'absolute',\n top: `${inputFieldHeight * ay * zoom}px`,\n left: `${inputFieldWidth * ax * zoom}px`,\n width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`,\n height: `${inputFieldHeight * (by - ay) * zoom}px`,\n zIndex: 1000,\n fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n },\n objectHeight: `${inputFieldHeight * (by - ay) * zoom}px`,\n };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const findDimensions = (\n frameContainer: HTMLDivElement,\n sourceField: HTMLLsEditorFieldElement,\n pageHeight: number,\n pageWidth: number,\n zoom: number\n): { top: number; left: number; height: number; width: number; ax: number; ay: number; bx: number; by: number } => {\n\n // Position of widget frame\n const frmDims = frameContainer.getBoundingClientRect();\n // dimensions relative to viewport\n const { height, width } = sourceField.getBoundingClientRect();\n const zwidth = width / zoom;\n const zheight = height / zoom;\n const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);\n const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);\n \n // Returns X, Y coordinates\n const ax = left > 0 ? left / pageWidth : 0;\n const ay = top > 0 ? top / pageHeight : 0;\n const bx = (left + zwidth) / pageWidth;\n const by = (top + zheight) / pageHeight;\n\n\n // Return with calculated styles that try to place it as it would appear on legacy signing page\n return {\n top,\n left,\n height,\n width,\n ax,\n ay,\n bx,\n by,\n };\n};\n\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const recalculateCoordinates = (\n d: LSApiElement\n): LSApiElement => {\n\n // Returns X, Y coordinates\n const ax = d.left / d.pageDimensions.width;\n const ay = d.top / d.pageDimensions.height;\n const bx = (d.left + d.width) / d.pageDimensions.width;\n const by = (d.top + d.height) / d.pageDimensions.height;\n\n // Return with calculated styles that try to place it as it would appear on legacy signing page\n return {\n ...d,\n ax,\n ay,\n bx,\n by,\n };\n};\n\n// from a field determinse if out of bounds\nexport const oob = (\n d: LSApiElement\n): boolean => {\n\n return (d.left < 0 \|\| d.top < 0 \|\| (d.left + d.width) > d.pageDimensions.width \|\| (d.top + d.height) > d.pageDimensions.height);\n};\n\n\n"]}
1	+ {"version":3,"file":"editorCalculator.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/editorCalculator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LSApiElement } from '../../types/LSApiElement';\n\nexport const findIn = (fields: NodeListOf<HTMLLsEditorFieldElement>, selector: HTMLElement, restyle: boolean = false, additive: boolean = false): HTMLLsEditorFieldElement[] => {\n const selected: HTMLLsEditorFieldElement[] = new Array();\n const { top, left, bottom, right } = selector.getBoundingClientRect();\n\n fields.forEach(f => {\n if (f.getBoundingClientRect().bottom <= bottom && f.getBoundingClientRect().top >= top && f.getBoundingClientRect().left >= left && f.getBoundingClientRect().right <= right) {\n if (restyle) f.selected = true;\n selected.push(f);\n } else {\n if (restyle && !additive) f.selected = false;\n }\n });\n return selected;\n};\n\n// Used to append new fields (dropped or loaded from template data)\nexport function addField(frame: HTMLElement, data): HTMLLsEditorFieldElement {\n const fields = this._template.elementConnection.templateElements;\n this._template = {...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data]} };\n\n const node = document.createElement('ls-editor-field');\n node.setAttribute('type', data.formElementType);\n node.setAttribute('id', 'ls-field-' + data.id);\n // node.setAttribute('selected', 'selected');\n node.style.zIndex = '100';\n node.style.position = 'absolute';\n\n node.style.top = Math.floor(data.top * this.zoom) +'px';\n node.style.left = Math.floor(data.left * this.zoom) + 'px';\n node.style.height = Math.floor(data.height * this.zoom) + 'px';\n node.style.width = Math.floor(data.width * this.zoom) + 'px';\n node.style.fontSize = Math.floor(data.fontSize * this.zoom) + 'pt';\n node.style.alignContent = data.align;\n node.style.fontFamily = data.fontName;\n node.dataItem = data;\n frame.appendChild(node);\n\n return node as any as HTMLLsEditorFieldElement;\n};\n\nexport function moveField(item: HTMLLsEditorFieldElement, data){\n item.style.top = Math.floor(data.top * this.zoom) + 'px';\n item.style.left = Math.floor(data.left * this.zoom) + 'px';\n item.style.height = Math.floor(data.height * this.zoom) + 'px';\n item.style.width = Math.floor(data.width * this.zoom) + 'px';\n item.style.fontSize = Math.floor(data.fontSize * this.zoom) + 'pt';\n item.style.fontFamily = data.fontName;\n item.style.textAlign = data.align;\n item.dataItem = recalculateCoordinates(data);\n};\n\n// calculates html compatible coords at current zoom level\nexport const transformCoordinates = (\n sourceField: LSApiElement,\n inputFieldWidth: number,\n inputFieldHeight: number,\n viewerWidth: number,\n viewerHeight: number,\n left: number,\n top: number,\n fontName: string,\n fontSize: number,\n zoom: number,\n): LSApiElement => {\n // Returns X, Y coordinates\n const ax = left > 0 ? left / viewerWidth : 0;\n const ay = top > 0 ? top / viewerHeight : 0;\n const bx = (left + inputFieldWidth) / viewerWidth;\n const by = (top + inputFieldHeight) / viewerHeight;\n\n // Return with calculated styles that try to place it as it would appear on legacy signing page\n return {\n ...sourceField,\n ax,\n ay,\n bx,\n by,\n cstyle: {\n margin: 0,\n verticalAlign: 'top',\n boxSizing: 'content-box',\n fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n fontFamily: fontName \|\| 'arial',\n width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`, // app1 input has padding-x 3px\n height: `${inputFieldHeight * (by - ay) * zoom}px`, // app1 input has padding-y 2px\n // minHeight: `${inputFieldHeight * (BY - AY) * zoom - 2}px`,\n lineHeight: 'inherit',\n },\n divStyle: {\n position: 'absolute',\n top: `${inputFieldHeight * ay * zoom}px`,\n left: `${inputFieldWidth * ax * zoom}px`,\n width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`,\n height: `${inputFieldHeight * (by - ay) * zoom}px`,\n zIndex: 1000,\n fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n },\n objectHeight: `${inputFieldHeight * (by - ay) * zoom}px`,\n };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const findDimensions = (\n frameContainer: HTMLDivElement,\n sourceField: HTMLLsEditorFieldElement,\n pageHeight: number,\n pageWidth: number,\n zoom: number\n): { top: number; left: number; height: number; width: number; ax: number; ay: number; bx: number; by: number } => {\n\n // Position of widget frame\n const frmDims = frameContainer.getBoundingClientRect();\n // dimensions relative to viewport\n const { height, width } = sourceField.getBoundingClientRect();\n const zwidth = width / zoom;\n const zheight = height / zoom;\n const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);\n const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);\n \n // Returns X, Y coordinates\n const ax = left > 0 ? left / pageWidth : 0;\n const ay = top > 0 ? top / pageHeight : 0;\n const bx = (left + zwidth) / pageWidth;\n const by = (top + zheight) / pageHeight;\n\n\n // Return with calculated styles that try to place it as it would appear on legacy signing page\n return {\n top,\n left,\n height,\n width,\n ax,\n ay,\n bx,\n by,\n };\n};\n\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const recalculateCoordinates = (\n d: LSApiElement\n): LSApiElement => {\n\n // Returns X, Y coordinates\n const ax = d.left / d.pageDimensions.width;\n const ay = d.top / d.pageDimensions.height;\n const bx = (d.left + d.width) / d.pageDimensions.width;\n const by = (d.top + d.height) / d.pageDimensions.height;\n\n // Return with calculated styles that try to place it as it would appear on legacy signing page\n return {\n ...d,\n ax,\n ay,\n bx,\n by,\n };\n};\n\n// from a field determinse if out of bounds\nexport const oob = (\n d: LSApiElement\n): boolean => {\n\n return (d.left < 0 \|\| d.top < 0 \|\| (d.left + d.width) > d.pageDimensions.width \|\| (d.top + d.height) > d.pageDimensions.height);\n};\n\n\n"]}

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

@@ -6,6 +6,7 @@
  * Avoid using arrow functions here as they reassign "thiss"
  */
 import { getTemplate } from "./adapter/templateActions";
+import { addField } from "./editorCalculator";
 import { validate } from "./validator";
 /**
  * Determines if an element will be plotted out of bounds, i.e. off
@@ -46,9 +47,7 @@ export function matchData(data) {
     const id = newObj[Object.keys(newObj)[0]];
     if (data.event.action === 'create') {
         if (prefix === 'ele') {
-            const fi = this.component.shadowRoot.getElementById('ls-field-' + data.obj.id);
-            fi.setAttribute('id', 'ls-field-' + id);
-            fi.dataItem = { ...data.obj, id };
+            addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), { ...data.obj, id });
         }
         this.validationErrors = validate.bind(this)(this._template);
     }