npm - legalesign-document-viewer - Versions diffs - 0.4.9 → 0.5.0 - Mend

legalesign-document-viewer 0.4.9 → 0.5.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-validation-tag.js","sourceRoot":"","sources":["../../../src/components/ls-validation-tag/ls-validation-tag.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\n\n@Component({\n tag: 'ls-validation-tag',\n styleUrl: 'ls-validation-tag.css',\n shadow: true,\n})\nexport class LsValidationTag {\n @Prop({ mutable: true }) status: string = 'Invalid';\n @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n @Prop({ mutable: true }) isExpanded: boolean = false;\n @Prop() type: 'compose' \| 'default' = 'default';\n @Prop() showDropDown: boolean = true;\n\n @Event() changeSigner: EventEmitter<number>;\n\n render() {\n return (\n <Host>\n <div\n class={`valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`}\n onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n >\n {this.validationErrors.length > 0 && <div class={`field-counter ${this.type === 'compose' ? 'compose' : 'default'}`}>{this.validationErrors.length}</div>}\n {this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`}\n {this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (\n <ls-icon name={this.isExpanded ? 'chevron-up' : 'chevron-down'} style={{ cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' }} />\n )}\n {this.validationErrors.length > 0 && this.type === 'compose' && <ls-icon name=\"cursor-click\" solid size=\"1rem\" customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n </div>\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n <div class={'field-dropdown'}>\n <div class={'dropdown-header'}>\n <h2>Fields Required</h2>\n <p>\n {this.validationErrors.length} {this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields'} placed for them\n </p>\n </div>\n {this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n >\n <div class={'required-field-items-left'}>\n <div class={'dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType.toLowerCase() \|\| `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n <div class={'field-dropdown compose'}>\n <div class=\"validation-tag-header\">\n <p class=\"validation-tag-title\">Recipients Missing Signature</p>\n </div>\n {this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n return (\n <div\n class=\"validation-tag-row\"\n key={idx}\n onClick={() => {\n this.changeSigner.emit(field?.role?.signerIndex);\n this.isExpanded = false;\n }}\n >\n <div class=\"validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"validation-tag-details\">\n <p class=\"validation-tag-name\">{`${field?.role?.firstname} ${field?.role?.lastname}`}</p>\n <p class=\"validation-tag-email\">{field?.role?.email}</p>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-validation-tag.js","sourceRoot":"","sources":["../../../src/components/ls-validation-tag/ls-validation-tag.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\n\n@Component({\n tag: 'ls-validation-tag',\n styleUrl: 'ls-validation-tag.css',\n shadow: true,\n})\nexport class LsValidationTag {\n @Prop({ mutable: true }) status: string = 'Invalid';\n @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n @Prop({ mutable: true }) isExpanded: boolean = false;\n @Prop() type: 'compose' \| 'default' = 'default';\n @Prop() showDropDown: boolean = true;\n\n @Event() changeSigner: EventEmitter<number>;\n\n render() {\n return (\n <Host>\n <div\n class={`valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`}\n onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n >\n {this.validationErrors.length > 0 && <div class={`field-counter ${this.type === 'compose' ? 'compose' : 'default'}`}>{this.validationErrors.length}</div>}\n {this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`}\n {this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (\n <ls-icon name={this.isExpanded ? 'chevron-up' : 'chevron-down'} style={{ cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' }} />\n )}\n {this.validationErrors.length > 0 && this.type === 'compose' && <ls-icon name=\"cursor-click\" solid size=\"1rem\" customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n </div>\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n <div class={'field-dropdown'}>\n <div class={'dropdown-header'}>\n <h2>Fields Required</h2>\n <p>\n {this.validationErrors.length} {this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields'} placed for them\n </p>\n </div>\n {this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n >\n <div class={'required-field-items-left'}>\n <div class={'dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType.toLowerCase() \|\| `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n <div class={'field-dropdown compose'}>\n <div class=\"validation-tag-header\">\n <p class=\"validation-tag-title\">Recipients Missing Signature</p>\n </div>\n {this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n return (\n <div\n class=\"validation-tag-row\"\n key={idx}\n onClick={() => {\n this.changeSigner.emit(field?.role?.signerIndex);\n this.isExpanded = false;\n }}\n >\n <div class=\"validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"validation-tag-details\">\n <p class=\"validation-tag-name\">{`${field?.role?.firstname} ${field?.role?.lastname}`}</p>\n <p class=\"validation-tag-email\">{field?.role?.email}</p>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/components/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-BnGihP6t.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-BhZ5Udbm.js';
 function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');

package/dist/components/ls-compose-manager.js CHANGED Viewed

@@ -1,11 +1,13 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-BnGihP6t.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
-const lsComposeManagerCss = ":host{display:block}";
+const lsComposeManagerCss = () => `:host{display:block}`;
 const LsComposeManager$1 = /*@__PURE__*/ proxyCustomElement(class LsComposeManager extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
     }
     /**
@@ -19,8 +21,8 @@ const LsComposeManager$1 = /*@__PURE__*/ proxyCustomElement(class LsComposeManag
                 return (h("div", null));
             })), h("slot", { key: '6fc6d3e8805e94b0560e6b46cd027479d9982366' })));
     }
-    static get style() { return lsComposeManagerCss; }
-}, [257, "ls-compose-manager", {
+    static get style() { return lsComposeManagerCss(); }
+}, [769, "ls-compose-manager", {
         "template": [16]
     }]);
 function defineCustomElement$1() {
@@ -30,8 +32,8 @@ function defineCustomElement$1() {
     const components = ["ls-compose-manager"];
     components.forEach(tagName => { switch (tagName) {
         case "ls-compose-manager":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LsComposeManager$1);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsComposeManager$1);
             }
             break;
     } });

package/dist/components/ls-compose-manager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ls-compose-manager.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,~~sBAAsB~~;;~~MCSrCA~~,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA~~;;;;;;~~AAE3B;;;AAGG;AACK,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC9B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAsB,EAAA,kBAAA,CAAA,EACvD,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,6BAA6B,EAAA,EAAA,mEAAA,CAAsE,CACxG,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAC1B,EAAA,IAAI,CAAC,QAAQ;YACZ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,MAAK;gBAC5B,QACE,CAAS,CAAA,KAAA,EAAA,IAAA,CAAA;AAEb,aAAC,CAAC,CACA,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsComposeManager","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-compose-manager/ls-compose-manager.css?tag=ls-compose-manager&encapsulation=shadow","src/components/ls-compose-manager/ls-compose-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n\n@Component({\n tag: 'ls-compose-manager',\n styleUrl: 'ls-compose-manager.css',\n shadow: true,\n})\nexport class LsComposeManager {\n\n /*\n The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() template: LSApiTemplate;\n\n render() {\n return (\n <Host>\n <div class=\"ls-editor-infobox\">\n <h2 class=\"toolbox-section-title\">Recipient Fields</h2>\n <p class=\"toolbox-section-description\">Select and Click to place Signature fields where on the Document.</p>\n </div>\n <div class=\"participant-list\">\n {this.template &&\n this.template?.roles.map(() => {\n return (\n <div />\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"ls-compose-manager.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,oBAAoB,CAAC;;MCS3CA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAE3B;;;AAGG;AACK,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC9B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAsB,EAAA,kBAAA,CAAA,EACvD,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,6BAA6B,EAAA,EAAA,mEAAA,CAAsE,CACxG,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAC1B,EAAA,IAAI,CAAC,QAAQ;YACZ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,MAAK;gBAC5B,QACE,CAAS,CAAA,KAAA,EAAA,IAAA,CAAA;AAEb,aAAC,CAAC,CACA,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsComposeManager","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-compose-manager/ls-compose-manager.css?tag=ls-compose-manager&encapsulation=shadow","src/components/ls-compose-manager/ls-compose-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n\n@Component({\n tag: 'ls-compose-manager',\n styleUrl: 'ls-compose-manager.css',\n shadow: true,\n})\nexport class LsComposeManager {\n\n /*\n The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() template: LSApiTemplate;\n\n render() {\n return (\n <Host>\n <div class=\"ls-editor-infobox\">\n <h2 class=\"toolbox-section-title\">Recipient Fields</h2>\n <p class=\"toolbox-section-description\">Select and Click to place Signature fields where on the Document.</p>\n </div>\n <div class=\"participant-list\">\n {this.template &&\n this.template?.roles.map(() => {\n return (\n <div />\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

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

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