legalesign-document-viewer 1.0.2 → 1.0.4

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

@@ -1,36 +1,36 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
 import { d as dvI18n } from './p-WVWIAGo_.js';
-import { o as oob, m as moveField, u as updateTemplate, r as recalculateCoordinates, s as syncRoles, d as defineCustomElement$U, c as matchData, e as validate, g as getInputType, h as getApiType, i as addField, j as getTemplate } from './p-CvMzUIlC.js';
+import { o as oob, m as moveField, u as updateTemplate, r as recalculateCoordinates, s as syncRoles, d as defineCustomElement$U, c as matchData, e as validate, g as getInputType, h as getApiType, i as addField, j as getTemplate } from './p-CU_v-klT.js';
 import { D as DEFAULT_FONT_SIZE$1, a as DEFAULT_FONT_NAME, F as FIELD_DEFAULTS } from './p-04cXI5GQ.js';
-import { c as copySelected, a as cutSelected, p as pasteClipboard, u as updateSelectionBox, d as defineCustomElement$O, t as toolboxDragStart, m as mouseClick, b as mouseDown, e as mouseMove, f as mouseUp, g as mouseDoubleClick } from './p-BbLFuN1Q.js';
+import { c as copySelected, a as cutSelected, p as pasteClipboard, u as updateSelectionBox, d as defineCustomElement$O, t as toolboxDragStart, m as mouseClick, b as mouseDown, e as mouseMove, f as mouseUp, g as mouseDoubleClick } from './p-thlkOeP_.js';
 import { r as redo, u as undo, b as recordMutations } from './p-DydgLtEF.js';
 import { d as defineCustomElement$_ } from './p-CQI0GKzS.js';
 import { d as defineCustomElement$Z } from './p-CgoyKNia.js';
 import { d as defineCustomElement$Y } from './p-pnSqPPx5.js';
 import { d as defineCustomElement$X } from './p-PwhF9_IW.js';
 import { d as defineCustomElement$W } from './p-BQEJKfz8.js';
-import { d as defineCustomElement$V } from './p-CxWGojFs.js';
+import { d as defineCustomElement$V } from './p-CLklwQ7z.js';
 import { d as defineCustomElement$T } from './p-C6FqoNri.js';
 import { d as defineCustomElement$S } from './p-DWGdXqO4.js';
 import { d as defineCustomElement$R } from './p-DRDChAg6.js';
-import { d as defineCustomElement$Q } from './p-DNx0Ngpa.js';
+import { d as defineCustomElement$Q } from './p-VFHHgnl2.js';
 import { d as defineCustomElement$P } from './p-DkV1l_zw.js';
 import { d as defineCustomElement$N } from './p-CSxx3aLG.js';
 import { d as defineCustomElement$M } from './p-BUAS2e6p.js';
 import { d as defineCustomElement$L } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$K } from './p-CbORhuHl.js';
+import { d as defineCustomElement$K } from './p-Ce1yNs3F.js';
 import { d as defineCustomElement$J } from './p-BgIA-QAy.js';
 import { d as defineCustomElement$I } from './p-Ce-55WxN.js';
-import { d as defineCustomElement$H } from './p-CeO915wm.js';
+import { d as defineCustomElement$H } from './p-DVfpfKI7.js';
 import { d as defineCustomElement$G } from './p-C1SFI6sR.js';
-import { d as defineCustomElement$F } from './p-CmsA9-sZ.js';
-import { d as defineCustomElement$E } from './p-fd9JyL4S.js';
-import { d as defineCustomElement$D } from './p-D1yC5psL.js';
-import { d as defineCustomElement$C } from './p-CgqKV0xf.js';
-import { d as defineCustomElement$B } from './p-1ayYzye1.js';
-import { d as defineCustomElement$A } from './p-BEhTmCBW.js';
-import { d as defineCustomElement$z } from './p-8hWonZD4.js';
-import { d as defineCustomElement$y } from './p-Dy-dPxzq.js';
+import { d as defineCustomElement$F } from './p-D7o_Ls97.js';
+import { d as defineCustomElement$E } from './p-BvZKfSxt.js';
+import { d as defineCustomElement$D } from './p-DP3FTRHD.js';
+import { d as defineCustomElement$C } from './p-xSOFT8uc.js';
+import { d as defineCustomElement$B } from './p-BN_BZ9eU.js';
+import { d as defineCustomElement$A } from './p-Cue0UgwB.js';
+import { d as defineCustomElement$z } from './p-dLpaJicA.js';
+import { d as defineCustomElement$y } from './p-BzEVOvpL.js';
 import { d as defineCustomElement$x } from './p-pEYsk7D-.js';
 import { d as defineCustomElement$w } from './p-DX7Kb9cb.js';
 import { d as defineCustomElement$v } from './p-CzkJGTTH.js';
@@ -40,7 +40,7 @@ import { d as defineCustomElement$s } from './p-Brq7Gduk.js';
 import { d as defineCustomElement$r } from './p-Cnnef3Aj.js';
 import { d as defineCustomElement$q } from './p-DzUG2q_b.js';
 import { d as defineCustomElement$p } from './p-CIV0VNix.js';
-import { d as defineCustomElement$o } from './p-C3xBvNXU.js';
+import { d as defineCustomElement$o } from './p-Cwf28UAj.js';
 import { d as defineCustomElement$n } from './p-MzXqai7c.js';
 import { d as defineCustomElement$m } from './p-CKoM9Y6t.js';
 import { d as defineCustomElement$l } from './p-Cujzhc6S.js';
@@ -54,7 +54,7 @@ import { d as defineCustomElement$e } from './p-Qxe4qT6a.js';
 import { d as defineCustomElement$d } from './p-CgFpE1fV.js';
 import { d as defineCustomElement$c } from './p-CF40f_5M.js';
 import { d as defineCustomElement$b } from './p-Dl8z1tmj.js';
-import { d as defineCustomElement$a } from './p-BJ7fvXXf.js';
+import { d as defineCustomElement$a } from './p-Dw0UiotU.js';
 import { d as defineCustomElement$9 } from './p-CM71cfRg.js';
 import { d as defineCustomElement$8 } from './p-t_ow9YJD.js';
 import { d as defineCustomElement$7 } from './p-BGf2weVY.js';
@@ -31293,6 +31293,10 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             dropTarget.addEventListener('dblclick', mouseDoubleClick.bind(this));
             document.addEventListener('keydown', keyDown.bind(this));
         }
+        // Listen for flushed mutations from destroyed sidebar components
+        document.addEventListener('ls-flush-mutate', ((e) => {
+            this.mutate.emit(e.detail);
+        }));
         // Pinch-to-zoom (trackpad) and Ctrl/Cmd+scroll zoom
         const wrapper = this.component.shadowRoot.getElementById('document-frame-wrapper');
         wrapper.addEventListener('wheel', (e) => {
@@ -31435,12 +31439,12 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             return false;
     }
     render() {
-        return (h(Host, { key: '4d4c75a54c91e7273c430d8c2b282baa73df1e00' }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '16fddb4381e60acd21ccb788f7384d462c9842f4', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: '06f725f8d84b42705fc4ddd3fd30cd1b0080f0b6', size: 200, colour: "var(--primary-60)" })), h("div", { key: '4111150eb3477de0f4009ed9a1804e1e64462912', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '78000f2316bce8a385b569e01ff8f588d77b37a2', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: 'f4db44ff52abffca9e085e165e6efd8cd5cae9ad' }))), this.error && (h("div", { key: '1dba9f3d2b69fbcc148bd788260bbd5bbf0833eb', class: "ls-dv-error-state" }, h("div", { key: '58c86e02e48c7114aa3dce362716591638ac1cb0', class: "ls-dv-error-card" }, h("ls-icon", { key: '340716a3374fcb4001079280ca02d0c9ff7f449b', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: '52948097994a8a4f838303b851a5b0e2470cb2de', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: '75d191ca2ff7fe750dd0fe330cdde575971f95b2', class: "ls-dv-error-message" }, this.error)))), h("div", { key: 'f5ff447ed5f8b0609aec7adc244c2fa1ee78f6e5', class: "ls-dv-page-header" }, h("div", { key: 'a01d517df7980287605cf8efc2aa4e6668c59173', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: '8aacd47986783c01bf8c1d593ce5bd1142facfc5', name: "left-button" })), h("div", { key: 'b9e9245183f497757d3684ab25bd52279b2d0bf0', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: '7ce7e1b8449cee24a8fa6f99645b98f1ec67f4f3', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '7ae7ab56697b25a04fadb171be58efa32124a480' }, h("span", { key: '7653b69dd162c49a0d87fe4584204f759bde97fc', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: '91225711049bfbb4bfd42b1c3ba4fffbfb8913b7' }, "/"), h("span", { key: 'f4fcda04089ccdf5cc86999ba399a5017ea461e3', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '6bfa21d0e4c80395e1e6477074cdc0d989f12a1d', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: '2a749c7fbd2f89e2bdba59b3a627be3decca9b1e', name: "top-bar" })))), h("form", { key: '436b84d724bef775dbe8e60abcfd3b1b6223b915', id: "ls-editor-form" }, h("ls-left-bar", { key: 'ee19abe6108dbae2ee8348a4a98ccb74c5ae72d4', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
+        return (h(Host, { key: '64ffe7f6df08c90f01216ea526d50e9748353331' }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '7249b7eca35aa61359ff2ae7ec089618b5eedcf0', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: '31c7a6a18cc853505d6eaeffa8e60e3a38457c16', size: 200, colour: "var(--primary-60)" })), h("div", { key: 'eb31717f54a456ba88649a1de5d808ebe861434b', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '71ace12966bb5b1ae111022ec411419e0f606bda', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: 'f908df60d0a6458771d4bf2ef359c611f57d29b0' }))), this.error && (h("div", { key: 'a23ffd75efeb9b8e55ebf282041e566fcc6a3d2a', class: "ls-dv-error-state" }, h("div", { key: '757f34427379b54dab8ca1f40a5756269ecc495e', class: "ls-dv-error-card" }, h("ls-icon", { key: 'cf0dda55abc866ccbae77f94e8420c0c87a8e8f2', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: '0bdb4c380b2757483101433d63aad0489fd28c99', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: 'd7a4c75cbab37d803124a4452d52456d1eef2807', class: "ls-dv-error-message" }, this.error)))), h("div", { key: '58341edacec17b878965de800d06033b269542b2', class: "ls-dv-page-header" }, h("div", { key: 'abd7f012d872ca69a60f574f1597e1b5745e07e5', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: '92a0abf30a28053bb80777fb2daed32a1bd742e0', name: "left-button" })), h("div", { key: '537d946b90e459ddf9613a3d665049a3f4f4b0df', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: 'bac5456f966980b755c674aa501ffadac93d1c21', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '2f860bcad3a032fc904a6efdff8ca1950e9bf6e0' }, h("span", { key: '966269a053c75d9b5823aac6cfd953f6af12037d', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: '7bbb1e96bc7f760a031aed746512e62f57d25168' }, "/"), h("span", { key: '34704adb2d76b37580174dd5f1b4858bfb9c5673', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: 'd44ad14a942e530a7395bffdf00b8aefae01410a', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: '35e2d16eebeb9881912a86751e066e30d87af43c', name: "top-bar" })))), h("form", { key: '71f0424708b74ba30cbeda7c770af1665f891d82', id: "ls-editor-form" }, h("ls-left-bar", { key: 'de7e11b70eedec465fe70c63c5210da6be0b9651', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
                 this.unselect();
                 const toolbar = this.component.shadowRoot.getElementById('ls-toolbar');
                 if (toolbar)
                     toolbar.dataItem = [];
-            } }, h("slot", { key: '7da43061411b20834f28e6149bd1508d227ae4b9', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: 'fb6b389c2c3d75eac4ff2b802ee0bd0728a7c7e1', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer, selected: this.selected, pageNum: this.pageNum }), h("div", { key: 'd8bd7fd6b6fcc26887376c8762589a8cec26b8dc', id: "ls-mid-area" }, h("div", { key: '808c838b658d92d451592decf4b8113311e8d6cd', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: '2a3332e5d99adf1727527f297dadc1de7efbb9c0', id: "ls-document-frame" }, h("canvas", { key: 'de67fd9855263650465fb7c1f818bccb2d594d55', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: '9ab1d398e33a5e8e9743017b95b700a7b625d6ba', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: 'ed7c0ace0a6b2defdee1dd2479bf3c53af89bb4a', id: "ls-box-selector" }), h("div", { key: '2f862b72b295be46c2220dc159150b3531db20f0', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '6d8417c85f3dd9119089408b7735f50075e0048f', class: "ls-dv-select-menu-position", selected: this.selected, pageNum: this.pageNum, editor: this })), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: 'c57c5e3c6a199426a3d1884aebca895adf6be195', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: 'f5987ae88a446e19a54c051ed7b0d420ce62e739', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode }), this.mode === 'editor' && (h("div", { key: '37f5e0db9b1a55b1d8bde72de1dcaec584b99b8c', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '9494671b07d6542111b42c05908a5f1c150daa83', validationErrors: this.validationErrors }), h("slot", { key: '80e799322771024181781da6cf268ff0986cdfef', name: "next-button" })))))), h("ls-tooltip", { key: 'e13794838bb1484beb2c0b4bee1647b66e144042', tooltipId: "ls-dv-tooltip" })));
+            } }, h("slot", { key: '09b76362906455e7f2800d5eeda24239c7d66204', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: 'd9952f2c1ab6f538fe56c7f681454b2c5d4cc3a7', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer, selected: this.selected, pageNum: this.pageNum }), h("div", { key: 'fd45db30d22b72823a1af10c03e3ac3850a25905', id: "ls-mid-area" }, h("div", { key: 'a2ec46d3c757ebad9e0ac5f0551cd4406df1769b', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: 'c7bc32dc9d94538a6748731b34baf5854710560c', id: "ls-document-frame" }, h("canvas", { key: '8ef7cf95e4a1d7af72b192145b9c3d903f6003a7', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: '7e3136049c51a669d0cb67f7e5488c8919d04397', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: '9db49b87d852f8c4fad8a5f7a4f6f4be51de7673', id: "ls-box-selector" }), h("div", { key: '78ac1341ad5566d3690d53bdc2c8033eac98846d', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: 'e6e094f06b86652e01c446ad27926f62be3ec976', class: "ls-dv-select-menu-position", selected: this.selected, pageNum: this.pageNum, editor: this })), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: 'cf246a8c1fe0f503f4dd85d718894c57a28653ba', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: '1b97b555c0a70384fbc19e75925ad1aa41a5454b', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode }), this.mode === 'editor' && (h("div", { key: 'b2b47d37d48397113c819dd7cb83a4b84fed3856', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '97c19c08301eec03acf1835f9989cd593b7ddda0', validationErrors: this.validationErrors }), h("slot", { key: '85e2631a12ead7acf4a91279113f2cdb9d802f1b', name: "next-button" })))))), h("ls-tooltip", { key: '7738b8f3b82efabd0ac0de579bc6c9615880cf11', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "language": ["languageChanged"],