legalesign-document-viewer 0.4.0 → 0.4.2
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.
- package/dist/cjs/ls-document-options_45.cjs.entry.js +17 -6
- package/dist/cjs/ls-document-options_45.cjs.entry.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +3 -3
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +14 -3
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js.map +1 -1
- package/dist/components/ls-document-viewer.js +6 -6
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/{p-C8TAonIH.js → p-BIqQK9GI.js} +3 -3
- package/dist/components/{p-C8TAonIH.js.map → p-BIqQK9GI.js.map} +1 -1
- package/dist/components/{p-CrXwf_vC.js → p-COypjAnE.js} +16 -5
- package/dist/components/p-COypjAnE.js.map +1 -0
- package/dist/components/{p-CTP4wFFE.js → p-Kpy4Ytig.js} +3 -3
- package/dist/components/{p-CTP4wFFE.js.map → p-Kpy4Ytig.js.map} +1 -1
- package/dist/esm/ls-document-options_45.entry.js +17 -6
- package/dist/esm/ls-document-options_45.entry.js.map +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-f99e5789.entry.js → p-ac008cdb.entry.js} +3 -3
- package/dist/ls-document-viewer/p-ac008cdb.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/p-CrXwf_vC.js.map +0 -1
- package/dist/ls-document-viewer/p-f99e5789.entry.js.map +0 -1
|
@@ -25385,8 +25385,8 @@ const LsDocumentViewer = class {
|
|
|
25385
25385
|
this.initViewer();
|
|
25386
25386
|
if (this.mode === 'compose') {
|
|
25387
25387
|
this.manager = 'recipient';
|
|
25388
|
+
this._recipients = JSON.parse(this.recipients.replace('\u0022', '"'));
|
|
25388
25389
|
}
|
|
25389
|
-
this._recipients = JSON.parse(this.recipients.replace('\u0022', '"'));
|
|
25390
25390
|
//Revalidate
|
|
25391
25391
|
this.validationErrors = validate.bind(this)(this._template);
|
|
25392
25392
|
this.pageCount = this._template.pageCount;
|
|
@@ -25409,7 +25409,7 @@ const LsDocumentViewer = class {
|
|
|
25409
25409
|
return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
|
|
25410
25410
|
}
|
|
25411
25411
|
render() {
|
|
25412
|
-
return (index.h(index.Host, { key: '
|
|
25412
|
+
return (index.h(index.Host, { key: '18a633cb175d9c7e76e56bf01e3c8424d32ab585' }, index.h(index.h.Fragment, null, this.isLoading && index.h("ls-page-loader", { key: '25a75f7af8e901df2fb9437d2919aa57457129cb' }), index.h("div", { key: '2fdeda62dd2c01754129b6d862aa3c3d5a2a1bdc', class: "page-header" }, index.h("div", { key: 'e44f3c112b65616bef7ac1cc4d6c5bf52c9b412a', class: 'left-slot-wrapper' }, index.h("slot", { key: 'eabed050a68f35292d52342623c6a4f2c2b92a9e', name: "left-button" })), index.h("div", { key: '1d4a9b8686e483864dbd47cc070425cf549bddca', class: 'right-slot-wrapper' }, index.h("slot", { key: '920bf1ffa9cdd895c1d4e66dd051ce41ad100a45', name: "right-button" })), this.mode === 'editor' && (index.h("div", { key: 'bda295d8ee65a355b25d8eb6679525a2d62e011c' }, index.h("span", { key: '997ef8d75cb7edafb33a6dcfbd1bbf2f9a0465f4', class: "header-text-1" }, "Template Creation"), index.h("span", { key: '855cd0855037a719dc9f0611cdb917bfa12db68b' }, "/"), index.h("span", { key: 'd540dcabca2c39bdb479ae9d5fbaf3a370c88be9', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (index.h("div", { key: '3c564705e5bdc91b1a3c1f490dac2ec2dd9ba20a' }, index.h("span", { key: 'a65c1bf128737b35c331b949eb184e20488c3e0f', class: "header-text-1" }, "Compose"), " ", index.h("span", { key: 'bba6eb666e75486141c87addab7060a7f863007a' }, "/"), " ", index.h("span", { key: '5a754925c20d7114601f363560284acaa30387f4', class: "header-text-2" }, this._template?.title)))), this.mode === 'editor' && (index.h("div", { key: 'f181cf2c95e1ccd0955aad5945b949706319d398', class: 'validation-tag-wrapper' }, index.h("ls-validation-tag", { key: 'f0ee01d4e1aefc4caa16cfc40037c950b18c7ea7', validationErrors: this.validationErrors }))), index.h("form", { key: '168931f3d1225b9f2ffeecd507cd1b24c2e3978a', id: "ls-editor-form" }, this.mode !== 'preview' ? (index.h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (index.h("ls-feature-column", { mode: this.mode, onManage: manager => {
|
|
25413
25413
|
if (manager.detail === 'document') {
|
|
25414
25414
|
var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
|
|
25415
25415
|
documentManager.template = this._template;
|
|
@@ -25428,7 +25428,7 @@ const LsDocumentViewer = class {
|
|
|
25428
25428
|
this._recipients.map(recipient => (index.h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors }))))), !this.displayTable && (index.h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
|
|
25429
25429
|
this.selected = [];
|
|
25430
25430
|
e.preventDefault();
|
|
25431
|
-
}, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), this.selected.length > 0 && index.h("ls-toolbar", { key: '
|
|
25431
|
+
}, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), this.selected.length > 0 && index.h("ls-toolbar", { key: '3e5ba341473bf08a29091ab12c3fee99bbdc2671', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), index.h("div", { key: 'a929a78238ace37b999bc30a4410c9ec23a8cfbe', id: "ls-mid-area" }, index.h("div", { key: 'c6da6a55d0d837b301222cbcbbef093475345b51', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: 'f442db65d13cc0accc891528e0cbd63b78d0dfb1', id: "ls-document-frame" }, index.h("canvas", { key: '678382556830d4e99a651378e1898cbf2b537bd6', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: '6309f63776709b22b169ba539c780795bee2132a', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '0e6b11139b50ab2ee5d9a1162e29f9a4122e1f92', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: 'e2f14c7674d5ba0ac660ab8e02c9c55195a3b6b6', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: '6fbd2449f461859b491a6754996ba149256a4857', id: "ls-tooltip-master" })));
|
|
25432
25432
|
}
|
|
25433
25433
|
static get watchers() { return {
|
|
25434
25434
|
"mode": ["modeHandler"]
|
|
@@ -36035,6 +36035,17 @@ const LsToolboxField = class {
|
|
|
36035
36035
|
isSelected = false;
|
|
36036
36036
|
fieldTypeSelected;
|
|
36037
36037
|
handleDragStart(event) {
|
|
36038
|
+
var canvas = document.createElement('div');
|
|
36039
|
+
canvas.style.position = 'absolute';
|
|
36040
|
+
canvas.style.left = '-100%';
|
|
36041
|
+
canvas.style.zIndex = '-100';
|
|
36042
|
+
canvas.style.height = this.defaultHeight + 'px';
|
|
36043
|
+
canvas.style.width = this.defaultWidth + 'px';
|
|
36044
|
+
canvas.style.backgroundColor = 'rgba(255, 255, 255, 1)';
|
|
36045
|
+
canvas.style.border = `1px dashed ${defaultRolePalette[this.signer % 100].s60}`;
|
|
36046
|
+
canvas.innerHTML = this.formElementType;
|
|
36047
|
+
document.body.appendChild(canvas);
|
|
36048
|
+
event.dataTransfer.setDragImage(canvas, -50, -20);
|
|
36038
36049
|
// Add the target element's id to the data transfer object
|
|
36039
36050
|
event.dataTransfer.setData('application/json', JSON.stringify({
|
|
36040
36051
|
formElementType: this.formElementType,
|
|
@@ -36055,7 +36066,7 @@ const LsToolboxField = class {
|
|
|
36055
36066
|
attachAllTooltips(this.component.shadowRoot);
|
|
36056
36067
|
}
|
|
36057
36068
|
render() {
|
|
36058
|
-
return (index.h(index.Host, { key: '
|
|
36069
|
+
return (index.h(index.Host, { key: 'b8ba3bf139801233d2d81b5648d1a638505e0972', draggable: "true" }, index.h("div", { key: '9f6f1f44479fa2157daf47a3504b689d9e420b7b', class: 'ls-toolbox-field', style: this.isSelected && {
|
|
36059
36070
|
background: defaultRolePalette[this.signer % 100].s10,
|
|
36060
36071
|
border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
|
|
36061
36072
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
@@ -36070,9 +36081,9 @@ const LsToolboxField = class {
|
|
|
36070
36081
|
defaultWidth: this.defaultWidth,
|
|
36071
36082
|
fixedAspect: this.fixedAspect,
|
|
36072
36083
|
});
|
|
36073
|
-
} }, index.h("div", { key: '
|
|
36084
|
+
} }, index.h("div", { key: '30345c85a9b6b6a721813bb4f013087b4a8cabba', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '765ea21ea33d53efd63ba1b79a1f573cf86d51e8', name: this.icon, size: "20" })), index.h("p", { key: '233dc63ee920abb8402e44b0ba9c5398034bb5bb', class: "toolbox-field-label", style: this.isSelected && {
|
|
36074
36085
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
36075
|
-
} }, this.label), this.redDot && (index.h("div", { key: '
|
|
36086
|
+
} }, this.label), this.redDot && (index.h("div", { key: '9f4c19c86d0a4dad73e0d3f9b4607e845065ed0c', class: 'warning-box' }, index.h("ls-icon", { key: 'd304104665589be58cfe07c425d3e27251019279', name: "exclamation-circle", size: "18", solid: true }))), index.h("ls-icon", { key: '69daa9ade2b006ee3d7e15cd92ce607c21fb7a43', name: "drag-vertical", size: "16", color: "#787a80" })), index.h("ls-tooltip", { key: '6068cd2f85ee3baf054b20d7b5738d7421894f25', id: "ls-tooltip-master", tooltipText: "Something" })));
|
|
36076
36087
|
}
|
|
36077
36088
|
};
|
|
36078
36089
|
LsToolboxField.style = lsToolboxFieldCss;
|