legalesign-document-viewer 0.2.6 → 0.2.7

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DjfDnBZ1.js';
-import { d as defaultRolePalette } from './p-C00GqV9f.js';
+import { d as defaultRolePalette } from './p-D1OQM-9f.js';
 import { a as alter, o as oob, m as matchData, g as getApiType } from './p-DqJ_uIFZ.js';
 import { d as defineCustomElement$B } from './p-BneR1hef.js';
-import { d as defineCustomElement$A } from './p-xCgJuAC2.js';
+import { d as defineCustomElement$A } from './p-ynMP52Os.js';
 import { d as defineCustomElement$z } from './p-C9AqDCzm.js';
 import { d as defineCustomElement$y } from './p-DVz19y7K.js';
 import { d as defineCustomElement$x } from './p-DzmtJl3e.js';
@@ -11,31 +11,31 @@ import { d as defineCustomElement$v } from './p-CttUZd3c.js';
 import { d as defineCustomElement$u } from './p-3LU2FV3W.js';
 import { d as defineCustomElement$t } from './p-DjavAQqZ.js';
 import { d as defineCustomElement$s } from './p-DoywjJAr.js';
-import { d as defineCustomElement$r } from './p-1Ir9-yQU.js';
+import { d as defineCustomElement$r } from './p-DqToFDz3.js';
 import { d as defineCustomElement$q } from './p-CfCokEUT.js';
 import { d as defineCustomElement$p } from './p-Dzn5xAM4.js';
-import { d as defineCustomElement$o } from './p-DCLBmOtj.js';
-import { d as defineCustomElement$n } from './p-ucaurEVy.js';
-import { d as defineCustomElement$m } from './p-EsA1p6L3.js';
-import { d as defineCustomElement$l } from './p-C6YMMVJ1.js';
-import { d as defineCustomElement$k } from './p-DzHh5tyo.js';
-import { d as defineCustomElement$j } from './p-DEE854iZ.js';
-import { d as defineCustomElement$i } from './p-B7VyU7YH.js';
-import { d as defineCustomElement$h } from './p-BSN2cMdj.js';
-import { d as defineCustomElement$g } from './p-rEZh-cMt.js';
+import { d as defineCustomElement$o } from './p-CE67ypMe.js';
+import { d as defineCustomElement$n } from './p-CuxAfM9m.js';
+import { d as defineCustomElement$m } from './p-Bj9FzNSh.js';
+import { d as defineCustomElement$l } from './p-BjBJRt5-.js';
+import { d as defineCustomElement$k } from './p-B6Dqll_2.js';
+import { d as defineCustomElement$j } from './p-BYkgi-J_.js';
+import { d as defineCustomElement$i } from './p-7mvMkVRb.js';
+import { d as defineCustomElement$h } from './p-LFkQIFv6.js';
+import { d as defineCustomElement$g } from './p-D4doNXE5.js';
 import { d as defineCustomElement$f } from './p-Bpzk1RMu.js';
 import { d as defineCustomElement$e } from './p-aOAZ6c8y.js';
 import { d as defineCustomElement$d } from './p-p3xY_X0j.js';
 import { d as defineCustomElement$c } from './p-DY_A9zAm.js';
-import { d as defineCustomElement$b } from './p-Bh-iiZW1.js';
-import { d as defineCustomElement$a } from './p-D4JCAjlc.js';
+import { d as defineCustomElement$b } from './p-BedUS-Pi.js';
+import { d as defineCustomElement$a } from './p-CbUCAzmE.js';
 import { d as defineCustomElement$9 } from './p-BsqbS8f_.js';
 import { d as defineCustomElement$8 } from './p-Bby5tjrS.js';
 import { d as defineCustomElement$7 } from './p-BCpsA9BY.js';
 import { d as defineCustomElement$6 } from './p-JBc2BCIT.js';
 import { d as defineCustomElement$5 } from './p-lTOSc-NN.js';
 import { d as defineCustomElement$4 } from './p-BPkbTOIU.js';
-import { d as defineCustomElement$3 } from './p-D_ZsRxGa.js';
+import { d as defineCustomElement$3 } from './p-DYZGkZmu.js';
 import { d as defineCustomElement$2 } from './p-CtMHOHAp.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -24583,11 +24583,6 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
      * {boolean}
      */
     toolboxFilter = null;
-    /**
-     * Allows you to change the colours used for each role in the template.
-     * {SignerColor[]}
-     */
-    roleColors = defaultRolePalette;
     //
     // --- Event Emitters --- //
     //
@@ -24839,10 +24834,10 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             this.load();
     }
     signerColor = (index) => {
-        return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
+        return defaultRolePalette[index % 100].s60 || defaultRolePalette[0].s60;
     };
     render() {
-        return (h(Host, { key: 'f0fc2b823aa34e9602080b6f43fa3d6a17644905' }, h(h.Fragment, null, h("div", { key: '9df7db9dd181820cc6c192edc1a93984a8a027a7', class: "page-header" }, h("p", { key: '43e253591b967eff115f0e95f39c42dda5370f65', class: "header-text-1" }, "Template Creation"), h("p", { key: '27a2c45ef973ed2a39a88506dd4a3e36748fa861' }, "/"), h("p", { key: 'a31c7b901fe689d11208fc7dccc76838fbb126d0', class: "header-text-2" }, "Template Name")), h("form", { key: '7bad0edc525c32943bea2a39eca6de3515287263', id: "ls-editor-form" }, this.showtoolbox === true ? (h("div", { class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { onManage: manager => {
+        return (h(Host, { key: '859d2cc0c98f729ebacb16f36cee16dd28af7c2d' }, h(h.Fragment, null, h("div", { key: '4be8fb9ad4c7d583b474e3b23b1f1006ba1c2d08', class: "page-header" }, h("p", { key: '2cc24d403cc217a4e2f5b2ef109412a6396f2c4a', class: "header-text-1" }, "Template Creation"), h("p", { key: '3cc17aa5ef734022e85ef1e8501c9f1b22a8d5e9' }, "/"), h("p", { key: '5524c9eb62a096563eaad2f09af00c41df806ac7', class: "header-text-2" }, "Template Name")), h("form", { key: '3bc3f5317106ea2c4cabe42a70451906e0f13ac3', id: "ls-editor-form" }, this.showtoolbox === true ? (h("div", { class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -24855,7 +24850,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             } }), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Participant Fields"), h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { class: "fields-box" }, this.signer > 0 ? (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", color: this.signerColor(this.signer) })) : (h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", color: this.signerColor(this.signer) })), h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", color: this.signerColor(this.signer) }), h("div", { class: 'expand-fields-row', onClick: () => (this.expandfields = !this.expandfields) }, h("ls-icon", { name: this.expandfields ? 'expand' : 'collapse', size: "20", solid: true }), h("p", null, "More Field Types")), this.expandfields && (h("div", { class: "fields-box" }, h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", color: this.signerColor(this.signer) }), h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", color: this.signerColor(this.signer) }))))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), this.showrightpanel && !this.displayTable && (h("div", { class: this.selected && 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();
-            } }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("div", { key: '776dff168c249752f400db7b80e740f3e2684e60', id: "ls-mid-area" }, h("ls-toolbar", { key: '7084a21f22f891d6fb33c1642b6167dbe674268f', id: "ls-toolbar", dataItem: this.selected ? this.selected.map(s => s.dataItem) : null, template: this._template }), h("div", { key: '8276d3e37a4171b82ab9d5d9913447a23e583d91', class: 'document-frame-wrapper' }, h("div", { key: '746d82daa6ebdd758c12f343d88ee7d8cc6742a6', class: 'spacer' }), h("div", { key: '4f5c297f03666429ad49331c768413b48a5ec397', id: "ls-document-frame" }, h("canvas", { key: 'f3042a35c1f9b9b91973cb87e11019a2488687a3', id: "pdf-canvas", class: this.displayTable ? 'hidden' : '' }), h("ls-editor-table", { key: '9005b00b5e5b56c568a26ee79be8636c8280bb93', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '88ba70e9e18d000cca60eaaa77bf976e0e019fa6', id: "ls-box-selector" }))), h("ls-statusbar", { key: '634e045de512429e15fff2680def5ce870bf2142', editor: this }))))));
+            } }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("div", { key: '396f65ae8dfd571d289bfc42816c040828e8fb88', id: "ls-mid-area" }, h("ls-toolbar", { key: '1a621e6b7c8dad1f0a4178f94ba9d069fb129a1d', id: "ls-toolbar", dataItem: this.selected ? this.selected.map(s => s.dataItem) : null, template: this._template }), h("div", { key: 'eae5daf190f5e3bdd39823a97cec71cfb2a0fea9', class: 'document-frame-wrapper' }, h("div", { key: 'c97bb669bffc774f5b3eb9a3a30d73929c08e3a5', class: 'spacer' }), h("div", { key: 'd0c6f96d9a08ae6c0c792e2dc0ef36ef3a631b77', id: "ls-document-frame" }, h("canvas", { key: 'efcdc3c09c8336e3be0e51afa560b3755519e308', id: "pdf-canvas", class: this.displayTable ? 'hidden' : '' }), h("ls-editor-table", { key: '298a8c1c28d7965e3a622006d2dd8de7005ba7b7', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '844cda3669af25400cc2b41094c3344c5cd60264', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'a170950405cde15290542c96fcdfc0609f81a552', editor: this }))))));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],
@@ -24881,7 +24876,6 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         "readonly": [4],
         "showtableview": [4],
         "toolboxFilter": [1, "toolbox-filter"],
-        "roleColors": [16, "role-colors"],
         "_template": [32],
         "_group": [32],
         "selected": [32],