legalesign-document-viewer 1.0.13 → 1.0.15

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

@@ -1,68 +1,69 @@
 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-Al32p_JM.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-XbFErpli.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
+import { o as oob, m as moveField, u as updateTemplate, r as recalculateCoordinates, s as syncRoles, d as defineCustomElement$V, c as matchData, e as validate, g as getInputType, h as getApiType, i as addField, j as getTemplate } from './p-p5JEvsTq.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-Dw48QFVg.js';
+import { c as copySelected, a as cutSelected, p as pasteClipboard, u as updateSelectionBox, d as defineCustomElement$P, t as toolboxDragStart, m as mouseClick, b as mouseDown, e as mouseMove, f as mouseUp, g as mouseDoubleClick } from './p-BpDKp7BL.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-BKbGzLae.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-BodlW2-m.js';
-import { d as defineCustomElement$T } from './p-C6FqoNri.js';
-import { d as defineCustomElement$S } from './p-BNHlMdus.js';
-import { d as defineCustomElement$R } from './p-RceAr_AQ.js';
-import { d as defineCustomElement$Q } from './p-CTMHCecN.js';
-import { d as defineCustomElement$P } from './p-C-vCe5Wm.js';
-import { d as defineCustomElement$N } from './p-gvdT4if6.js';
-import { d as defineCustomElement$M } from './p-Dxb06R94.js';
-import { d as defineCustomElement$L } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$K } from './p-pAh5qPFg.js';
-import { d as defineCustomElement$J } from './p-BTcdVmkv.js';
-import { d as defineCustomElement$I } from './p-D6grL59P.js';
-import { d as defineCustomElement$H } from './p-DAq2HFf_.js';
-import { d as defineCustomElement$G } from './p-CyHkY6Ep.js';
-import { d as defineCustomElement$F } from './p-DpA4TE1Q.js';
-import { d as defineCustomElement$E } from './p-BDD6zFgO.js';
-import { d as defineCustomElement$D } from './p-BmpejMo_.js';
-import { d as defineCustomElement$C } from './p-CHbV_3Pe.js';
-import { d as defineCustomElement$B } from './p-ByN7GurE.js';
-import { d as defineCustomElement$A } from './p-uST4uUr8.js';
-import { d as defineCustomElement$z } from './p-D4pQIA1Z.js';
-import { d as defineCustomElement$y } from './p-x8FQ2VuC.js';
-import { d as defineCustomElement$x } from './p-BzFRp7ij.js';
-import { d as defineCustomElement$w } from './p-eWb3jk9k.js';
+import { d as defineCustomElement$$ } from './p-CQI0GKzS.js';
+import { d as defineCustomElement$_ } from './p-CxBIa83N.js';
+import { d as defineCustomElement$Z } from './p-pnSqPPx5.js';
+import { d as defineCustomElement$Y } from './p-PwhF9_IW.js';
+import { d as defineCustomElement$X } from './p-BQEJKfz8.js';
+import { d as defineCustomElement$W } from './p-DkDYh4WL.js';
+import { d as defineCustomElement$U } from './p-C6FqoNri.js';
+import { d as defineCustomElement$T } from './p-DX_iaF-l.js';
+import { d as defineCustomElement$S } from './p-BDYqYoIy.js';
+import { d as defineCustomElement$R } from './p-DsIip0mA.js';
+import { d as defineCustomElement$Q } from './p-Ds2yihe8.js';
+import { d as defineCustomElement$O } from './p-DtIt9SZR.js';
+import { d as defineCustomElement$N } from './p-qQidKYRw.js';
+import { d as defineCustomElement$M } from './p-l5DR81kr.js';
+import { d as defineCustomElement$L } from './p-BeQBbw5L.js';
+import { d as defineCustomElement$K } from './p-CZ9xdGQd.js';
+import { d as defineCustomElement$J } from './p-D1YFoc0l.js';
+import { d as defineCustomElement$I } from './p-KJ6n20em.js';
+import { d as defineCustomElement$H } from './p-BHt-_hqQ.js';
+import { d as defineCustomElement$G } from './p-BEQj5_wz.js';
+import { d as defineCustomElement$F } from './p-B2qe4IkH.js';
+import { d as defineCustomElement$E } from './p-60kgekmt.js';
+import { d as defineCustomElement$D } from './p-zd5dsPvn.js';
+import { d as defineCustomElement$C } from './p-MVrx9OAk.js';
+import { d as defineCustomElement$B } from './p-LICXDZDh.js';
+import { d as defineCustomElement$A } from './p-qucyFm7t.js';
+import { d as defineCustomElement$z } from './p-CXCcBcGu.js';
+import { d as defineCustomElement$y } from './p-oVyx239D.js';
+import { d as defineCustomElement$x } from './p-DsqOfGfP.js';
+import { d as defineCustomElement$w } from './p-BLZyVIno.js';
 import { d as defineCustomElement$v } from './p-CzkJGTTH.js';
-import { d as defineCustomElement$u } from './p-WCNsFhYD.js';
+import { d as defineCustomElement$u } from './p-D8XvOxx7.js';
 import { d as defineCustomElement$t } from './p-BHeJScTh.js';
 import { d as defineCustomElement$s } from './p-Brq7Gduk.js';
-import { d as defineCustomElement$r } from './p-DaQLveiE.js';
-import { d as defineCustomElement$q } from './p-C2JalniE.js';
+import { d as defineCustomElement$r } from './p-CKcOLluN.js';
+import { d as defineCustomElement$q } from './p-B5lJU9KU.js';
 import { d as defineCustomElement$p } from './p-CIV0VNix.js';
-import { d as defineCustomElement$o } from './p-CyV8nu-T.js';
+import { d as defineCustomElement$o } from './p-B0BPkRk9.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';
 import { d as defineCustomElement$k } from './p-Dk-MsCKT.js';
-import { d as defineCustomElement$j } from './p-DmB0JIWj.js';
-import { d as defineCustomElement$i } from './p-Cmw6RXlv.js';
-import { d as defineCustomElement$h } from './p-D3nY_GGj.js';
-import { d as defineCustomElement$g } from './p-DmrshWtQ.js';
+import { d as defineCustomElement$j } from './p-Ab2eo4Ko.js';
+import { d as defineCustomElement$i } from './p-DwHAGiqD.js';
+import { d as defineCustomElement$h } from './p-CPUhExFR.js';
+import { d as defineCustomElement$g } from './p-DYVjHU88.js';
 import { d as defineCustomElement$f } from './p-IqyK8xOq.js';
-import { d as defineCustomElement$e } from './p-8F4ilTjF.js';
-import { d as defineCustomElement$d } from './p-CJWQJjj3.js';
+import { d as defineCustomElement$e } from './p-PPtZV34v.js';
+import { d as defineCustomElement$d } from './p-ovBHb1rg.js';
 import { d as defineCustomElement$c } from './p-CF40f_5M.js';
-import { d as defineCustomElement$b } from './p-eDwhUH-3.js';
-import { d as defineCustomElement$a } from './p-CowkeWsT.js';
+import { d as defineCustomElement$b } from './p-DZJKaPhB.js';
+import { d as defineCustomElement$a } from './p-DRUFPWev.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-BddWzZuD.js';
-import { d as defineCustomElement$6 } from './p-DQGVdCyH.js';
-import { d as defineCustomElement$5 } from './p-CD0ohunR.js';
+import { d as defineCustomElement$7 } from './p-T_Emh7AC.js';
+import { d as defineCustomElement$6 } from './p-C4h8Uik2.js';
+import { d as defineCustomElement$5 } from './p-EL05A6XH.js';
 import { d as defineCustomElement$4 } from './p-XnnsjcVC.js';
-import { d as defineCustomElement$3 } from './p-S46PtMZ-.js';
-import { d as defineCustomElement$2 } from './p-CLn6CMAa.js';
+import { d as defineCustomElement$3 } from './p-BUGOiaPK.js';
+import { d as defineCustomElement$2 } from './p-DNZ70kWZ.js';
 
 /**
  * @licstart The following is the entire license notice for the
@@ -30810,7 +30811,11 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                             const hasDefaultName = witness.name === 'Participant ' + witness.ordinal;
                             const hasParentWitnessName = witness.name === oldRole.name + ' Witness';
                             if (hasDefaultName || hasParentWitnessName) {
-                                const updatedWitness = { ...witness, name: role.name + ' Witness' };
+                                // If parent reverts to default, witness should also revert to default
+                                const newWitnessName = role.name === 'Participant ' + role.ordinal
+                                    ? 'Participant ' + witness.ordinal
+                                    : role.name + ' Witness';
+                                const updatedWitness = { ...witness, name: newWitnessName };
                                 this.adapter.handleEvent({ action: 'update', data: updatedWitness }, this.token).then(wr => {
                                     if (wr !== 'invalid')
                                         matchData.bind(this)(wr);
@@ -30819,41 +30824,21 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                         }
                     }
                 }
-                // Swap/delete: after structural changes, sync default names to new ordinals
-                if (me.action === 'swap' || me.action === 'delete') {
-                    // For swap, capture which roles had default names before the sync
-                    const preSwapDefaults = me.action === 'swap' ? [
-                        { id: me.data.id, hadDefault: me.data.name === 'Participant ' + me.data.ordinal },
-                        { id: me.data2.id, hadDefault: me.data2.name === 'Participant ' + me.data2.ordinal },
-                    ] : null;
-                    // For delete, snapshot all roles with default names before ordinals shift
-                    const preDeleteDefaults = me.action === 'delete'
-                        ? this._template.roles.filter(r => r.name === 'Participant ' + r.ordinal).map(r => r.id)
-                        : null;
+                // Swap/delete/create: after structural changes, sync default names to new ordinals
+                if (me.action === 'swap' || me.action === 'delete' || me.action === 'create') {
+                    // Snapshot all roles with default names before ordinals shift
+                    const preChangeDefaults = this._template.roles
+                        .filter(r => r.name === 'Participant ' + r.ordinal)
+                        .map(r => r.id);
                     return Promise.resolve(matchData.bind(this)(result)).then(() => {
                         const updates = [];
-                        if (preSwapDefaults) {
-                            for (const { id, hadDefault } of preSwapDefaults) {
-                                if (!hadDefault)
-                                    continue;
-                                const fresh = this._template.roles.find(r => r.id === id);
-                                if (fresh && fresh.name !== 'Participant ' + fresh.ordinal) {
-                                    updates.push(this.adapter.handleEvent({ action: 'update', data: { ...fresh, name: 'Participant ' + fresh.ordinal } }, this.token).then(r => {
-                                        if (r !== 'invalid')
-                                            matchData.bind(this)(r);
-                                    }));
-                                }
-                            }
-                        }
-                        if (preDeleteDefaults) {
-                            for (const id of preDeleteDefaults) {
-                                const fresh = this._template.roles.find(r => r.id === id);
-                                if (fresh && fresh.name !== 'Participant ' + fresh.ordinal) {
-                                    updates.push(this.adapter.handleEvent({ action: 'update', data: { ...fresh, name: 'Participant ' + fresh.ordinal } }, this.token).then(r => {
-                                        if (r !== 'invalid')
-                                            matchData.bind(this)(r);
-                                    }));
-                                }
+                        for (const id of preChangeDefaults) {
+                            const fresh = this._template.roles.find(r => r.id === id);
+                            if (fresh && fresh.name !== 'Participant ' + fresh.ordinal) {
+                                updates.push(this.adapter.handleEvent({ action: 'update', data: { ...fresh, name: 'Participant ' + fresh.ordinal } }, this.token).then(r => {
+                                    if (r !== 'invalid')
+                                        matchData.bind(this)(r);
+                                }));
                             }
                         }
                         return Promise.all(updates);
@@ -31495,12 +31480,12 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             return false;
     }
     render() {
-        return (h(Host, { key: 'd734589f21701f8842ff21fd0ac3bc57910bd2c0', class: { 'ls-dv-preview-mode': this.mode === 'preview' } }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '6b23095cce9f80d65cc87b4faf91026652f142cb', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: 'eb04b9206ef97083fce40574ebb40a8edf43f9d1', size: this.loaderSize, colour: "var(--primary-60)" })), h("div", { key: '0af81d1b030f2400814b2d473723cb4363bb602d', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '799c57bd60af30258893249ad79e744f388e6dac', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: 'e74211a77b7ead319e51bcfc5afc28f25ed441a5' }))), this.error && (h("div", { key: 'd144ffbf258f67471a3e8586026539c9a2ec2a13', class: "ls-dv-error-state" }, h("div", { key: '3f079e5d855dd5f8eba85d3c16fe8f13a9e3e1fd', class: "ls-dv-error-card" }, h("ls-icon", { key: 'ab4e94ed151e1bc97525c0d411c184f19ed91568', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: 'aa24a956c9ebd3074855dbb242b3967282f0525c', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: '4e25d629fbc1fa4eae29e66a46787a60c8168862', class: "ls-dv-error-message" }, this.error)))), this.mode !== 'preview' && (h("div", { key: '789a5c3f027fad8525e1e78f9f6398669e8a4904', class: "ls-dv-page-header" }, h("div", { key: '5175792e24c98fa7f7a94fb0b659acf885d7d814', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: '64befda9960e0fd65cf6d2e00243ce7d3b4fb81c', name: "left-button" })), h("div", { key: '6e31a97e1d7cea55753e817989483a9c43dba7c1', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: '41643bf4389b31651e53ad5624329c31d30ea412', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '3d29c1a560cc02004aad498b4cbe7bf89c4a9e50' }, h("span", { key: '64dfbc6b09d33376f8a6c260cff2388f3f0975c8', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: 'e73339a4c2ed2e074ed005242c078504e5ce1157' }, "/"), h("span", { key: '5e710d23a37d8273c06734514aa7e2735fbb6c69', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '2aded4d932f536ab2537638d77225a6891a2bf11', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: 'fb6aa36cc708ce2edb8fc757015abaa2b79b47f3', name: "top-bar" }))))), h("form", { key: 'bd78ca4c151d1d8a55adacf4f3700b9682cab687', id: "ls-editor-form" }, h("ls-left-bar", { key: '9099ccbcbb93d38e0b9b22f019dc7ef2ed92b053', 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: '6925b686269e3d749f204a27e5796f1048c3aaad', class: { 'ls-dv-preview-mode': this.mode === 'preview' } }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '12b2c3abb07dbc64945ad37fc6c2792b5b4a7a5c', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: 'f62f216786f319e16981b35c989284fdd87ed235', size: this.loaderSize, colour: "var(--primary-60)" })), h("div", { key: '3c819f4c204cffd94e24cc9e2ec552e65a72b499', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '12e5ef2a4607ccfb5e6d6850a71e085cb6161fae', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: '8c05f297c5943c1c3aa016b7701251e7ac485b21' }))), this.error && (h("div", { key: '80f66943b5d4734bfef646160f279b5e5f08eec0', class: "ls-dv-error-state" }, h("div", { key: '835de0650f0dd03a42915ce6950f0ea203ff1605', class: "ls-dv-error-card" }, h("ls-icon", { key: '719a3555d5f274a1b37a53c1681f10a19a06c2ce', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: '0b069574fe88ad72e6b6f7468793aa62ae221c86', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: '1e2df5165e7437a237ca1539d32f501572150ec6', class: "ls-dv-error-message" }, this.error)))), this.mode !== 'preview' && (h("div", { key: '3542403c9e72b945efc504e9772eac2c1b7eaa29', class: "ls-dv-page-header" }, h("div", { key: '9d3287b94a8e0e5a46a9ba0485e3f0607cf67378', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: 'deda3110e22cb589222f66a305937f98e475c363', name: "left-button" })), h("div", { key: '2cb52b5a7114f3dccb0425482d4d53a0c9974f0b', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: 'e11fcd1981c37df448f860465f54a5e2bf7bbcc8', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '54acbf6d5ff640b4457b50f17b4027072fc6ca29' }, h("span", { key: '49c79e2f6cbc772ddc8c3ace58528951aedad88a', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: '26707a892a9643ac56b15f92572e96a3fae5a617' }, "/"), h("span", { key: '1d6bd71349cc7be1c1560413914416937baec1f3', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: 'd8781b678e7f53cc11b1dd3ef887dbc10b676811', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: '2db9adbdfa9aaebe971466ae3fd35f444b07a310', name: "top-bar" }))))), h("form", { key: '51e6eb22153a66619e7ffb76b094d04ae2db3095', id: "ls-editor-form" }, h("ls-left-bar", { key: 'a1b6eae9d2ba749204be3124964774f47e9bf9b1', 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: '37e04c506b0873adddea9c169c1a632a9ea9ede6', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: '9aa0ad70bb133613c365bf69798b5b27f51cbb27', 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: '9c2eeaa67b5473208a9d5320b48ef604908c1df6', id: "ls-mid-area" }, h("div", { key: 'df4ba6a3410ff6edaa8538afd803dedd57fb02b9', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: 'bf48a7c3cf559b270df8864227a1d2a6a8d0143f', id: "ls-document-frame" }, h("canvas", { key: '4b7f07726adc44b8e27205ea15c08ed7087a78e0', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: 'f1eb1f06bca632256cfd867ccfb3530481221a22', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: '4fa14c5ce6226b44c0ceb2f80b41a1d7532fd088', id: "ls-box-selector" }), h("div", { key: '9916c9ee0872f6c76618e48befa8719da3c7fb9b', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '14b56e30f7a303a73185c3ec7b9c92f3826919b3', 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: '40ece1aad83e25dff73755d84d113b832dc72916', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: '3c6edda9a51b4db3248e9edb9c543df4c69ee41b', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode, canUndo: canUndo(), canRedo: canRedo() }), this.mode === 'editor' && (h("div", { key: '7fb7451962f8588877e98d9c7499adce82e0d008', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '6a7d69b7d842d9ce1f11fb55a3f1ec82d8971c65', validationErrors: this.validationErrors }), h("slot", { key: '55befd61a78b45f3ea6c47f79aa3153258943909', name: "next-button" })))))), h("ls-tooltip", { key: '3da47138b36d20a454b0fcd3e42d3fb439685cbd', tooltipId: "ls-dv-tooltip" })));
+            } }, h("slot", { key: 'e472bd7b6faf855a2675358aa8355870fadfcc54', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: '14c180e17852602940522a6ecff5ebbade07e7a4', 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: '8792aa4059d402b8ead3bd765f936b6c3dd134f0', id: "ls-mid-area" }, h("div", { key: 'e4322372e3e27c06cbbe290461a3b46adcee2775', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: 'f8262f5264321a3d66504912640a602cb67bb85c', id: "ls-document-frame" }, h("canvas", { key: '6730cb75b8ea2504e0161051ab565d7902f174c2', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: '250257cdd9d8df3244fda6168ff8991a4ac9d3d9', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: 'fd4c974ee347ba31434dadfffae0196c065bd716', id: "ls-box-selector" }), h("div", { key: '5d75e51175f811e03a00b18874a4b8b82f47ca58', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '23adf3e49d6d6d634657987cfde2c0bdccedb0ad', 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: '9050928787a3a0a34ce96d163fd2dcb0fe1a7583', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: '7017129ee8c6bee0a4d2861594f1743c8c51a7c2', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode, canUndo: canUndo(), canRedo: canRedo() }), this.mode === 'editor' && (h("div", { key: '7af711472a1141a5206971e077e9b0013927c739', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '1d9612986c19ab56ff7a94e39dbe5a654f927bd4', validationErrors: this.validationErrors }), h("slot", { key: '8e067bc84dcb3a3ebdb50cfa40dd9b034ac8edda', name: "next-button" })))))), h("ls-tooltip", { key: '776c8cb9be69077b47556a50f4045df65ecd6a57', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "templateid": ["templateIdChanged"],
@@ -31561,7 +31546,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["ls-document-viewer", "ls-add-new-button", "ls-assignee-select", "ls-button", "ls-checkbox-input", "ls-compose-loader", "ls-document-options", "ls-editor-field", "ls-editor-table", "ls-feature-column", "ls-field-alignment", "ls-field-content", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-format", "ls-field-placement", "ls-field-properties", "ls-field-properties-advanced", "ls-field-properties-autosign", "ls-field-properties-checkbox", "ls-field-properties-container", "ls-field-properties-date", "ls-field-properties-email", "ls-field-properties-file", "ls-field-properties-general", "ls-field-properties-multiple", "ls-field-properties-number", "ls-field-properties-signature", "ls-field-properties-text", "ls-field-size", "ls-field-type-select", "ls-formfield", "ls-helper-bar", "ls-icon", "ls-icon-button", "ls-input-wrapper", "ls-keyboard-shortcuts", "ls-label", "ls-left-bar", "ls-loading", "ls-loading-icon", "ls-loading-logo", "ls-number-input", "ls-participant-card", "ls-participant-manager", "ls-participant-select", "ls-props-section", "ls-radio-input", "ls-recipient-card", "ls-recipient-manager", "ls-select-input", "ls-select-menu", "ls-statusbar", "ls-text-input", "ls-textarea-input", "ls-toggle", "ls-toolbar", "ls-toolbox-field", "ls-tooltip", "ls-validation-manager", "ls-validation-tag"];
+    const components = ["ls-document-viewer", "ls-add-new-button", "ls-assignee-select", "ls-button", "ls-checkbox-input", "ls-compose-loader", "ls-document-options", "ls-editor-field", "ls-editor-table", "ls-feature-column", "ls-field-alignment", "ls-field-content", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-format", "ls-field-placement", "ls-field-properties", "ls-field-properties-advanced", "ls-field-properties-autosign", "ls-field-properties-checkbox", "ls-field-properties-container", "ls-field-properties-date", "ls-field-properties-email", "ls-field-properties-file", "ls-field-properties-general", "ls-field-properties-multiple", "ls-field-properties-number", "ls-field-properties-regex", "ls-field-properties-signature", "ls-field-properties-text", "ls-field-size", "ls-field-type-select", "ls-formfield", "ls-helper-bar", "ls-icon", "ls-icon-button", "ls-input-wrapper", "ls-keyboard-shortcuts", "ls-label", "ls-left-bar", "ls-loading", "ls-loading-icon", "ls-loading-logo", "ls-number-input", "ls-participant-card", "ls-participant-manager", "ls-participant-select", "ls-props-section", "ls-radio-input", "ls-recipient-card", "ls-recipient-manager", "ls-select-input", "ls-select-menu", "ls-statusbar", "ls-text-input", "ls-textarea-input", "ls-toggle", "ls-toolbar", "ls-toolbox-field", "ls-tooltip", "ls-validation-manager", "ls-validation-tag"];
     components.forEach(tagName => { switch (tagName) {
         case "ls-document-viewer":
             if (!customElements.get(transformTag(tagName))) {
@@ -31570,135 +31555,140 @@ function defineCustomElement$1() {
             break;
         case "ls-add-new-button":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$_();
+                defineCustomElement$$();
             }
             break;
         case "ls-assignee-select":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$Z();
+                defineCustomElement$_();
             }
             break;
         case "ls-button":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$Y();
+                defineCustomElement$Z();
             }
             break;
         case "ls-checkbox-input":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$X();
+                defineCustomElement$Y();
             }
             break;
         case "ls-compose-loader":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$W();
+                defineCustomElement$X();
             }
             break;
         case "ls-document-options":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$V();
+                defineCustomElement$W();
             }
             break;
         case "ls-editor-field":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$U();
+                defineCustomElement$V();
             }
             break;
         case "ls-editor-table":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$T();
+                defineCustomElement$U();
             }
             break;
         case "ls-feature-column":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$S();
+                defineCustomElement$T();
             }
             break;
         case "ls-field-alignment":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$R();
+                defineCustomElement$S();
             }
             break;
         case "ls-field-content":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$Q();
+                defineCustomElement$R();
             }
             break;
         case "ls-field-dimensions":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$P();
+                defineCustomElement$Q();
             }
             break;
         case "ls-field-distribute":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$O();
+                defineCustomElement$P();
             }
             break;
         case "ls-field-footer":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$N();
+                defineCustomElement$O();
             }
             break;
         case "ls-field-format":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$M();
+                defineCustomElement$N();
             }
             break;
         case "ls-field-placement":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$L();
+                defineCustomElement$M();
             }
             break;
         case "ls-field-properties":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$K();
+                defineCustomElement$L();
             }
             break;
         case "ls-field-properties-advanced":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$J();
+                defineCustomElement$K();
             }
             break;
         case "ls-field-properties-autosign":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$I();
+                defineCustomElement$J();
             }
             break;
         case "ls-field-properties-checkbox":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$H();
+                defineCustomElement$I();
             }
             break;
         case "ls-field-properties-container":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$G();
+                defineCustomElement$H();
             }
             break;
         case "ls-field-properties-date":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$F();
+                defineCustomElement$G();
             }
             break;
         case "ls-field-properties-email":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$E();
+                defineCustomElement$F();
             }
             break;
         case "ls-field-properties-file":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$D();
+                defineCustomElement$E();
             }
             break;
         case "ls-field-properties-general":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$C();
+                defineCustomElement$D();
             }
             break;
         case "ls-field-properties-multiple":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$B();
+                defineCustomElement$C();
             }
             break;
         case "ls-field-properties-number":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$B();
+            }
+            break;
+        case "ls-field-properties-regex":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$A();
             }