legalesign-document-viewer 0.3.6 → 0.3.7

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

@@ -94,9 +94,9 @@ const LsDocumentOptions = class {
                 this.alter({ autoArchive: e.detail });
             } })), index.h("div", { class: 'template-detail-section' }, index.h("div", null, index.h("p", { class: "template-detail-section-title" }, "Lock Template"), index.h("p", { class: 'template-detail-section-info' }, "Lock Template to avoid changes being made")), index.h("ls-toggle", { checked: this.template?.locked, onValueChange: e => {
                 this.alter({ locked: e.detail });
-            } })), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Document Retention (Days)"), index.h("p", null, index.h("input", { value: this.template?.retention, style: { width: '100%' }, onInput: e => {
+            } })), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Document Retention (Days)"), index.h("p", null, index.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 });
             } }))), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Pages"), index.h("p", null, this.template?.pageCount)), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Date Created"), " ", index.h("p", null, formatDate(this.template?.created))), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Created By"), " ", index.h("p", null, this.template?.createdBy))), index.h("slot", null), index.h("ls-tooltip", { id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
@@ -19998,7 +19998,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}
       })
@@ -20026,7 +20026,7 @@ const getTemplate = (id) => {
             lastSent
             fixSignatureScale
             groupId
-            retention
+            documentRetentionDays
             roles{
               id
               name
@@ -25392,7 +25392,7 @@ const LsDocumentViewer = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: 'd9724233b35f9f196e6ff6e9cec9858ff12edb3a' }, index.h(index.h.Fragment, null, this.isLoading && index.h("ls-page-loader", { key: 'f419beae0063dbcd421c8290b6e515738980e16c' }), index.h("div", { key: 'b8c52ab5d330dd94407ed893909421cd64710e60', class: 'validation-tag-wrapper' }, index.h("ls-validation-tag", { key: '652d3d026a7e6ec9dce0dd8c1197f31811e5089a', validationErrors: this.validationErrors })), index.h("div", { key: 'e5594b482b2d1d6dc0b4e70d6168ec6321c76f39', class: "page-header" }, index.h("p", { key: '5a3201bdf8abde082fe124805de02a64e44eccaa', class: "header-text-1" }, "Template Creation"), index.h("p", { key: '1b522afac142bc368bc2a30c7325d913f200952c' }, "/"), index.h("p", { key: 'ef5a9a176161f5839b0bf30080f88e5d54dd3f4c', class: "header-text-2" }, this._template?.title)), index.h("form", { key: '4b0ef91f2ebef7c7c61b55e6e16fc27de47f9092', id: "ls-editor-form" }, this.showtoolbox === true ? (index.h("div", { id: "ls-left-box", class: "leftBox" }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, index.h("ls-feature-column", { onManage: manager => {
+        return (index.h(index.Host, { key: '39b2a1bd5d0d4db7c87040861ce1931f2b7483dc' }, index.h(index.h.Fragment, null, this.isLoading && index.h("ls-page-loader", { key: 'b7a6849536df3c66fa9e93d8fccbe80712aac1e5' }), index.h("div", { key: 'd494495a6ca72e9e4f404845b2d5a821f8a204ec', class: 'validation-tag-wrapper' }, index.h("ls-validation-tag", { key: 'b6c3c64e6692dc5dd4a876419fbd5ae8f4ccda37', validationErrors: this.validationErrors })), index.h("div", { key: 'f098651e16f3140342942729b3b6ca03b8caba2a', class: "page-header" }, index.h("p", { key: '392fe33aa0231d216191b2be88205a072392d4c3', class: "header-text-1" }, "Template Creation"), index.h("p", { key: '58925f464288b8f106caf2f272b3596a101267b0' }, "/"), index.h("p", { key: '62e8869f014241be74443f4559a7069d0ab04ac5', class: "header-text-2" }, this._template?.title)), index.h("form", { key: '0958428ddd28950578106aac940404640817bb17', id: "ls-editor-form" }, this.showtoolbox === true ? (index.h("div", { id: "ls-left-box", class: "leftBox" }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, index.h("ls-feature-column", { onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -25402,10 +25402,10 @@ const LsDocumentViewer = class {
                     participantManager.template = this._template;
                 }
                 this.manager = manager.detail;
-            } }), index.h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, index.h("div", { class: "ls-editor-infobox" }, index.h("h2", { class: "toolbox-section-title" }, "Participant Fields"), index.h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { class: "fields-box" }, index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer, style: this.signer > 0 ? { display: 'block' } : { display: 'none' } }), index.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' } }), index.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 && (index.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 })), index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 && (index.h(index.h.Fragment, null, index.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 }), index.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 }), index.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 }), index.h("ls-toolbox-field", { elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer }))))), index.h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), index.h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), !this.displayTable && (index.h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
+            } }), index.h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, index.h("div", { class: "ls-editor-infobox" }, index.h("h2", { class: "toolbox-section-title" }, "Participant Fields"), index.h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { class: "fields-box" }, index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer, style: this.signer > 0 ? { display: 'block' } : { display: 'none' } }), index.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' } }), index.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 && (index.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 })), index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 && (index.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 && (index.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 && (index.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 && (index.h("ls-toolbox-field", { elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))), index.h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), index.h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), !this.displayTable && (index.h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
                 this.selected = [];
                 e.preventDefault();
-            }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("ls-toolbar", { key: '894d26fd64ebf673688f783b490652228d75f487', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), index.h("div", { key: '61f9c9c28ddd25cacad517865b9896e604108171', id: "ls-mid-area" }, index.h("div", { key: 'b6e67a868160e975abd949d78bd4ac3c222d89e7', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: 'b7ee0f71233b80680bf65a97acf9706e1380f3ee', id: "ls-document-frame" }, index.h("canvas", { key: 'a68f1aecea9ac1a65654725074b5f8bdcc928019', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: '48e9e0bcea2bac142e6ea088769770a16d6dfe62', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: 'c27c8f54dcd1921cb66d01a12360f5a0029d4612', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: '56dfffbea07c69f228c71c44f447dbeb7dc96c8c', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: 'ce0ed3ae8019f77ec52ee25f38180d3cd4983788', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("ls-toolbar", { key: '7d13b89481e924a7f6523986528dcf27895add92', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), index.h("div", { key: 'fe45c06a7d1e08b3ccb3b74a6935e70fedaeb34f', id: "ls-mid-area" }, index.h("div", { key: '5fbc5d27772a3843605c40ffbdd0c170931593c6', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: 'ccefa397f24b39c7a8aaf591fc946ebe4a29e917', id: "ls-document-frame" }, index.h("canvas", { key: '22143fcbb6f25c2380b96239f02596e08ce698a7', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: '44583076450e41e25f93444c3be95686ebf7cfd6', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '53033fd56beea01dc1666b05ba957f1a43f2f419', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: '0458d3dc9740703c93f34ac095e1cee566bc561f', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: '61ac52fbee6e14d82fa705fb5f565488e86feae8', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],