@verdocs/web-sdk 4.2.129 → 4.2.130
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/verdocs-field-attachment_13.cjs.entry.js +5 -3
- package/dist/cjs/verdocs-sign.cjs.entry.js +1 -1
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +1 -1
- package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.js +3 -1
- package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +2 -2
- package/dist/components/verdocs-field-dropdown2.js +3 -1
- package/dist/components/verdocs-field-signature2.js +2 -2
- package/dist/components/verdocs-sign.js +1 -1
- package/dist/esm/verdocs-field-attachment_13.entry.js +5 -3
- package/dist/esm/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts +1 -0
- package/dist/verdocs-web-sdk/p-267df026.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-4e6fdce4.system.entry.js → p-2a15d2b0.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-7244e4e3.entry.js → p-47c13c5b.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-718c16bf.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-fa9e69c4.system.entry.js → p-9d4c0c1f.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/custom-elements.json +0 -2061
- package/dist/verdocs-web-sdk/p-a33aad57.entry.js +0 -1
@@ -329,11 +329,13 @@ const VerdocsFieldDropdown = class {
|
|
329
329
|
this.focused = false;
|
330
330
|
}
|
331
331
|
async focusField() {
|
332
|
+
var _a;
|
332
333
|
// Our input field is fake, so we fake the flash too
|
333
334
|
this.focused = true;
|
334
335
|
setTimeout(() => {
|
335
336
|
this.focused = false;
|
336
337
|
}, 500);
|
338
|
+
(_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
|
337
339
|
}
|
338
340
|
handleChange(e) {
|
339
341
|
this.fieldChange.emit(e.target.value);
|
@@ -365,7 +367,7 @@ const VerdocsFieldDropdown = class {
|
|
365
367
|
// TODO: Look for other places this mistaken assumption was made.
|
366
368
|
// Defaults only apply in destructuring if undefined. null doesn't trigger it.
|
367
369
|
options || (options = []);
|
368
|
-
return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, index.h("option", { value: "" }, "Select..."), options.map(option => (index.h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && index.h("option", { value: "NA" }, "N/A")), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
|
370
|
+
return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, index.h("option", { value: "" }, "Select..."), options.map(option => (index.h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && index.h("option", { value: "NA" }, "N/A")), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
|
369
371
|
e.stopPropagation();
|
370
372
|
this.showingProperties = !this.showingProperties;
|
371
373
|
} }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
|
@@ -624,9 +626,9 @@ const VerdocsFieldSignature = class {
|
|
624
626
|
const { base64 } = field.settings || {};
|
625
627
|
const backgroundColor = jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role_name));
|
626
628
|
if (done) {
|
627
|
-
return index.h(index.Host, { class: { done } }, value && index.h("img", { src: base64, alt: "
|
629
|
+
return index.h(index.Host, { class: { done } }, value && index.h("img", { src: base64, alt: "" }));
|
628
630
|
}
|
629
|
-
return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), base64 ? index.h("img", { src: base64, alt: "
|
631
|
+
return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), base64 ? index.h("img", { src: base64, alt: "" }) : index.h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
|
630
632
|
e.stopPropagation();
|
631
633
|
this.showingProperties = !this.showingProperties;
|
632
634
|
} }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
|
@@ -422,7 +422,7 @@ const VerdocsSign = class {
|
|
422
422
|
}
|
423
423
|
}
|
424
424
|
else {
|
425
|
-
console.log('[SIGN] Invalid fields remaining', invalidFields);
|
425
|
+
console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
|
426
426
|
this.nextButtonLabel = 'Next';
|
427
427
|
this.nextSubmits = false;
|
428
428
|
}
|
@@ -426,7 +426,7 @@ export class VerdocsSign {
|
|
426
426
|
}
|
427
427
|
}
|
428
428
|
else {
|
429
|
-
console.log('[SIGN] Invalid fields remaining', invalidFields);
|
429
|
+
console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
|
430
430
|
this.nextButtonLabel = 'Next';
|
431
431
|
this.nextSubmits = false;
|
432
432
|
}
|
@@ -23,11 +23,13 @@ export class VerdocsFieldDropdown {
|
|
23
23
|
this.focused = false;
|
24
24
|
}
|
25
25
|
async focusField() {
|
26
|
+
var _a;
|
26
27
|
// Our input field is fake, so we fake the flash too
|
27
28
|
this.focused = true;
|
28
29
|
setTimeout(() => {
|
29
30
|
this.focused = false;
|
30
31
|
}, 500);
|
32
|
+
(_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
|
31
33
|
}
|
32
34
|
handleChange(e) {
|
33
35
|
this.fieldChange.emit(e.target.value);
|
@@ -59,7 +61,7 @@ export class VerdocsFieldDropdown {
|
|
59
61
|
// TODO: Look for other places this mistaken assumption was made.
|
60
62
|
// Defaults only apply in destructuring if undefined. null doesn't trigger it.
|
61
63
|
options || (options = []);
|
62
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
64
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
63
65
|
e.stopPropagation();
|
64
66
|
this.showingProperties = !this.showingProperties;
|
65
67
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
|
package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js
CHANGED
@@ -79,9 +79,9 @@ export class VerdocsFieldSignature {
|
|
79
79
|
const { base64 } = field.settings || {};
|
80
80
|
const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
|
81
81
|
if (done) {
|
82
|
-
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "
|
82
|
+
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "" }));
|
83
83
|
}
|
84
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "
|
84
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
85
85
|
e.stopPropagation();
|
86
86
|
this.showingProperties = !this.showingProperties;
|
87
87
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
|
@@ -37,11 +37,13 @@ const VerdocsFieldDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsField
|
|
37
37
|
this.focused = false;
|
38
38
|
}
|
39
39
|
async focusField() {
|
40
|
+
var _a;
|
40
41
|
// Our input field is fake, so we fake the flash too
|
41
42
|
this.focused = true;
|
42
43
|
setTimeout(() => {
|
43
44
|
this.focused = false;
|
44
45
|
}, 500);
|
46
|
+
(_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
|
45
47
|
}
|
46
48
|
handleChange(e) {
|
47
49
|
this.fieldChange.emit(e.target.value);
|
@@ -73,7 +75,7 @@ const VerdocsFieldDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsField
|
|
73
75
|
// TODO: Look for other places this mistaken assumption was made.
|
74
76
|
// Defaults only apply in destructuring if undefined. null doesn't trigger it.
|
75
77
|
options || (options = []);
|
76
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
78
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
77
79
|
e.stopPropagation();
|
78
80
|
this.showingProperties = !this.showingProperties;
|
79
81
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
|
@@ -89,9 +89,9 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
|
|
89
89
|
const { base64 } = field.settings || {};
|
90
90
|
const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
|
91
91
|
if (done) {
|
92
|
-
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "
|
92
|
+
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "" }));
|
93
93
|
}
|
94
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "
|
94
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
95
95
|
e.stopPropagation();
|
96
96
|
this.showingProperties = !this.showingProperties;
|
97
97
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
|
@@ -425,7 +425,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
|
|
425
425
|
}
|
426
426
|
}
|
427
427
|
else {
|
428
|
-
console.log('[SIGN] Invalid fields remaining', invalidFields);
|
428
|
+
console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
|
429
429
|
this.nextButtonLabel = 'Next';
|
430
430
|
this.nextSubmits = false;
|
431
431
|
}
|
@@ -325,11 +325,13 @@ const VerdocsFieldDropdown = class {
|
|
325
325
|
this.focused = false;
|
326
326
|
}
|
327
327
|
async focusField() {
|
328
|
+
var _a;
|
328
329
|
// Our input field is fake, so we fake the flash too
|
329
330
|
this.focused = true;
|
330
331
|
setTimeout(() => {
|
331
332
|
this.focused = false;
|
332
333
|
}, 500);
|
334
|
+
(_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
|
333
335
|
}
|
334
336
|
handleChange(e) {
|
335
337
|
this.fieldChange.emit(e.target.value);
|
@@ -361,7 +363,7 @@ const VerdocsFieldDropdown = class {
|
|
361
363
|
// TODO: Look for other places this mistaken assumption was made.
|
362
364
|
// Defaults only apply in destructuring if undefined. null doesn't trigger it.
|
363
365
|
options || (options = []);
|
364
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
366
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
365
367
|
e.stopPropagation();
|
366
368
|
this.showingProperties = !this.showingProperties;
|
367
369
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
|
@@ -620,9 +622,9 @@ const VerdocsFieldSignature = class {
|
|
620
622
|
const { base64 } = field.settings || {};
|
621
623
|
const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
|
622
624
|
if (done) {
|
623
|
-
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "
|
625
|
+
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "" }));
|
624
626
|
}
|
625
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "
|
627
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
626
628
|
e.stopPropagation();
|
627
629
|
this.showingProperties = !this.showingProperties;
|
628
630
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
|
@@ -418,7 +418,7 @@ const VerdocsSign = class {
|
|
418
418
|
}
|
419
419
|
}
|
420
420
|
else {
|
421
|
-
console.log('[SIGN] Invalid fields remaining', invalidFields);
|
421
|
+
console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
|
422
422
|
this.nextButtonLabel = 'Next';
|
423
423
|
this.nextSubmits = false;
|
424
424
|
}
|