legalesign-document-viewer 0.5.0 → 0.5.1

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

@@ -1,49 +1,49 @@
 import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as alter, o as oob, u as updateTemplate, r as recalculateCoordinates, d as defineCustomElement$J, m as matchData, v as validate, b as moveField, g as getApiType, c as addField, e as getTemplate } from './p-DsR1ud4V.js';
-import { d as defineCustomElement$D, m as mouseClick, a as mouseDown, b as mouseMove, c as mouseUp, e as mouseDoubleClick, f as mouseDrop } from './p-BxPfWmRj.js';
+import { a as alter, o as oob, u as updateTemplate, r as recalculateCoordinates, d as defineCustomElement$J, m as matchData, v as validate, b as moveField, g as getApiType, c as addField, e as getTemplate } from './p-n7mGs0HP.js';
+import { d as defineCustomElement$D, m as mouseClick, a as mouseDown, b as mouseMove, c as mouseUp, e as mouseDoubleClick, f as mouseDrop } from './p-Zly-ymBL.js';
 import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$K } from './p-CPZtW_1V.js';
+import { d as defineCustomElement$K } from './p-CvSaf_ja.js';
 import { d as defineCustomElement$I } from './p-Dz_jxFKX.js';
-import { d as defineCustomElement$H } from './p-D0cZaxkO.js';
-import { d as defineCustomElement$G } from './p-YcP4tU0u.js';
-import { d as defineCustomElement$F } from './p-aA8RuwY_.js';
-import { d as defineCustomElement$E } from './p-DYQekJvr.js';
+import { d as defineCustomElement$H } from './p-DFIjS6r1.js';
+import { d as defineCustomElement$G } from './p-BFlzDwrT.js';
+import { d as defineCustomElement$F } from './p-BuBKTUhD.js';
+import { d as defineCustomElement$E } from './p-DeiaBmYM.js';
 import { d as defineCustomElement$C } from './p-CGQK3l8F.js';
-import { d as defineCustomElement$B } from './p-Co-Giqfy.js';
-import { d as defineCustomElement$A } from './p-KMRQyALr.js';
-import { d as defineCustomElement$z } from './p-DGiUKXDO.js';
+import { d as defineCustomElement$B } from './p-CUdAWxnx.js';
+import { d as defineCustomElement$A } from './p-DCiK4Zkr.js';
+import { d as defineCustomElement$z } from './p-BPmyNMMj.js';
 import { d as defineCustomElement$y } from './p-C9CUft6J.js';
-import { d as defineCustomElement$x } from './p-iIvOyhST.js';
+import { d as defineCustomElement$x } from './p-BIPw2c6i.js';
 import { d as defineCustomElement$w } from './p-BQZBAjo_.js';
-import { d as defineCustomElement$v } from './p-C6TaBByt.js';
-import { d as defineCustomElement$u } from './p-Czz58vGf.js';
-import { d as defineCustomElement$t } from './p-DMZN9Rei.js';
-import { d as defineCustomElement$s } from './p-HpepQ3-E.js';
-import { d as defineCustomElement$r } from './p-C_uR3x8J.js';
-import { d as defineCustomElement$q } from './p-DskHTNiF.js';
-import { d as defineCustomElement$p } from './p-CDgBo5Zz.js';
-import { d as defineCustomElement$o } from './p-w39shV-b.js';
-import { d as defineCustomElement$n } from './p-CDGosSW8.js';
-import { d as defineCustomElement$m } from './p-DoAxt8ZN.js';
-import { d as defineCustomElement$l } from './p-Bi1Fu2dm.js';
-import { d as defineCustomElement$k } from './p-DFVuN2lH.js';
+import { d as defineCustomElement$v } from './p-B449vHXi.js';
+import { d as defineCustomElement$u } from './p-CHy5psP_.js';
+import { d as defineCustomElement$t } from './p-B0IM3BCh.js';
+import { d as defineCustomElement$s } from './p-DLcbuy_c.js';
+import { d as defineCustomElement$r } from './p-CtzeDdEH.js';
+import { d as defineCustomElement$q } from './p-BULuTpr-.js';
+import { d as defineCustomElement$p } from './p-DWpc6AQF.js';
+import { d as defineCustomElement$o } from './p-DOsu9jwF.js';
+import { d as defineCustomElement$n } from './p-CI-5qEkF.js';
+import { d as defineCustomElement$m } from './p-DSUzA701.js';
+import { d as defineCustomElement$l } from './p-rOYFY0lA.js';
+import { d as defineCustomElement$k } from './p-6JLudxC8.js';
 import { d as defineCustomElement$j } from './p-D95fiMAP.js';
 import { d as defineCustomElement$i } from './p-Du60SSaA.js';
-import { d as defineCustomElement$h } from './p-CvKjrahQ.js';
+import { d as defineCustomElement$h } from './p-Bbzg-qau.js';
 import { d as defineCustomElement$g } from './p-CazTGpgq.js';
-import { d as defineCustomElement$f } from './p-w7mOEBr4.js';
-import { d as defineCustomElement$e } from './p-CgKvhxXq.js';
+import { d as defineCustomElement$f } from './p-CpViLazu.js';
+import { d as defineCustomElement$e } from './p-y-KagAwA.js';
 import { d as defineCustomElement$d } from './p-BcSJFRsU.js';
 import { d as defineCustomElement$c } from './p-CJSY3-Q3.js';
-import { d as defineCustomElement$b } from './p-BucYpLs3.js';
+import { d as defineCustomElement$b } from './p-Bw1IqJmU.js';
 import { d as defineCustomElement$a } from './p-CEB07hOR.js';
-import { d as defineCustomElement$9 } from './p-D_mOmvQA.js';
+import { d as defineCustomElement$9 } from './p-BjGtQTtR.js';
 import { d as defineCustomElement$8 } from './p-JIZHOmMy.js';
 import { d as defineCustomElement$7 } from './p-DKaEsQyk.js';
-import { d as defineCustomElement$6 } from './p-DpHCeHja.js';
-import { d as defineCustomElement$5 } from './p-hah4tKwY.js';
-import { d as defineCustomElement$4 } from './p-DoQc-O0l.js';
-import { d as defineCustomElement$3 } from './p-Cie27m-1.js';
+import { d as defineCustomElement$6 } from './p-T-mzC4lc.js';
+import { d as defineCustomElement$5 } from './p-B_6EV5o3.js';
+import { d as defineCustomElement$4 } from './p-B3DQQkl0.js';
+import { d as defineCustomElement$3 } from './p-BHkzqT6a.js';
 import { d as defineCustomElement$2 } from './p-BCPpSevg.js';
 
 /**
@@ -39490,6 +39490,9 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
         fields.forEach(f => f.setAttribute('zoom', String(newZoom)));
     }
+    validationErrorsChanged(newValidationErrors) {
+        console.log('Validation Errors Changed:', newValidationErrors);
+    }
     /**
      * Determines / sets which of the far left 'managers' is active.
      * {'document' | 'toolbox' | 'participant' }
@@ -39913,7 +39916,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
     }
     render() {
-        return (h(Host, { key: '592c7144dc4fd461a0d3b8e227db8e4048467c9f' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: '113947587a6fe8e00d89ed00edde9afc8be74593' }), h("div", { key: '677507d66bd4838f83b23b3709a150f3d84f29bd', class: "page-header" }, h("div", { key: '22a111c262260ccba582b3d67e3821e26600b6d9', class: 'left-slot-wrapper' }, h("slot", { key: '6cbdd90b06fe4932945be175c34d30425315fa0f', name: "left-button" })), h("div", { key: '69fc0abcc276a7df62c64f8110be565fcf64543f', class: 'right-slot-wrapper' }, h("slot", { key: '5fcd702fb09f97d0e3ad7c36c1964a4f76511c56', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '26c37fb4933d625f83b4e2e79c64fc404a2bca83' }, h("span", { key: 'ff58207753e287214f7b54301067812ac7a1864f', class: "header-text-1" }, "Template Creation"), h("span", { key: '91f36b80b04d9dd46ebc04250f28c1e0a9ae340a' }, "/"), h("span", { key: 'f0b3432388b7924e8c7e88d088ec8882e74da179', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '174d1395ed9283ccfff0e7054d922d1a099d6ac6', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("span", { key: 'e45eede718f3acfbf2597e207ac84cda4f3d93f5', class: "header-text-1" }, "Compose"), " ", h("span", { key: '18f911514cf2b4c5058cb49de8b93cfc9d7319a3' }, "/"), " ", h("ls-title-input", { key: '71f7afcfed3fa23b92a81a22211578e5a1ae0837', template: this._template })))), this.mode === 'editor' && (h("div", { key: '44e9e1b2e8e9a8d8d3bfe49075bd9c27272d0bfd', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: '15ab405d7eddf10eba6adc64f2ca9460ae05f3bc', validationErrors: this.validationErrors }))), h("form", { key: '38a29a27b4fac98b46fcff7748e1225bc44b2220', id: "ls-editor-form" }, this.mode !== 'preview' ? (h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (h("ls-feature-column", { mode: this.mode, onManage: manager => {
+        return (h(Host, { key: '538554c1411252db3e3279c105d55154e92f01b2' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: 'f9f72143063cfb1593acb666a666664cf74b6aeb' }), h("div", { key: '79d7daec3302509f25b2c93f39b40a9c48d43cc7', class: "page-header" }, h("div", { key: 'c6ae447a69f7005f6c75c6771d092fe4220fbd6b', class: 'left-slot-wrapper' }, h("slot", { key: '93750beb0bd7e52464d7ebd6ff54ca20614a2faa', name: "left-button" })), h("div", { key: 'cf150bbc0329f66e347baf0d61dc05ec10471e5d', class: 'right-slot-wrapper' }, h("slot", { key: 'de0003ebca89b1da71b11880a415cd544a710684', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '52b0604241f9f330099b52fbb3823a540e0539cf' }, h("span", { key: '73d86b1b143f67592038d486f45770b8ea0f6cfa', class: "header-text-1" }, "Template Creation"), h("span", { key: '0f6c54955024c91776750d17ca3f684335428357' }, "/"), h("span", { key: 'd8840f0313b2c50afeb409ee407dcb551e205f99', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '4a94bb2818719320785eabac15e6a62a37f95116', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("span", { key: '84ce4c3c1f3f30431076ddc556031853d4b3dea7', class: "header-text-1" }, "Compose"), " ", h("span", { key: 'b056d82f7aad85e7357233af3ba1e772a8cf30e3' }, "/"), " ", h("ls-title-input", { key: 'abd1c4176e6391cc0a8b0e7a3ef2bd1fbd5ec5e0', template: this._template })))), this.mode === 'editor' && (h("div", { key: '67e21cf76169fbe1c545526b0506d115babd1f35', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: 'cc57e42a1cd6ae5f416ae9c377d0d32884c589a9', validationErrors: this.validationErrors }))), h("form", { key: 'c150f6ed05bc0846eae43a6ebccb4b3d8295781b', id: "ls-editor-form" }, this.mode !== 'preview' ? (h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (h("ls-feature-column", { mode: this.mode, onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -39931,11 +39934,12 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             this._recipients.map(recipient => (h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))))), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
                 this.selected = [];
                 e.preventDefault();
-            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), this.selected.length > 0 && h("ls-toolbar", { key: 'a88185257ac871dc06d0cdfb469ce707f5181e4d', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: '45e36f82ccbc164030b88b77d5e5bee3d492adbd', id: "ls-mid-area" }, h("div", { key: 'ccfb67c4439afa826187684cb5607aa578d7e2c7', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '8db690eef40e7681d55a741dd73b5baf04746b65', id: "ls-document-frame" }, h("canvas", { key: 'b3c5a5dd0628bc64ed4778331d55f9e21379b030', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: 'ad39cdc485dc2338cd1a0d352d80b86c9c21aa02', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '50f7fd13fa475862059e0068282dd679b019f53a', id: "ls-box-selector" }))), h("ls-statusbar", { key: '21e4863029cf8b59ad3f902a5dc9c2658aa1cefe', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: 'd55c2e32d2b66bd63aa0fa20873e753736a7aff2', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: 'a89a7aaa5626c6a557c62b9700e9d442587a600b', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode }), h("div", { key: '76fb7069ed20fd049b0daf49abf6bb7f95c5359d', id: "ls-mid-area" }, h("div", { key: '25e5b362f62816486d99d3093efb380e7b727ba1', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '3cd08f59c2093e83f7d33a8b6528b01f9e3003b4', id: "ls-document-frame" }, h("canvas", { key: '40406b63805a7ba6173840cfedc0f9aff6e80433', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: '60242d3ae35ed2daa32b6f6f667ff13dc6c913d3', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '6398f975dd050387c70ef6f5f1bb64f37121fda6', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'b84af88d372fecf46db86f342576a65f57da600f', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: 'e4eda1cea613f8ed9f9e3c27a0b9ccf5285ccee7', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],
-        "zoom": ["zoomChanged"]
+        "zoom": ["zoomChanged"],
+        "validationErrors": ["validationErrorsChanged"]
     }; }
     static get style() { return lsDocumentViewerCss(); }
 }, [769, "ls-document-viewer", {
@@ -39974,7 +39978,8 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         "setZoom": [64]
     }, [[0, "mutate", "mutateHandler"], [0, "fieldTypeSelected", "handleFieldTypeSelected"], [0, "addParticipant", "addParticpantHandler"], [0, "changeSigner", "updateSigner"], [0, "selectFields", "selectFieldsHandler"], [0, "roleChange", "roleHandler"]], {
         "mode": ["modeHandler"],
-        "zoom": ["zoomChanged"]
+        "zoom": ["zoomChanged"],
+        "validationErrors": ["validationErrorsChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {