npm - legalesign-document-viewer - Versions diffs - 1.0.3 → 1.0.5 - Mend

legalesign-document-viewer 1.0.3 → 1.0.5

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 (123) hide show

package/dist/collection/components/ls-statusbar/ls-statusbar.js CHANGED Viewed

@@ -20,6 +20,8 @@ export class LsStatusbar {
      * {LsDocumentViewer}
      */
     editor;
+    canUndo = false;
+    canRedo = false;
     /**
      * The viewer mode.
      * {'preview' | 'editor' | 'compose'}
@@ -193,14 +195,14 @@ export class LsStatusbar {
         if (!mutations)
             return;
         this.editor._skipHistory = true;
-        this.editor.mutate.emit(mutations);
+        this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));
     }
     applyRedo() {
         const mutations = redo();
         if (!mutations)
             return;
         this.editor._skipHistory = true;
-        this.editor.mutate.emit(mutations);
+        this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));
     }
     componentWillLoad() {
         this.zoom = this.editor.zoom;
@@ -229,9 +231,9 @@ export class LsStatusbar {
     }
     render() {
         const isPreview = this.mode === 'preview';
-        return (h(Host, { key: '7035c4cdf76ac09b909a098d635dd075d7d9388d', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: '845fe27459a05b96b06c4025c2f8090b75fee027', class: 'ls-dv-controls-bar' }, h("div", { key: 'fd7e683e2e96e3da8cab7ba9626e9c64c70d62ad', class: 'ls-dv-status-bar-section' }, h("button", { key: 'b015f095a886f8fd41318df2ad1ac9cb4e82ee7c', onClick: () => this.applyUndo(), id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: '8ff999de40c5acd0c1cd8dab5858ae8c0b85af99', name: "undo-icon", size: 18 })), h("button", { key: '5019459ef97755347a26d2dd6bc1c5d46fed1506', onClick: () => this.applyRedo(), id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: '750526932ff82720ee62b3727b35717621031d1b', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: 'a1f56781157ad515423a25bcb02c7513a501a26e', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '4b2825b2d93deb7d9976c1f67312053d8fbd6b71', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '19128a07beda58b596a4d838793888074d53cc50', onClick: () => {
+        return (h(Host, { key: '18ccc02a34ad30d1ecec33c3ad967b8224ba4994', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'b9d5bb97994a209e65a81576a67a50d8e5ef3524', class: 'ls-dv-controls-bar' }, h("div", { key: '8e058a4ea295561d1f4becf989af38e18376f09a', class: 'ls-dv-status-bar-section' }, h("button", { key: 'bbbc73f66594d7c868f947f8aab7ac3f02f3d2f6', onClick: () => this.applyUndo(), disabled: !this.canUndo, id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: 'ecf1675a45114131a79d834ae9aa3c5e179edc48', name: "undo-icon", size: 18 })), h("button", { key: 'f3bb9d84e8591988c067008cb81b5630f105e792', onClick: () => this.applyRedo(), disabled: !this.canRedo, id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: '96845aaf86d0ee3234a5806ec40964f35b67ab1a', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '503c0ea4eda6202f87c929def2e496a159a37aa1', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '8ac7bc2c067ae5c2074c0e9e882da6dff125c6e5', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '485a17228d9332c22138f561a7a7dcc43cb7cef7', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'cd90982d3f1b3f1aabc9f9079a6c065cf60cce59', name: "chevron-left-icon" })), h("button", { key: '570e47ef8164220b2d9aba31e2952c8036c6f99d', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'df602dae238984d08801f4365b866002dca86969', name: "chevron-left-icon" })), h("button", { key: '32eef5c295eb562f5780c03756bba3690d4ae9e5', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showPageMenu = !this.showPageMenu;
                 if (this.showPageMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));
@@ -239,13 +241,13 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.pageMenuClickHandler, true);
                 }
-            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: '4db0e3d7f8dcc4bb079523abcc6811fd59a9d698', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
+            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: 'f8fe0d9e3d67b364092b9f12300f9e03ec7c6aad', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
                 this.goToPage(p);
                 this.showPageMenu = false;
                 document.removeEventListener('click', this.pageMenuClickHandler, true);
-            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '7b92c7db1a2470124a797af3b69d53d78254080d', onClick: () => {
+            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '6093169c96a12306aba655b311696e99065d2697', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: 'bda8988bbd778bbc16f75d2d7299987d9e550753', name: "chevron-right-icon" })))), h("div", { key: '88ad63ca844b8c7ca543fc9cad995eec8ae4cb91', class: 'ls-dv-status-bar-group' }, h("div", { key: '72f15c5e488a8b0e7cb214e01ac53dcb220fe592', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: '5e3dae4cd7ebf60b57e99995b75a4380729ded88', class: 'ls-dv-status-bar-section' }, h("button", { key: 'f2e8c3af825e08bc4fb16750e41ef423e6aff93b', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '9ce1369ee910dfd32745f729e7dcc6208641867b', name: "zoom-out-icon" })), h("button", { key: '453fb7ba30e350a151d2b66d0a79c70736f56d3a', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '08f8e556677ef1efebd0b7b6e72983ae6cedecf4', name: "chevron-right-icon" })))), h("div", { key: '54214796ad12fdcd1e3361f84ed8d39ab05c56fc', class: 'ls-dv-status-bar-group' }, h("div", { key: 'f271c0049806dbe810afd00c928b5d7377376955', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: 'f2afc562cea8029131cd63522eb6a353b23d09b5', class: 'ls-dv-status-bar-section' }, h("button", { key: '549f1c0d525684dc93f21531e5a4988e138c2206', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '5a206f88c6418038493eb6e6eef27f627f55e061', name: "zoom-out-icon" })), h("button", { key: '19e4203f02d5a0b9bbbd107bcd32ed40d7a5fb19', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showZoomMenu = !this.showZoomMenu;
                 if (this.showZoomMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));
@@ -253,11 +255,11 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.zoomMenuClickHandler, true);
                 }
-            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: 'f0f85d4c6a5c5abb0082e86be9fdbd4d12a12fb3', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
+            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: 'be8a4d0e048d49eaf8e65edd886d96f7e7f17aff', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
                 this.setZoom(level);
                 this.showZoomMenu = false;
                 document.removeEventListener('click', this.zoomMenuClickHandler, true);
-            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: 'a38a804049f94cba70d971abf0f58e0d9d43b18f', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '068c11f60c6f720f35edb708e576c4aa2ea088a2', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: '836b1aeba9b7889ea5179abb85efab92aab47bf6', class: 'ls-dv-status-bar-section' }, h("button", { key: '307f97758525ea29151c6e35e4f303b9da6dd226', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '42ceb3d52ad6d31c38dc473317aa6b23af22bcc9', name: "fit-width-icon" })), h("button", { key: 'ee95d25f126735b2795813f2399eac7edf5c0420', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: '04ddc66e1fbcadc80d63e2afd3ade9faf8eac8bc', name: "fit-height-icon" })))), h("div", { key: '50e0ea122a95e934f85cd33b1cf0df1eaaecaac3', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: '59293ddd95468c0f01849de3fdb75ba8664b572c', onClick: () => {
+            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '28384af43c2b6ed5db0f893cf4fa5f88c36332a4', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '97540f2c59fd5e3228ced46b895837f05c95fbcb', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: '30f5236f017a1ff8b61d33f91ea9031eebde36a6', class: 'ls-dv-status-bar-section' }, h("button", { key: '4b7c04149439b2cddcd0cf474e2d9b57efa9bc76', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: 'dd765543163aaad0deb4300066333dac43a85206', name: "fit-width-icon" })), h("button", { key: '571cb22457f5848917e97226f74e120395a40ccd', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'ef4cdbf95a3110b0e20d438c5870f32cf786e535', name: "fit-height-icon" })))), h("div", { key: '8f27158a751d07a53ae0f8afe6ad51344a497a03', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'f09978de659a2defbd0be5c4de99337d7fc59c0a', onClick: () => {
                 this.showThumbnails = !this.showThumbnails;
                 if (this.showThumbnails) {
                     requestAnimationFrame(() => {
@@ -270,7 +272,7 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.outsideClickHandler);
                 }
-            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '57f1da537f3909bc72933d7f9e5bd61495ab0f18', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: 'e6936f45285b825ed96b56e9316754082558b757', class: "ls-dv-thumbnail-popover" }, h("div", { key: 'edfd8ba1e8108c0aa9252aa78c7b6a268ba7e006', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: 'c883f32c7a33b3f08006e972ce0d9698f04e8a4f' }), h("span", { key: '613689fe8f313f61a0cd104479c0e22d1105346d', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '7a4e67c40ed2e46dea34444ba9a36a165816e809', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '8f3dbe04c66ff9192f62e8f16a3bf5c5adb9fe1e' }))));
+            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '6b324a39ffbe36972aaa09d92191cfaace18ca42', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: '9aa2b3535ad900e5ba758457631d57fd5d6c38fe', class: "ls-dv-thumbnail-popover" }, h("div", { key: '90a1ca58218f2873e3a4309b77fda5bfc2787b82', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: '47782efbb75ccbd0b762f294906f6475e952b801' }), h("span", { key: '1d6a5f8c19234bab666afc6a3f1e7a16d0d097ca', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: 'ac89e817031ff7d4285b2d4627e49def6ddd1daf', tooltipId: "ls-dv-tooltip" }), h("slot", { key: 'e69df05d6946068a5daaf3cb4eb95ae4f58aa427' }))));
     }
     static get is() { return "ls-statusbar"; }
     static get encapsulation() { return "shadow"; }
@@ -366,6 +368,46 @@ export class LsStatusbar {
                 "getter": false,
                 "setter": false
             },
+            "canUndo": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "can-undo",
+                "defaultValue": "false"
+            },
+            "canRedo": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "can-redo",
+                "defaultValue": "false"
+            },
             "mode": {
                 "type": "string",
                 "mutable": false,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-statusbar.js","sourceRoot":"","sources":["../../../../src/components/ls-statusbar/ls-statusbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { version } from '../../../package.json';\nimport { undo, redo } from '../ls-document-viewer/history';\n\n@Component({\n tag: 'ls-statusbar',\n styleUrl: 'ls-statusbar.scss',\n shadow: true,\n})\nexport class LsStatusbar {\n @Element() component: HTMLElement;\n /*\n The zoom or scale level 100 === 100%.\n * {number}\n /\n @Prop({ mutable: true }) zoom: number;\n @Prop({ mutable: true }) page: number;\n @Prop({ mutable: true }) pageCount: number;\n\n @State() showThumbnails: boolean = false;\n @State() showZoomMenu: boolean = false;\n @State() showPageMenu: boolean = false;\n\n /\n The parent editor control.\n * {LsDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n /\n The viewer mode.\n * {'preview' \| 'editor' \| 'compose'}\n /\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n setZoom(value: number) {\n this.editor.setZoom(value);\n this.zoom = value;\n }\n\n fitWidth() {\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const scale = (wrapper.clientWidth - 396) / this.editor.pageDimensions[this.editor.pageNum - 1].width;\n this.setZoom(Math.round(scale 1e2) / 1e2);\n requestAnimationFrame(() => wrapper.scrollTo(0, 0));\n }\n\n fitHeight() {\n const midArea = this.editor.component.shadowRoot.getElementById('ls-mid-area');\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const wrapperStyle = getComputedStyle(wrapper);\n const paddingY = parseFloat(wrapperStyle.paddingTop) + parseFloat(wrapperStyle.paddingBottom);\n const availableHeight = midArea.clientHeight - paddingY;\n const scale = availableHeight / this.editor.pageDimensions[this.editor.pageNum - 1].height;\n this.setZoom(Math.round(scale * 1e2) / 1e2);\n }\n\n goToPage(pageNum: number) {\n const diff = pageNum - this.editor.pageNum;\n if (diff > 0) {\n for (let i = 0; i < diff; i++) this.editor.pageNext();\n } else {\n for (let i = 0; i < Math.abs(diff); i++) this.editor.pagePrev();\n }\n this.page = pageNum;\n this.renderThumbnails();\n }\n\n getPageFieldColors(pageNum: number): { s40: string; s60: string; s70: string; name: string; count: number }[] {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n const fields = template.elementConnection.templateElements.filter(el => el.page === pageNum);\n const signerCounts = new Map<number, number>();\n fields.forEach(el => signerCounts.set(el.signer, (signerCounts.get(el.signer) \|\| 0) + 1));\n return Array.from(signerCounts.entries())\n .sort(([a], [b]) => {\n const baseA = a % 100;\n const baseB = b % 100;\n if (baseA !== baseB) return baseA - baseB;\n return a - b;\n })\n .map(([s, count]) => {\n const role = template.roles?.find(r => r.signerIndex === s);\n const colorIndex = s % 100;\n return {\n s40: defaultRolePalette[colorIndex]?.s40 \|\| defaultRolePalette[0].s40,\n s60: defaultRolePalette[colorIndex]?.s60 \|\| defaultRolePalette[0].s60,\n s70: defaultRolePalette[colorIndex]?.s70 \|\| defaultRolePalette[0].s70,\n name: role?.name \|\| `Participant ${s}`,\n count,\n };\n });\n }\n\n getPageFields(pageNum: number) {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n return template.elementConnection.templateElements.filter(el => el.page === pageNum);\n }\n\n renderFieldsOnCanvas(ctx: CanvasRenderingContext2D, pageNum: number, viewport: { width: number; height: number }) {\n const fields = this.getPageFields(pageNum);\n fields.forEach(field => {\n const colorIndex = field.signer % 100;\n const palette = defaultRolePalette[colorIndex] \|\| defaultRolePalette[0];\n const x = field.ax * viewport.width;\n const y = field.ay * viewport.height;\n const w = (field.bx - field.ax) * viewport.width;\n const h = (field.by - field.ay) * viewport.height;\n\n ctx.fillStyle = palette.s40 + '1a';\n ctx.fillRect(x, y, w, h);\n ctx.strokeStyle = palette.s60;\n ctx.lineWidth = 1;\n if (field.signer >= 100) {\n ctx.setLineDash([2, 2]);\n }\n ctx.strokeRect(x, y, w, h);\n ctx.setLineDash([]);\n });\n }\n\n renderThumbnails() {\n const pdfDoc = (this.editor as any).pdfDocument;\n if (!pdfDoc) return;\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n if (!container) return;\n container.innerHTML = '';\n\n for (let i = 1; i <= this.pageCount; i++) {\n pdfDoc.getPage(i).then(page => {\n const viewport = page.getViewport({ scale: 0.2 });\n const canvas = document.createElement('canvas');\n canvas.width = viewport.width;\n canvas.height = viewport.height;\n canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';\n canvas.addEventListener('click', () => this.goToPage(i));\n\n const wrapper = document.createElement('div');\n wrapper.className = 'ls-dv-thumbnail-wrapper';\n wrapper.addEventListener('click', () => this.goToPage(i));\n\n const dots = document.createElement('div');\n dots.className = 'ls-dv-thumbnail-dots';\n this.getPageFieldColors(i).forEach(color => {\n const dot = document.createElement('span');\n dot.className = 'ls-dv-thumbnail-dot';\n dot.setAttribute('data-tooltip-id', 'ls-dv-tooltip');\n dot.setAttribute('data-tooltip-content', `${color.name}, ${color.count} Field${color.count !== 1 ? 's' : ''}`);\n dot.style.setProperty('--dot-color-40', color.s40);\n dot.style.setProperty('--dot-color-60', color.s60);\n dot.style.setProperty('--dot-color-70', color.s70);\n dots.appendChild(dot);\n });\n\n const label = document.createElement('span');\n label.textContent = `${i}`;\n wrapper.appendChild(canvas);\n wrapper.appendChild(dots);\n wrapper.appendChild(label);\n container.appendChild(wrapper);\n\n // Render after appending to DOM — Safari requires the canvas to be\n // in the visible tree before getContext/render produces output.\n const ctx = canvas.getContext('2d');\n page.render({ canvasContext: ctx, viewport }).promise.then(() => {\n this.renderFieldsOnCanvas(ctx, i, viewport);\n // Force Safari to composit the canvas by toggling a style property\n canvas.style.opacity = '0.99';\n requestAnimationFrame(() => {\n canvas.style.opacity = '1';\n });\n });\n });\n }\n }\n\n private outsideClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n if (!path.includes(this.component)) {\n this.showThumbnails = false;\n this.showZoomMenu = false;\n this.showPageMenu = false;\n document.removeEventListener('click', this.outsideClickHandler);\n }\n };\n\n private zoomMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-zoom-menu');\n const btn = this.component.shadowRoot.getElementById('zoom-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n };\n\n private pageMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-page-menu');\n const btn = this.component.shadowRoot.getElementById('page-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n };\n\n private applyUndo() {\n const mutations = undo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutate.emit(mutations);\n }\n\n private applyRedo() {\n const mutations = redo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutate.emit(mutations);\n }\n\n componentWillLoad() {\n this.zoom = this.editor.zoom;\n }\n\n @Watch('page')\n onPageChange() {\n if (this.showThumbnails) {\n this.renderThumbnails();\n requestAnimationFrame(() => {\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n const wrapper = container?.querySelector('.ls-dv-thumbnail.active')?.closest('.ls-dv-thumbnail-wrapper') as HTMLElement;\n if (wrapper && container) {\n const gap = 12; // 0.75rem\n const wrapperTop = wrapper.offsetTop - container.offsetTop;\n const wrapperBottom = wrapperTop + wrapper.offsetHeight;\n const scrollTop = container.scrollTop;\n const viewHeight = container.clientHeight;\n\n if (wrapperTop - gap < scrollTop) {\n container.scrollTo({ top: wrapperTop - gap, behavior: 'smooth' });\n } else if (wrapperBottom + gap > scrollTop + viewHeight) {\n container.scrollTo({ top: wrapperBottom + gap - viewHeight, behavior: 'smooth' });\n }\n }\n });\n }\n }\n\n render() {\n const isPreview = this.mode === 'preview';\n return (\n <Host class={{ 'ls-dv-statusbar-preview': isPreview }}>\n {!isPreview && (\n <div class={'ls-dv-controls-bar'}>\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.applyUndo()} id=\"undo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.undo')} >\n <ls-icon name=\"undo-icon\" size={18} />\n </button>\n <button onClick={() => this.applyRedo()} id=\"redo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.redo')} >\n <ls-icon name=\"redo-icon\" style={{transform: \"scale(-1, 1)\", marginLeft: '0.25rem'}} size={18} />\n </button>\n </div>\n </div>\n )}\n <div class={{'ls-dv-controls-bar': true, 'ls-dv-page-nav': true}}>\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n <button\n onClick={() => {\n this.editor.pagePrev();\n }}\n disabled={this.page === 1}\n id=\"prev-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage')}\n >\n <ls-icon name=\"chevron-left-icon\" />\n </button>\n <button\n id=\"page-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showPageMenu = !this.showPageMenu;\n if (this.showPageMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n }}\n >\n {this.page} / {this.pageCount}\n </button>\n {this.showPageMenu && (\n <div id=\"ls-page-menu\" class=\"ls-dv-zoom-menu ls-dv-page-menu\" >\n {Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': this.page === p }}\n onClick={() => {\n this.goToPage(p);\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }}\n >\n {p}\n {this.page === p && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button\n onClick={() => {\n this.editor.pageNext();\n }}\n disabled={this.page === this.pageCount}\n id=\"next-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage')}\n >\n <ls-icon name=\"chevron-right-icon\" />\n </button>\n </div>\n </div>\n <div class={'ls-dv-status-bar-group'}>\n <div class={'ls-dv-controls-bar'} style={{position: 'relative'}}>\n {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table-icon\" /></button>\n <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template-icon\" /></button> /}\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.setZoom(this.editor.zoom 0.8)} id=\"zoom-out-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomout')}>\n <ls-icon name=\"zoom-out-icon\" />\n </button>\n <button\n id=\"zoom-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showZoomMenu = !this.showZoomMenu;\n if (this.showZoomMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n }}\n >\n {Math.round(this.zoom * 100)}%\n </button>\n {this.showZoomMenu && (\n <div id=\"ls-zoom-menu\" class=\"ls-dv-zoom-menu\">\n {[2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }}\n onClick={() => {\n this.setZoom(level);\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }}\n >\n {Math.round(level * 100)}%{Math.round(this.zoom * 100) === Math.round(level * 100) && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomin')}>\n <ls-icon name=\"zoom-in-icon\" />\n </button>\n </div>\n {!isPreview && (\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitwidth')}>\n <ls-icon name=\"fit-width-icon\" />\n </button>\n <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitheight')}>\n <ls-icon name=\"fit-height-icon\" />\n </button>\n </div>\n )}\n\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 ? { display: 'none' } : {}}>\n <button\n onClick={() => {\n this.showThumbnails = !this.showThumbnails;\n if (this.showThumbnails) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.renderThumbnails();\n document.addEventListener('click', this.outsideClickHandler);\n });\n });\n } else {\n document.removeEventListener('click', this.outsideClickHandler);\n }\n }}\n id=\"page-thumbnails-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('statusbar.pagethumbnails')}\n >\n <ls-icon name={!this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon'} size={18} />\n </button>\n </div>\n {this.showThumbnails && (\n <div class=\"ls-dv-thumbnail-popover\">\n <div id=\"ls-thumbnail-container\" class=\"ls-dv-thumbnail-grid\"></div>\n </div>\n )}\n </div>\n {!isPreview && <ls-helper-bar />}\n <span class=\"ls-dv-version\">v{version}</span>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-statusbar.js","sourceRoot":"","sources":["../../../../src/components/ls-statusbar/ls-statusbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { version } from '../../../package.json';\nimport { undo, redo } from '../ls-document-viewer/history';\n\n@Component({\n tag: 'ls-statusbar',\n styleUrl: 'ls-statusbar.scss',\n shadow: true,\n})\nexport class LsStatusbar {\n @Element() component: HTMLElement;\n /*\n The zoom or scale level 100 === 100%.\n * {number}\n /\n @Prop({ mutable: true }) zoom: number;\n @Prop({ mutable: true }) page: number;\n @Prop({ mutable: true }) pageCount: number;\n\n @State() showThumbnails: boolean = false;\n @State() showZoomMenu: boolean = false;\n @State() showPageMenu: boolean = false;\n\n /\n The parent editor control.\n * {LsDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n @Prop() canUndo: boolean = false;\n @Prop() canRedo: boolean = false;\n\n /\n The viewer mode.\n * {'preview' \| 'editor' \| 'compose'}\n /\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n setZoom(value: number) {\n this.editor.setZoom(value);\n this.zoom = value;\n }\n\n fitWidth() {\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const scale = (wrapper.clientWidth - 396) / this.editor.pageDimensions[this.editor.pageNum - 1].width;\n this.setZoom(Math.round(scale 1e2) / 1e2);\n requestAnimationFrame(() => wrapper.scrollTo(0, 0));\n }\n\n fitHeight() {\n const midArea = this.editor.component.shadowRoot.getElementById('ls-mid-area');\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const wrapperStyle = getComputedStyle(wrapper);\n const paddingY = parseFloat(wrapperStyle.paddingTop) + parseFloat(wrapperStyle.paddingBottom);\n const availableHeight = midArea.clientHeight - paddingY;\n const scale = availableHeight / this.editor.pageDimensions[this.editor.pageNum - 1].height;\n this.setZoom(Math.round(scale * 1e2) / 1e2);\n }\n\n goToPage(pageNum: number) {\n const diff = pageNum - this.editor.pageNum;\n if (diff > 0) {\n for (let i = 0; i < diff; i++) this.editor.pageNext();\n } else {\n for (let i = 0; i < Math.abs(diff); i++) this.editor.pagePrev();\n }\n this.page = pageNum;\n this.renderThumbnails();\n }\n\n getPageFieldColors(pageNum: number): { s40: string; s60: string; s70: string; name: string; count: number }[] {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n const fields = template.elementConnection.templateElements.filter(el => el.page === pageNum);\n const signerCounts = new Map<number, number>();\n fields.forEach(el => signerCounts.set(el.signer, (signerCounts.get(el.signer) \|\| 0) + 1));\n return Array.from(signerCounts.entries())\n .sort(([a], [b]) => {\n const baseA = a % 100;\n const baseB = b % 100;\n if (baseA !== baseB) return baseA - baseB;\n return a - b;\n })\n .map(([s, count]) => {\n const role = template.roles?.find(r => r.signerIndex === s);\n const colorIndex = s % 100;\n return {\n s40: defaultRolePalette[colorIndex]?.s40 \|\| defaultRolePalette[0].s40,\n s60: defaultRolePalette[colorIndex]?.s60 \|\| defaultRolePalette[0].s60,\n s70: defaultRolePalette[colorIndex]?.s70 \|\| defaultRolePalette[0].s70,\n name: role?.name \|\| `Participant ${s}`,\n count,\n };\n });\n }\n\n getPageFields(pageNum: number) {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n return template.elementConnection.templateElements.filter(el => el.page === pageNum);\n }\n\n renderFieldsOnCanvas(ctx: CanvasRenderingContext2D, pageNum: number, viewport: { width: number; height: number }) {\n const fields = this.getPageFields(pageNum);\n fields.forEach(field => {\n const colorIndex = field.signer % 100;\n const palette = defaultRolePalette[colorIndex] \|\| defaultRolePalette[0];\n const x = field.ax * viewport.width;\n const y = field.ay * viewport.height;\n const w = (field.bx - field.ax) * viewport.width;\n const h = (field.by - field.ay) * viewport.height;\n\n ctx.fillStyle = palette.s40 + '1a';\n ctx.fillRect(x, y, w, h);\n ctx.strokeStyle = palette.s60;\n ctx.lineWidth = 1;\n if (field.signer >= 100) {\n ctx.setLineDash([2, 2]);\n }\n ctx.strokeRect(x, y, w, h);\n ctx.setLineDash([]);\n });\n }\n\n renderThumbnails() {\n const pdfDoc = (this.editor as any).pdfDocument;\n if (!pdfDoc) return;\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n if (!container) return;\n container.innerHTML = '';\n\n for (let i = 1; i <= this.pageCount; i++) {\n pdfDoc.getPage(i).then(page => {\n const viewport = page.getViewport({ scale: 0.2 });\n const canvas = document.createElement('canvas');\n canvas.width = viewport.width;\n canvas.height = viewport.height;\n canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';\n canvas.addEventListener('click', () => this.goToPage(i));\n\n const wrapper = document.createElement('div');\n wrapper.className = 'ls-dv-thumbnail-wrapper';\n wrapper.addEventListener('click', () => this.goToPage(i));\n\n const dots = document.createElement('div');\n dots.className = 'ls-dv-thumbnail-dots';\n this.getPageFieldColors(i).forEach(color => {\n const dot = document.createElement('span');\n dot.className = 'ls-dv-thumbnail-dot';\n dot.setAttribute('data-tooltip-id', 'ls-dv-tooltip');\n dot.setAttribute('data-tooltip-content', `${color.name}, ${color.count} Field${color.count !== 1 ? 's' : ''}`);\n dot.style.setProperty('--dot-color-40', color.s40);\n dot.style.setProperty('--dot-color-60', color.s60);\n dot.style.setProperty('--dot-color-70', color.s70);\n dots.appendChild(dot);\n });\n\n const label = document.createElement('span');\n label.textContent = `${i}`;\n wrapper.appendChild(canvas);\n wrapper.appendChild(dots);\n wrapper.appendChild(label);\n container.appendChild(wrapper);\n\n // Render after appending to DOM — Safari requires the canvas to be\n // in the visible tree before getContext/render produces output.\n const ctx = canvas.getContext('2d');\n page.render({ canvasContext: ctx, viewport }).promise.then(() => {\n this.renderFieldsOnCanvas(ctx, i, viewport);\n // Force Safari to composit the canvas by toggling a style property\n canvas.style.opacity = '0.99';\n requestAnimationFrame(() => {\n canvas.style.opacity = '1';\n });\n });\n });\n }\n }\n\n private outsideClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n if (!path.includes(this.component)) {\n this.showThumbnails = false;\n this.showZoomMenu = false;\n this.showPageMenu = false;\n document.removeEventListener('click', this.outsideClickHandler);\n }\n };\n\n private zoomMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-zoom-menu');\n const btn = this.component.shadowRoot.getElementById('zoom-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n };\n\n private pageMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-page-menu');\n const btn = this.component.shadowRoot.getElementById('page-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n };\n\n private applyUndo() {\n const mutations = undo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n }\n\n private applyRedo() {\n const mutations = redo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n }\n\n componentWillLoad() {\n this.zoom = this.editor.zoom;\n }\n\n @Watch('page')\n onPageChange() {\n if (this.showThumbnails) {\n this.renderThumbnails();\n requestAnimationFrame(() => {\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n const wrapper = container?.querySelector('.ls-dv-thumbnail.active')?.closest('.ls-dv-thumbnail-wrapper') as HTMLElement;\n if (wrapper && container) {\n const gap = 12; // 0.75rem\n const wrapperTop = wrapper.offsetTop - container.offsetTop;\n const wrapperBottom = wrapperTop + wrapper.offsetHeight;\n const scrollTop = container.scrollTop;\n const viewHeight = container.clientHeight;\n\n if (wrapperTop - gap < scrollTop) {\n container.scrollTo({ top: wrapperTop - gap, behavior: 'smooth' });\n } else if (wrapperBottom + gap > scrollTop + viewHeight) {\n container.scrollTo({ top: wrapperBottom + gap - viewHeight, behavior: 'smooth' });\n }\n }\n });\n }\n }\n\n render() {\n const isPreview = this.mode === 'preview';\n return (\n <Host class={{ 'ls-dv-statusbar-preview': isPreview }}>\n {!isPreview && (\n <div class={'ls-dv-controls-bar'}>\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.applyUndo()} disabled={!this.canUndo} id=\"undo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.undo')} >\n <ls-icon name=\"undo-icon\" size={18} />\n </button>\n <button onClick={() => this.applyRedo()} disabled={!this.canRedo} id=\"redo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.redo')} >\n <ls-icon name=\"redo-icon\" style={{transform: \"scale(-1, 1)\", marginLeft: '0.25rem'}} size={18} />\n </button>\n </div>\n </div>\n )}\n <div class={{'ls-dv-controls-bar': true, 'ls-dv-page-nav': true}}>\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n <button\n onClick={() => {\n this.editor.pagePrev();\n }}\n disabled={this.page === 1}\n id=\"prev-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage')}\n >\n <ls-icon name=\"chevron-left-icon\" />\n </button>\n <button\n id=\"page-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showPageMenu = !this.showPageMenu;\n if (this.showPageMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n }}\n >\n {this.page} / {this.pageCount}\n </button>\n {this.showPageMenu && (\n <div id=\"ls-page-menu\" class=\"ls-dv-zoom-menu ls-dv-page-menu\" >\n {Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': this.page === p }}\n onClick={() => {\n this.goToPage(p);\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }}\n >\n {p}\n {this.page === p && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button\n onClick={() => {\n this.editor.pageNext();\n }}\n disabled={this.page === this.pageCount}\n id=\"next-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage')}\n >\n <ls-icon name=\"chevron-right-icon\" />\n </button>\n </div>\n </div>\n <div class={'ls-dv-status-bar-group'}>\n <div class={'ls-dv-controls-bar'} style={{position: 'relative'}}>\n {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table-icon\" /></button>\n <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template-icon\" /></button> /}\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.setZoom(this.editor.zoom 0.8)} id=\"zoom-out-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomout')}>\n <ls-icon name=\"zoom-out-icon\" />\n </button>\n <button\n id=\"zoom-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showZoomMenu = !this.showZoomMenu;\n if (this.showZoomMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n }}\n >\n {Math.round(this.zoom * 100)}%\n </button>\n {this.showZoomMenu && (\n <div id=\"ls-zoom-menu\" class=\"ls-dv-zoom-menu\">\n {[2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }}\n onClick={() => {\n this.setZoom(level);\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }}\n >\n {Math.round(level * 100)}%{Math.round(this.zoom * 100) === Math.round(level * 100) && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomin')}>\n <ls-icon name=\"zoom-in-icon\" />\n </button>\n </div>\n {!isPreview && (\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitwidth')}>\n <ls-icon name=\"fit-width-icon\" />\n </button>\n <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitheight')}>\n <ls-icon name=\"fit-height-icon\" />\n </button>\n </div>\n )}\n\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 ? { display: 'none' } : {}}>\n <button\n onClick={() => {\n this.showThumbnails = !this.showThumbnails;\n if (this.showThumbnails) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.renderThumbnails();\n document.addEventListener('click', this.outsideClickHandler);\n });\n });\n } else {\n document.removeEventListener('click', this.outsideClickHandler);\n }\n }}\n id=\"page-thumbnails-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('statusbar.pagethumbnails')}\n >\n <ls-icon name={!this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon'} size={18} />\n </button>\n </div>\n {this.showThumbnails && (\n <div class=\"ls-dv-thumbnail-popover\">\n <div id=\"ls-thumbnail-container\" class=\"ls-dv-thumbnail-grid\"></div>\n </div>\n )}\n </div>\n {!isPreview && <ls-helper-bar />}\n <span class=\"ls-dv-version\">v{version}</span>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1,9 +1,9 @@
 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-CU_v-klT.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-BLMY8rNM.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-thlkOeP_.js';
-import { r as redo, u as undo, b as recordMutations } from './p-DydgLtEF.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-Bi1odRMK.js';
+import { r as redo, u as undo, b as recordMutations, c as clearHistory, d as canRedo, e as canUndo } from './p-DmQNqtPP.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';
@@ -13,24 +13,24 @@ 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-VFHHgnl2.js';
+import { d as defineCustomElement$Q } from './p-BJoHocUQ.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-Ce1yNs3F.js';
+import { d as defineCustomElement$K } from './p-B-P0RM5X.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-DVfpfKI7.js';
+import { d as defineCustomElement$H } from './p-ihnCvIHa.js';
 import { d as defineCustomElement$G } from './p-C1SFI6sR.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$F } from './p-DKz0A1Hf.js';
+import { d as defineCustomElement$E } from './p-TQAB33L1.js';
+import { d as defineCustomElement$D } from './p-CWbixCW0.js';
+import { d as defineCustomElement$C } from './p-7AZBNv_W.js';
+import { d as defineCustomElement$B } from './p-BOg59Hui.js';
+import { d as defineCustomElement$A } from './p-BRbTJsNX.js';
+import { d as defineCustomElement$z } from './p-CvU1rUiv.js';
+import { d as defineCustomElement$y } from './p-CwR2DcQ8.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-Cwf28UAj.js';
+import { d as defineCustomElement$o } from './p-CZCkljMh.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-BCwakozA.js';
+import { d as defineCustomElement$a } from './p-BrO24XkQ.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';
@@ -26171,16 +26171,15 @@ function applyUndo() {
     const mutations = undo();
     if (!mutations)
         return;
-    // Emit with _skipHistory flag so mutateHandler doesn't record it
     this._skipHistory = true;
-    this.mutate.emit(mutations);
+    this.mutateHandler(new CustomEvent('mutate', { detail: mutations }));
 }
 function applyRedo() {
     const mutations = redo();
     if (!mutations)
         return;
     this._skipHistory = true;
-    this.mutate.emit(mutations);
+    this.mutateHandler(new CustomEvent('mutate', { detail: mutations }));
 }
 // Buffered version of alter that batches rapid key presses
 function bufferedAlter(diffFnFactory) {
@@ -30541,6 +30540,8 @@ if (typeof URL.parse !== 'function') {
     };
 }
 GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@5.4.449/build/pdf.worker.min.mjs`;
+// Module-level reference to the document keydown listener so it can be cleaned up across remounts
+let _activeKeyDownListener = null;
 const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentViewer extends H {
     constructor(registerHost) {
         super();
@@ -30613,6 +30614,10 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
      * {string}
      */
     templateid;
+    templateIdChanged() {
+        if (this.token && this._initialized)
+            this.reload();
+    }
     /**
      * A JSON string containing the recipient details. Only used in COMPOSE mode.
      * {string}
@@ -30757,6 +30762,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
     addParticipant;
     adapter;
     _skipHistory = false;
+    _loadGeneration = 0;
     // Action an external data action and use the result (if required)
     mutateHandler(event) {
         if (this.token && this.adapter) {
@@ -30783,11 +30789,15 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             }
             this._skipHistory = false;
             this.isMutating = true;
+            const currentGeneration = this._loadGeneration;
             const promises = mutations.map(me => this.adapter
                 .handleEvent(me, this.token)
                 .then(result => {
                 if (result === 'invalid')
                     return;
+                // Discard stale responses from a previous template
+                if (this._loadGeneration !== currentGeneration)
+                    return;
                 // Cascade name change to witness if it still matches a default pattern
                 // Must check before matchData/syncRoles overwrites this._template.roles
                 if (me.action === 'update' && me.data.roleType !== 'WITNESS') {
@@ -31274,6 +31284,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         this.validationErrors = validate.bind(this)(this._template);
         this.validate.emit({ valid: this.validationErrors.length === 0, errors: this.validationErrors });
     }
+    _initialized = false;
     initViewer() {
         // Generate a canvas to draw the background PDF on.
         this.canvas = this.component.shadowRoot.getElementById('pdf-canvas');
@@ -31291,7 +31302,12 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             document.addEventListener('mousemove', mouseMove.bind(this));
             document.addEventListener('mouseup', mouseUp.bind(this));
             dropTarget.addEventListener('dblclick', mouseDoubleClick.bind(this));
-            document.addEventListener('keydown', keyDown.bind(this));
+            // Remove any previous keydown listener before adding a new one
+            if (_activeKeyDownListener) {
+                document.removeEventListener('keydown', _activeKeyDownListener);
+            }
+            _activeKeyDownListener = keyDown.bind(this);
+            document.addEventListener('keydown', _activeKeyDownListener);
         }
         // Listen for flushed mutations from destroyed sidebar components
         document.addEventListener('ls-flush-mutate', ((e) => {
@@ -31316,6 +31332,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             this.setZoom(Math.round(newZoom * 1e2) / 1e2);
         }, { passive: false });
         this.generateFields();
+        this._initialized = true;
     }
     // Generate all the field HTML elements that are required (for every page)
     generateFields(clearExisting = true) {
@@ -31345,6 +31362,8 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
     }
     async load() {
         this.isLoading = true;
+        this._loadGeneration++;
+        clearHistory();
         // Get all template and group listing data.
         try {
             this.adapter = new LsDocumentAdapter(this.endpoint);
@@ -31413,6 +31432,32 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             }
         }
     }
+    async reload() {
+        this.isLoading = true;
+        this._loadGeneration++;
+        clearHistory();
+        try {
+            this.adapter = new LsDocumentAdapter(this.endpoint);
+            const result = (await this.adapter.execute(this.token, getTemplate(this.templateid)));
+            this.parseTemplate(JSON.stringify(result.template));
+            const resultGroup = (await this.adapter.execute(this.token, getGroupData(this._template.groupId)));
+            this.groupInfo = resultGroup.group;
+            this.generateFields();
+            this.showPageFields(this.pageNum);
+            this.validationErrors = validate.bind(this)(this._template);
+            this.validate.emit({ valid: this.validationErrors.length === 0, errors: this.validationErrors });
+            this.pageCount = this._template.pageCount;
+            this.selected = [];
+            this.setZoom(1.0);
+            this.isLoading = false;
+            if (this._template?.link)
+                this.loadAndRender(this._template.link);
+        }
+        catch (e) {
+            this.isLoading = false;
+            console.error('Failed to reload template.', e?.message || e);
+        }
+    }
     componentWillLoad() {
         if (this.language) {
             dvI18n.changeLanguage(this.language);
@@ -31439,14 +31484,15 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             return false;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '1c9984bf147503f2979dc5591f140514f3a38d9f' }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '7d33135c3fdf99a71d72f25b5c28e49ecc3867be', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: '8990a520c84835b97b4d3cd4ea84a6f94968c45b', size: 200, colour: "var(--primary-60)" })), h("div", { key: '29641895ac2d52d69183a07123d27e6566c17d97', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '7bef6ef95e5d3e8792118288ad69d64ae6c883b3', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: '2c92baf059816aa925265f3a4c284d819ebb02e6' }))), this.error && (h("div", { key: 'ba8f19052b333c14077ba661b47141eedd751cc3', class: "ls-dv-error-state" }, h("div", { key: 'e7f5b45617ea473575c3999e610e8ac9d9a3e662', class: "ls-dv-error-card" }, h("ls-icon", { key: 'a0d262e3b0ac53362ff51476268a8046840b1069', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: 'e5b119fba5d291231791f9956d8304a3bebf3b05', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: 'e260583526bdc4ad7f7cb28601af606a50ee5037', class: "ls-dv-error-message" }, this.error)))), h("div", { key: 'ab6eae0fb397f32330b3bfb3c17f8297b0e14bdc', class: "ls-dv-page-header" }, h("div", { key: 'ac7d6391d6dc3e0c59550032c959ef10672f93e1', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: '3100fd24301ab2781ab3bbe63f3654d4475c4726', name: "left-button" })), h("div", { key: '3948a22df5ee5f8c1dde92645407ae6095a947c3', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: '06eb1fc89813e466a4752d355d21f55a3880c5f3', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '7f3d54c519be843dcf5cd903ac85f8b5ff3017f5' }, h("span", { key: '626fef0097d482620b136eaba0f5a833d5e13ba5', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: '53ea6ffbb0302a460980e332cee7e5540bed390d' }, "/"), h("span", { key: 'f2df918d17814b9ad977eb4865ac42b27ab67772', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '8cdd65e6001ecb5b44a7b67849d44e358a7e5730', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: '40bb1ee712a356a4bfeac8da94e7fd8463a05285', name: "top-bar" })))), h("form", { key: '7f5299608155174f9db6625ca4d36678c8de4e62', id: "ls-editor-form" }, h("ls-left-bar", { key: '77e10b47bac609bc88e80c2f18c7e347329a31a3', 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: '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" })));
+            } }, h("slot", { key: '0f1fa9523db6632cdd035684f091b8e45567bb83', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: '83744e49b7872db1c2d73ea5aa8c5d63c9081519', 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: '886d632ca40c9bbecc176cf64e197c92cb1795ee', id: "ls-mid-area" }, h("div", { key: '5af07dd82b20bcc0e28e8c7e64a570b2cd5a0bf7', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: '3873b725f4a85956bd2191e92c18ce9f5c8d4756', id: "ls-document-frame" }, h("canvas", { key: 'ba49a53daecf0bba5dc836f6247059374656ed54', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: '6fdc6a2ddf91b8146689e708cffd70197f358d50', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: '71247cc36b357ee37ebfb44c5e32bf63b0db9c75', id: "ls-box-selector" }), h("div", { key: '08a521f79281736b46a3a8f7fc5f56bfd7cae6f4', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '73529d16cbc7acec207429d0e2f04fcbb12851b5', 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: 'b73febb91ce6ecb8b2bbdf7ebeac096819adc2f6', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: '823577c9cc7ec7b87dab69ae131afddc0ffb4de8', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode, canUndo: canUndo(), canRedo: canRedo() }), this.mode === 'editor' && (h("div", { key: 'b0a35c6102836f109c99f786181cdecbbc7f3b7f', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '8fa7669d0451d5a1a6736a537d8c4544656d4198', validationErrors: this.validationErrors }), h("slot", { key: '217e3a0a9ffd3ea623181529c558773315fa02ab', name: "next-button" })))))), h("ls-tooltip", { key: '1932ad5cd7739438055a03b30398fc17045216df', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
+        "templateid": ["templateIdChanged"],
         "language": ["languageChanged"],
         "mode": ["modeHandler"],
         "_template": ["templateLockedHandler"],
@@ -31493,6 +31539,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         "unselect": [64],
         "setZoom": [64]
     }, [[0, "mutate", "mutateHandler"], [0, "update", "updateHandler"], [0, "fieldTypeSelected", "handleFieldTypeSelected"], [0, "toolboxDragStart", "handleToolboxDragStart"], [0, "addParticipant", "addParticpantHandler"], [0, "changeSigner", "updateSigner"], [0, "selectFieldForPlacement", "selectFieldForPlacement"], [0, "selectFields", "selectFieldsHandler"], [0, "roleChange", "roleHandler"]], {
+        "templateid": ["templateIdChanged"],
         "language": ["languageChanged"],
         "mode": ["modeHandler"],
         "_template": ["templateLockedHandler"],