legalesign-document-viewer 0.4.10 → 0.5.0

package/dist/collection/components/ls-toolbar/ls-toolbar.js

@@ -32,10 +32,9 @@ export class LsToolbar {
         });
         this.dataItem = diffs.map(d => d.data);
         this.mutate.emit(diffs);
-        this.update.emit(diffs);
     }
     render() {
-        return (h(Host, { key: 'bafb88d0050349a95e68e5c2424c6ef4cb60dd31' }, (this.dataItem && this.dataItem.length > 1) ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem, style: { visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' } }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), h("ls-tooltip", { key: '4cf0e3dd34be8dfff87525ebe0c87d106d49335d', id: "ls-tooltip-master" }), h("slot", { key: '2eaa4c5de2ed24e5405a4e85821b59e934b77db4' })));
+        return (h(Host, { key: '55d84a2c19190fb4149d658151ccdb369b32da84' }, (this.dataItem && this.dataItem.length > 1) ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem, style: { visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' } }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), h("ls-tooltip", { key: 'c700f50c2fe2829bc653a5a8c791f642ce966a8f', id: "ls-tooltip-master" }), h("slot", { key: '09a19a62da326c4131cdbddced63de71106da892' })));
     }
     static get is() { return "ls-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-toolbar/ls-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-toolbar.js","sourceRoot":"","sources":["../../../src/components/ls-toolbar/ls-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAQvF,MAAM,OAAO,SAAS;IACT,SAAS,CAAc;IAElC;;;OAGG;IAIH,QAAQ,CAAiB;IAGzB;;;KAGC;IACO,SAAS,CAAS;IAE1B;;;OAGG;IACK,QAAQ,CAAgB;IAEhC;;;OAGG;IAGA,MAAM,CAAmB;IAO5B,MAAM,CAAgC;IAOtC,MAAM,CAAgC;IAEtC,qCAAqC;IAErC,0CAA0C;IAC1C,6CAA6C;IAC7C,KAAK,CAAC,IAAY;QAEhB,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACnD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACD,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC9C,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI;gBACxI,6BAAuB,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,GAAI,CACjK,CACP;YACD,mEAAY,EAAE,EAAC,mBAAmB,GAAG;YACrC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-toolbar',\n  styleUrl: 'ls-toolbar.css',\n  shadow: true,\n})\nexport class LsToolbar {\n  @Element() component: HTMLElement;\n\n  /**\n   * The selected items information (as JSON).\n   * {LSApiElement[]}\n   */\n  @Prop({\n    mutable: true,\n  })\n  dataItem: LSApiElement[];\n\n\n  /**\n * The group and experience information.\n * {object}\n */\n  @Prop() groupInfo: object;\n\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n\n  /**\n   * The main editor.\n   * {LSDocumentViewer}\n   */\n  @Prop({\n    mutable: true,\n  }) editor: LsDocumentViewer;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  update: EventEmitter<LSMutateEvent[]>;\n\n  // @Element() component: HTMLElement;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n    });\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement);\n    this.mutate.emit(diffs);\n    this.update.emit(diffs);\n  }\n\n  render() {\n    return (\n      <Host>\n        { (this.dataItem && this.dataItem.length > 1) ? (\n          <div class={'rowbox'}>\n            <ls-field-format dataItem={this?.dataItem} />\n          </div>\n        ) : (\n          <div class={'rowbox'}>\n            <ls-field-format dataItem={this?.dataItem} style={{ visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' }} />\n            <ls-participant-select id=\"ls-participant-select\" roles={this.template?.roles} style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }} />\n          </div>\n        )}\n        <ls-tooltip id=\"ls-tooltip-master\" />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-toolbar.js","sourceRoot":"","sources":["../../../src/components/ls-toolbar/ls-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAQvF,MAAM,OAAO,SAAS;IACT,SAAS,CAAc;IAElC;;;OAGG;IAIH,QAAQ,CAAiB;IAGzB;;;KAGC;IACO,SAAS,CAAS;IAE1B;;;OAGG;IACK,QAAQ,CAAgB;IAEhC;;;OAGG;IAGA,MAAM,CAAmB;IAO5B,MAAM,CAAgC;IAOtC,MAAM,CAAgC;IAEtC,qCAAqC;IAErC,0CAA0C;IAC1C,6CAA6C;IAC7C,KAAK,CAAC,IAAY;QAEhB,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACnD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACD,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC9C,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI;gBACxI,6BAAuB,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,GAAI,CACjK,CACP;YACD,mEAAY,EAAE,EAAC,mBAAmB,GAAG;YACrC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-toolbar',\n  styleUrl: 'ls-toolbar.css',\n  shadow: true,\n})\nexport class LsToolbar {\n  @Element() component: HTMLElement;\n\n  /**\n   * The selected items information (as JSON).\n   * {LSApiElement[]}\n   */\n  @Prop({\n    mutable: true,\n  })\n  dataItem: LSApiElement[];\n\n\n  /**\n * The group and experience information.\n * {object}\n */\n  @Prop() groupInfo: object;\n\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n\n  /**\n   * The main editor.\n   * {LSDocumentViewer}\n   */\n  @Prop({\n    mutable: true,\n  }) editor: LsDocumentViewer;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  update: EventEmitter<LSMutateEvent[]>;\n\n  // @Element() component: HTMLElement;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n    });\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement);\n    this.mutate.emit(diffs);\n  }\n\n  render() {\n    return (\n      <Host>\n        { (this.dataItem && this.dataItem.length > 1) ? (\n          <div class={'rowbox'}>\n            <ls-field-format dataItem={this?.dataItem} />\n          </div>\n        ) : (\n          <div class={'rowbox'}>\n            <ls-field-format dataItem={this?.dataItem} style={{ visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' }} />\n            <ls-participant-select id=\"ls-participant-select\" roles={this.template?.roles} style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }} />\n          </div>\n        )}\n        <ls-tooltip id=\"ls-tooltip-master\" />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-n8Mvlim4.js';
+import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-CPZtW_1V.js';
 
 const LsDocumentOptions = LsDocumentOptions$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,46 +1,46 @@
 import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as alter, o as oob, u as updateTemplate, r as recalculateCoordinates, d as defineCustomElement$J, m as matchData, v as validate, b as moveField, g as getApiType, c as addField, e as getTemplate } from './p-CYmYmhQR.js';
-import { d as defineCustomElement$D, m as mouseClick, a as mouseDown, b as mouseMove, c as mouseUp, e as mouseDoubleClick, f as mouseDrop } from './p-DR6nQwpS.js';
+import { a as alter, o as oob, u as updateTemplate, r as recalculateCoordinates, d as defineCustomElement$J, m as matchData, v as validate, b as moveField, g as getApiType, c as addField, e as getTemplate } from './p-DsR1ud4V.js';
+import { d as defineCustomElement$D, m as mouseClick, a as mouseDown, b as mouseMove, c as mouseUp, e as mouseDoubleClick, f as mouseDrop } from './p-BxPfWmRj.js';
 import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$K } from './p-n8Mvlim4.js';
+import { d as defineCustomElement$K } from './p-CPZtW_1V.js';
 import { d as defineCustomElement$I } from './p-Dz_jxFKX.js';
 import { d as defineCustomElement$H } from './p-D0cZaxkO.js';
-import { d as defineCustomElement$G } from './p-BNg8t35-.js';
-import { d as defineCustomElement$F } from './p-VTbVKsqR.js';
-import { d as defineCustomElement$E } from './p-Dhhv3wHm.js';
-import { d as defineCustomElement$C } from './p-C6vXxe-0.js';
-import { d as defineCustomElement$B } from './p-BwLBJKzU.js';
-import { d as defineCustomElement$A } from './p-5KCL3hvK.js';
-import { d as defineCustomElement$z } from './p-WBcBFI9v.js';
-import { d as defineCustomElement$y } from './p-DsHIGb44.js';
-import { d as defineCustomElement$x } from './p-DVjWdmVm.js';
+import { d as defineCustomElement$G } from './p-YcP4tU0u.js';
+import { d as defineCustomElement$F } from './p-aA8RuwY_.js';
+import { d as defineCustomElement$E } from './p-DYQekJvr.js';
+import { d as defineCustomElement$C } from './p-CGQK3l8F.js';
+import { d as defineCustomElement$B } from './p-Co-Giqfy.js';
+import { d as defineCustomElement$A } from './p-KMRQyALr.js';
+import { d as defineCustomElement$z } from './p-DGiUKXDO.js';
+import { d as defineCustomElement$y } from './p-C9CUft6J.js';
+import { d as defineCustomElement$x } from './p-iIvOyhST.js';
 import { d as defineCustomElement$w } from './p-BQZBAjo_.js';
-import { d as defineCustomElement$v } from './p-DL5OFC6L.js';
-import { d as defineCustomElement$u } from './p-B016luU7.js';
-import { d as defineCustomElement$t } from './p-SBrheH1U.js';
-import { d as defineCustomElement$s } from './p-DJ2drrXa.js';
-import { d as defineCustomElement$r } from './p-BMH2H6ZU.js';
-import { d as defineCustomElement$q } from './p-CNL8fkln.js';
-import { d as defineCustomElement$p } from './p-BNetnt57.js';
-import { d as defineCustomElement$o } from './p-SRaB2k2a.js';
-import { d as defineCustomElement$n } from './p--CN66FDL.js';
-import { d as defineCustomElement$m } from './p-C5h5dv41.js';
+import { d as defineCustomElement$v } from './p-C6TaBByt.js';
+import { d as defineCustomElement$u } from './p-Czz58vGf.js';
+import { d as defineCustomElement$t } from './p-DMZN9Rei.js';
+import { d as defineCustomElement$s } from './p-HpepQ3-E.js';
+import { d as defineCustomElement$r } from './p-C_uR3x8J.js';
+import { d as defineCustomElement$q } from './p-DskHTNiF.js';
+import { d as defineCustomElement$p } from './p-CDgBo5Zz.js';
+import { d as defineCustomElement$o } from './p-w39shV-b.js';
+import { d as defineCustomElement$n } from './p-CDGosSW8.js';
+import { d as defineCustomElement$m } from './p-DoAxt8ZN.js';
 import { d as defineCustomElement$l } from './p-Bi1Fu2dm.js';
 import { d as defineCustomElement$k } from './p-DFVuN2lH.js';
 import { d as defineCustomElement$j } from './p-D95fiMAP.js';
 import { d as defineCustomElement$i } from './p-Du60SSaA.js';
 import { d as defineCustomElement$h } from './p-CvKjrahQ.js';
 import { d as defineCustomElement$g } from './p-CazTGpgq.js';
-import { d as defineCustomElement$f } from './p-GUP3f2W9.js';
-import { d as defineCustomElement$e } from './p-C3WsOnJj.js';
+import { d as defineCustomElement$f } from './p-w7mOEBr4.js';
+import { d as defineCustomElement$e } from './p-CgKvhxXq.js';
 import { d as defineCustomElement$d } from './p-BcSJFRsU.js';
 import { d as defineCustomElement$c } from './p-CJSY3-Q3.js';
 import { d as defineCustomElement$b } from './p-BucYpLs3.js';
 import { d as defineCustomElement$a } from './p-CEB07hOR.js';
-import { d as defineCustomElement$9 } from './p-DY-DgM1S.js';
-import { d as defineCustomElement$8 } from './p-wqey-dda.js';
+import { d as defineCustomElement$9 } from './p-D_mOmvQA.js';
+import { d as defineCustomElement$8 } from './p-JIZHOmMy.js';
 import { d as defineCustomElement$7 } from './p-DKaEsQyk.js';
-import { d as defineCustomElement$6 } from './p-BkY_IdVa.js';
+import { d as defineCustomElement$6 } from './p-DpHCeHja.js';
 import { d as defineCustomElement$5 } from './p-hah4tKwY.js';
 import { d as defineCustomElement$4 } from './p-DoQc-O0l.js';
 import { d as defineCustomElement$3 } from './p-Cie27m-1.js';
@@ -35110,9 +35110,6 @@ function keyDown(ev) {
             this.mutate.emit(arr.map(s => {
                 return { action: 'delete', data: s.dataItem };
             }));
-            this.update.emit(arr.map(s => {
-                return { action: 'delete', data: s.dataItem };
-            }));
         }
         else if (ev.key === 'd' || ev.key === 'D' || ev.key === 'keyD') {
             const arr = Array.from(this.selected);
@@ -35126,7 +35123,6 @@ function keyDown(ev) {
                 return { action: 'create', data: newItem, select: 'clear' };
             });
             this.mutate.emit(createdItems.map(item => ({ action: 'create', data: item.data })));
-            this.update.emit(createdItems);
         }
         else if (ev.key === 'Escape') {
             console.log('Clearing selection');
@@ -39386,7 +39382,6 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         this.pageChange = createEvent(this, "pageChange", 7);
         this.selectFields = createEvent(this, "selectFields", 7);
         this.mutate = createEvent(this, "mutate", 7);
-        this.update = createEvent(this, "update", 7);
     }
     get component() { return this; }
     isPageRendering;
@@ -39546,13 +39541,13 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
     selectFields;
     // Send an external event to be processed
     mutate;
-    // Send an internal event to be processed
-    update;
     adapter;
     // Action an external data action and use the result (if required)
     mutateHandler(event) {
         if (this.token && this.adapter)
-            event.detail.forEach(me => this.adapter.handleEvent(me, this.token).then(result => matchData.bind(this)(result)));
+            event.detail.forEach(me => this.adapter.handleEvent(me, this.token)
+                .then(result => matchData.bind(this)(result))
+                .then(() => this.syncChange(me)));
     }
     handleFieldTypeSelected(event) {
         const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');
@@ -39562,11 +39557,6 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         this.fieldTypeSelected = event.detail;
     }
     // Updates are internal event between LS controls not to be confused with mutate
-    updateHandler(event) {
-        if (event.detail)
-            event.detail.forEach(fx => this.syncChange(fx));
-    }
-    // Updates are internal event between LS controls not to be confused with mutate
     addParticpantHandler(event) {
         const defaultExperience = this.groupInfo.experienceConnection.experiences.find(x => x.defaultExperience === true);
         const parent = this._template.roles.find(r => r.id === event.detail.parent);
@@ -39586,7 +39576,6 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                 },
             },
         ];
-        this.update.emit(data);
         this.mutate.emit(data);
     }
     // Updates are internal event between LS controls not to be confused with mutate
@@ -39819,7 +39808,6 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                 this.selected = Array.from(fields).filter(fx => fx.selected);
             }
             else if (update.action === 'delete') {
-                console.log('Deleting field via syncChange', update.data);
                 const fi = this.component.shadowRoot.getElementById('ls-field-' + update.data.id);
                 if (!fi)
                     return;
@@ -39925,7 +39913,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
     }
     render() {
-        return (h(Host, { key: '868e5839c2093b1b0e2ca126fd5b1a6ade5165b0' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: 'f9ccc5ab71135246caf9905842863d2cad6f61b6' }), h("div", { key: '2d0e6c0a892b0df8f8b82b8838f48205fe57dfda', class: "page-header" }, h("div", { key: '17720d0486d7674dafd681701f705a6c5cefc802', class: 'left-slot-wrapper' }, h("slot", { key: 'ee04537b58ccd6b14cff617cb57d7069805f776c', name: "left-button" })), h("div", { key: 'f829c4cd146e924d5d48e6449d30178f9957e7db', class: 'right-slot-wrapper' }, h("slot", { key: '081b0037d3865e78271994ebce81c83942cf1d76', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '3667fe03422e7d4100e51f600a89718631dd6920' }, h("span", { key: '65e60cd936d7a31742332c1aaf897e11f7519d13', class: "header-text-1" }, "Template Creation"), h("span", { key: 'c4ceaba10b9e6325c190b32433598671bcafa012' }, "/"), h("span", { key: '1ee7afec9ec1791af557b99dbe745f88cbb8db06', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: 'bf2516e00f2b07e823906cc10edb70275b7bebe4', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("span", { key: '94abf7bcf876339afba7994d85e48514c2073e69', class: "header-text-1" }, "Compose"), " ", h("span", { key: 'b00585e269ae956fd45aca6b0ab1741a3a3bcdcd' }, "/"), " ", h("ls-title-input", { key: 'b4300df223f19ad06e779ebd9d5b35aa7d75cb75', template: this._template })))), this.mode === 'editor' && (h("div", { key: 'dd81b1a20596e3a955389b6e876321f67a1c695c', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: '82de75ddd3ddc47a31a67e474b45e73d6d97fb62', validationErrors: this.validationErrors }))), h("form", { key: '4b47c5dd6740468d32b49931142a594f2c091029', id: "ls-editor-form" }, this.mode !== 'preview' ? (h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (h("ls-feature-column", { mode: this.mode, onManage: manager => {
+        return (h(Host, { key: '592c7144dc4fd461a0d3b8e227db8e4048467c9f' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: '113947587a6fe8e00d89ed00edde9afc8be74593' }), h("div", { key: '677507d66bd4838f83b23b3709a150f3d84f29bd', class: "page-header" }, h("div", { key: '22a111c262260ccba582b3d67e3821e26600b6d9', class: 'left-slot-wrapper' }, h("slot", { key: '6cbdd90b06fe4932945be175c34d30425315fa0f', name: "left-button" })), h("div", { key: '69fc0abcc276a7df62c64f8110be565fcf64543f', class: 'right-slot-wrapper' }, h("slot", { key: '5fcd702fb09f97d0e3ad7c36c1964a4f76511c56', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '26c37fb4933d625f83b4e2e79c64fc404a2bca83' }, h("span", { key: 'ff58207753e287214f7b54301067812ac7a1864f', class: "header-text-1" }, "Template Creation"), h("span", { key: '91f36b80b04d9dd46ebc04250f28c1e0a9ae340a' }, "/"), h("span", { key: 'f0b3432388b7924e8c7e88d088ec8882e74da179', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '174d1395ed9283ccfff0e7054d922d1a099d6ac6', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("span", { key: 'e45eede718f3acfbf2597e207ac84cda4f3d93f5', class: "header-text-1" }, "Compose"), " ", h("span", { key: '18f911514cf2b4c5058cb49de8b93cfc9d7319a3' }, "/"), " ", h("ls-title-input", { key: '71f7afcfed3fa23b92a81a22211578e5a1ae0837', template: this._template })))), this.mode === 'editor' && (h("div", { key: '44e9e1b2e8e9a8d8d3bfe49075bd9c27272d0bfd', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: '15ab405d7eddf10eba6adc64f2ca9460ae05f3bc', validationErrors: this.validationErrors }))), h("form", { key: '38a29a27b4fac98b46fcff7748e1225bc44b2220', id: "ls-editor-form" }, this.mode !== 'preview' ? (h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (h("ls-feature-column", { mode: this.mode, onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -39936,7 +39924,6 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                 }
                 else if (manager.detail === 'validation') {
                     var validationManager = this.component.shadowRoot.getElementById('ls-validation-manager');
-                    console.log(validationManager);
                     validationManager.validationErrors = this.validationErrors;
                 }
                 this.manager = manager.detail;
@@ -39944,7 +39931,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             this._recipients.map(recipient => (h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))))), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
                 this.selected = [];
                 e.preventDefault();
-            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), this.selected.length > 0 && h("ls-toolbar", { key: '6e35179336337d805786da6949a38fb8bae66a2b', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: 'acbdff7e6ae94ac87e8b639218078860474f30ee', id: "ls-mid-area" }, h("div", { key: '3124125b9717481915d341ff60b6a9e19c0408c4', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '8cdf8b2b217a59e6b1ddfbdc3b1cb41c8a52f013', id: "ls-document-frame" }, h("canvas", { key: '7b70e383cd1dea52a05e061f1cbd6533b8161a21', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: 'bb76bf679eb545950935315d7bdd5445ef5018a7', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '89a2c765733293159007e3ea77e13df296c136b5', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'fdcca67071018e732d363c477e1222d1a25d4f7c', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: '3dc86980350380030cd5c414ead089bb1f6b5834', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), this.selected.length > 0 && h("ls-toolbar", { key: 'a88185257ac871dc06d0cdfb469ce707f5181e4d', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: '45e36f82ccbc164030b88b77d5e5bee3d492adbd', id: "ls-mid-area" }, h("div", { key: 'ccfb67c4439afa826187684cb5607aa578d7e2c7', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '8db690eef40e7681d55a741dd73b5baf04746b65', id: "ls-document-frame" }, h("canvas", { key: 'b3c5a5dd0628bc64ed4778331d55f9e21379b030', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: 'ad39cdc485dc2338cd1a0d352d80b86c9c21aa02', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '50f7fd13fa475862059e0068282dd679b019f53a', id: "ls-box-selector" }))), h("ls-statusbar", { key: '21e4863029cf8b59ad3f902a5dc9c2658aa1cefe', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: 'd55c2e32d2b66bd63aa0fa20873e753736a7aff2', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],
@@ -39985,7 +39972,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         "pagePrev": [64],
         "unselect": [64],
         "setZoom": [64]
-    }, [[0, "mutate", "mutateHandler"], [0, "fieldTypeSelected", "handleFieldTypeSelected"], [0, "update", "updateHandler"], [0, "addParticipant", "addParticpantHandler"], [0, "changeSigner", "updateSigner"], [0, "selectFields", "selectFieldsHandler"], [0, "roleChange", "roleHandler"]], {
+    }, [[0, "mutate", "mutateHandler"], [0, "fieldTypeSelected", "handleFieldTypeSelected"], [0, "addParticipant", "addParticpantHandler"], [0, "changeSigner", "updateSigner"], [0, "selectFields", "selectFieldsHandler"], [0, "roleChange", "roleHandler"]], {
         "mode": ["modeHandler"],
         "zoom": ["zoomChanged"]
     }]);