@verdocs/web-sdk 1.13.2 → 1.13.4
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/loader.cjs.js +1 -1
- package/dist/cjs/verdocs-button-panel_3.cjs.entry.js +25 -27
- package/dist/cjs/verdocs-checkbox_4.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-field-date.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-field-textbox.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-sign.cjs.entry.js +19 -5
- package/dist/cjs/verdocs-template-create_3.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-view.cjs.entry.js +20 -4
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.css +1 -1
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +19 -5
- package/dist/collection/components/embeds/verdocs-view/verdocs-view.css +10 -0
- package/dist/collection/components/embeds/verdocs-view/verdocs-view.js +20 -4
- package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.css +12 -11
- package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +1 -1
- package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +1 -1
- package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +1 -1
- package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +1 -1
- package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +1 -1
- package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js +25 -27
- package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.css +11 -1
- package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +3 -2
- package/dist/components/verdocs-checkbox2.js +1 -1
- package/dist/components/verdocs-field-checkbox.js +2 -2
- package/dist/components/verdocs-field-date.js +1 -1
- package/dist/components/verdocs-field-radio-button.js +1 -1
- package/dist/components/verdocs-field-textarea.js +1 -1
- package/dist/components/verdocs-field-textbox.js +1 -1
- package/dist/components/verdocs-sign.js +19 -5
- package/dist/components/verdocs-template-field-properties2.js +25 -27
- package/dist/components/verdocs-template-fields2.js +14 -7
- package/dist/components/verdocs-view2.js +33 -11
- package/dist/custom-elements.json +1546 -0
- package/dist/docs.json +19 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/verdocs-button-panel_3.entry.js +25 -27
- package/dist/esm/verdocs-checkbox_4.entry.js +1 -1
- package/dist/esm/verdocs-field-checkbox.entry.js +2 -2
- package/dist/esm/verdocs-field-date.entry.js +1 -1
- package/dist/esm/verdocs-field-radio-button.entry.js +1 -1
- package/dist/esm/verdocs-field-textarea.entry.js +1 -1
- package/dist/esm/verdocs-field-textbox.entry.js +1 -1
- package/dist/esm/verdocs-sign.entry.js +19 -5
- package/dist/esm/verdocs-template-create_3.entry.js +4 -3
- package/dist/esm/verdocs-view.entry.js +20 -4
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/verdocs-button-panel_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-checkbox_4.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-create_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-view.entry.js +1 -1
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/embeds/verdocs-view/verdocs-view.d.ts +1 -1
- package/dist/types/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.d.ts +1 -0
- package/dist/verdocs-web-sdk/p-0714e785.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-13f91d03.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-6a0e0615.system.entry.js → p-16f3cd2d.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-bc287bf9.system.entry.js → p-1a34942f.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-d8343849.entry.js → p-39e906e0.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-7306abd0.system.entry.js → p-3b1b11a8.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c35bbaef.entry.js → p-40bb871d.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-8eca5dd8.entry.js → p-42fa6b2f.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-5308d546.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-60b59333.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-6caf1137.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-ba62a8f6.system.entry.js → p-798c0134.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-923f56f3.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-c21c0c00.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-c2b91d4d.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-5a3d9d9f.system.entry.js → p-d595eba2.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-d643db3b.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-e16ad8fe.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-92a2bb47.entry.js → p-ebce4300.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-eff8b358.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-f2f3583f.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/verdocs-web-sdk/p-2cb414ec.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-36a31514.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-530e47e2.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-65abb620.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-7f927fb9.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-8d32078d.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-beb19fae.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-c2770861.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-d7ca70cc.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f7910b66.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-fd5d31ad.system.entry.js +0 -1
@@ -6,12 +6,13 @@ import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
|
|
6
6
|
import { a as getRoleIndex, r as renderDocumentField, c as updateCssTransform, d as defaultWidth, e as defaultHeight } from './utils.js';
|
7
7
|
import { g as getTemplateStore, a as getRoleNames } from './TemplateStore.js';
|
8
8
|
import { S as SDKError } from './errors.js';
|
9
|
-
import { d as defineCustomElement$
|
10
|
-
import { d as defineCustomElement$
|
9
|
+
import { d as defineCustomElement$5 } from './verdocs-component-error2.js';
|
10
|
+
import { d as defineCustomElement$4 } from './verdocs-loader2.js';
|
11
|
+
import { d as defineCustomElement$3 } from './verdocs-select-input2.js';
|
11
12
|
import { d as defineCustomElement$2 } from './verdocs-template-document-page2.js';
|
12
13
|
import { d as defineCustomElement$1 } from './verdocs-toolbar-icon2.js';
|
13
14
|
|
14
|
-
const verdocsTemplateFieldsCss = "verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative;display:block;min-height:600px}verdocs-template-fields .page-0{padding:65px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields .page-0 .user-placed-fields{height:100px;position:relative;background:#ffffff;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-template-fields .page-0 .user-placed-fields .title{top:0;left:0;color:#ffffff;font-size:12px;padding:3px 6px;font-weight:bold;position:absolute;background:#46497d}verdocs-template-fields .pages{display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-template-fields .pages div,verdocs-template-fields .pages canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields #verdocs-template-fields-toolbar{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center
|
15
|
+
const verdocsTemplateFieldsCss = "verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative;display:block;min-height:600px}verdocs-template-fields .page-0{padding:65px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields .page-0 .user-placed-fields{height:100px;position:relative;background:#ffffff;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-template-fields .page-0 .user-placed-fields .title{top:0;left:0;color:#ffffff;font-size:12px;padding:3px 6px;font-weight:bold;position:absolute;background:#46497d}verdocs-template-fields .pages{display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-template-fields .pages div,verdocs-template-fields .pages canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields #verdocs-template-fields-toolbar{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;padding:0 20px 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#f5f5fa;-ms-flex-pack:center;justify-content:center;background:#46497d}verdocs-template-fields #verdocs-template-fields-toolbar svg{width:24px;height:24px}verdocs-template-fields #verdocs-template-fields-toolbar .add-for{margin:0;font-weight:500;color:#f5f5fa}verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{margin:0 20px 0 0}verdocs-template-fields.placing-attachment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-checkbox_group{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-date{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-dropdown{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25' /%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-initial{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-payment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-radio_button_group{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-signature{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textarea{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textbox{cursor:url(\"data:image/svg+xml,%3Csvg width='32' height='15' viewBox='0 0 32 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1401_24' fill='white'%3E%3Cpath d='M0 0H32V15H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H32V15H0V0Z' fill='%234C56CB' fill-opacity='0.1'/%3E%3Cpath d='M0 0V-1H-1V0H0ZM0 15H-1V16H0V15ZM0 1H32V-1H0V1ZM32 14H0V16H32V14ZM1 15V0H-1V15H1Z' fill='%234C56CB' mask='url(%23path-1-inside-1_1401_24)'/%3E%3Cpath d='M3 11.8V8.65H14.15V11.8H3ZM3 6.65V3.5H20.15V6.65H3Z' fill='%234C56CB'/%3E%3Cline x1='31.5' y1='1' x2='31.5' y2='14' stroke='%234C56CB' stroke-opacity='0.32' stroke-dasharray='1 1'/%3E%3C/svg%3E%0A\") 0 14, pointer}verdocs-template-fields.placing-timestamp{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z'%3E%3C/path%3E%3C/svg%3E\") 16 16, pointer}";
|
15
16
|
|
16
17
|
const iconTextbox = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z"/></svg>';
|
17
18
|
const iconTextarea = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z"/></svg>';
|
@@ -357,7 +358,7 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
357
358
|
}
|
358
359
|
}
|
359
360
|
render() {
|
360
|
-
var _a, _b;
|
361
|
+
var _a, _b, _c, _d;
|
361
362
|
if (!this.endpoint.session) {
|
362
363
|
return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
|
363
364
|
}
|
@@ -367,9 +368,10 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
367
368
|
}
|
368
369
|
const pages = [...(_b = this.store) === null || _b === void 0 ? void 0 : _b.state.pages];
|
369
370
|
pages.sort((a, b) => a.sequence - b.sequence);
|
371
|
+
const selectableRoles = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles.map(role => ({ value: role.name, label: role.name }));
|
370
372
|
return (h(Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {}, "data-r": this.rerender, onSubmit: () => {
|
371
373
|
console.log('onSubmit');
|
372
|
-
} }, h("div", { id: "verdocs-template-fields-toolbar" }, menuOptions.map(option => (h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => {
|
374
|
+
} }, h("div", { id: "verdocs-template-fields-toolbar" }, h("div", { class: "add-for" }, "Add field:"), h("verdocs-select-input", { value: this.selectedRoleName, options: selectableRoles, onInput: (e) => (this.selectedRoleName = e.target.value) }), menuOptions.map(option => (h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => {
|
373
375
|
if (option.tooltip) {
|
374
376
|
// We have empty tooltips on the separators, quick hack...
|
375
377
|
this.placing = option.id;
|
@@ -394,7 +396,7 @@ function defineCustomElement() {
|
|
394
396
|
if (typeof customElements === "undefined") {
|
395
397
|
return;
|
396
398
|
}
|
397
|
-
const components = ["verdocs-template-fields", "verdocs-component-error", "verdocs-loader", "verdocs-template-document-page", "verdocs-toolbar-icon"];
|
399
|
+
const components = ["verdocs-template-fields", "verdocs-component-error", "verdocs-loader", "verdocs-select-input", "verdocs-template-document-page", "verdocs-toolbar-icon"];
|
398
400
|
components.forEach(tagName => { switch (tagName) {
|
399
401
|
case "verdocs-template-fields":
|
400
402
|
if (!customElements.get(tagName)) {
|
@@ -403,10 +405,15 @@ function defineCustomElement() {
|
|
403
405
|
break;
|
404
406
|
case "verdocs-component-error":
|
405
407
|
if (!customElements.get(tagName)) {
|
406
|
-
defineCustomElement$
|
408
|
+
defineCustomElement$5();
|
407
409
|
}
|
408
410
|
break;
|
409
411
|
case "verdocs-loader":
|
412
|
+
if (!customElements.get(tagName)) {
|
413
|
+
defineCustomElement$4();
|
414
|
+
}
|
415
|
+
break;
|
416
|
+
case "verdocs-select-input":
|
410
417
|
if (!customElements.get(tagName)) {
|
411
418
|
defineCustomElement$3();
|
412
419
|
}
|
@@ -4,9 +4,10 @@ import { E as EnvelopeStates } from './Types.js';
|
|
4
4
|
import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
|
5
5
|
import { f as saveEnvelopesAsZip, h as saveCertificate, s as saveAttachment } from './utils.js';
|
6
6
|
import { S as SDKError } from './errors.js';
|
7
|
-
import { d as defineCustomElement$
|
8
|
-
import { d as defineCustomElement$
|
9
|
-
import { d as defineCustomElement$
|
7
|
+
import { d as defineCustomElement$5 } from './verdocs-button2.js';
|
8
|
+
import { d as defineCustomElement$4 } from './verdocs-dropdown2.js';
|
9
|
+
import { d as defineCustomElement$3 } from './verdocs-envelope-document-page2.js';
|
10
|
+
import { d as defineCustomElement$2 } from './verdocs-loader2.js';
|
10
11
|
import { d as defineCustomElement$1 } from './verdocs-ok-dialog2.js';
|
11
12
|
|
12
13
|
/**
|
@@ -47,7 +48,7 @@ var fullNameToInitials = function (name) {
|
|
47
48
|
.join('');
|
48
49
|
};
|
49
50
|
|
50
|
-
const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}#verdocs-view-header{width:100%;color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 20px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-view-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-view-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-view-header .title{font-size:18px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}";
|
51
|
+
const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}#verdocs-view-header{width:100%;color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 20px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-view-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-view-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-view-header .title{font-size:18px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}";
|
51
52
|
|
52
53
|
const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
53
54
|
constructor() {
|
@@ -58,7 +59,7 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
58
59
|
this.endpoint = VerdocsEndpoint.getDefault();
|
59
60
|
this.envelopeId = '';
|
60
61
|
this.headerTargetId = null;
|
61
|
-
this.
|
62
|
+
this.canceling = false;
|
62
63
|
this.envelope = null;
|
63
64
|
this.roleNames = [];
|
64
65
|
this.showCancelDone = false;
|
@@ -106,7 +107,23 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
106
107
|
case 'cancel':
|
107
108
|
// TODO: Better option for inline-flow confirmation and alert dialogs.
|
108
109
|
if (confirm('Are you sure you wish to cancel this envelope? This action cannot be undone.')) {
|
109
|
-
|
110
|
+
this.canceling = true;
|
111
|
+
cancelEnvelope(this.endpoint, this.envelopeId)
|
112
|
+
.then(r => {
|
113
|
+
this.canceling = false;
|
114
|
+
console.log('[VIEW] Envelope canceled', r);
|
115
|
+
return throttledGetEnvelope(this.endpoint, this.envelopeId);
|
116
|
+
})
|
117
|
+
.then(env => {
|
118
|
+
console.log('[VIEW] Loaded new envelope details', env);
|
119
|
+
this.envelope = env;
|
120
|
+
})
|
121
|
+
.catch(e => {
|
122
|
+
var _a, _b, _c;
|
123
|
+
this.canceling = false;
|
124
|
+
console.log('[VIEW] Error canceling envelope', e);
|
125
|
+
(_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
|
126
|
+
});
|
110
127
|
this.showCancelDone = true;
|
111
128
|
(_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'canceled' });
|
112
129
|
}
|
@@ -181,7 +198,7 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
181
198
|
] })))));
|
182
199
|
})), this.showCancelDone && (h("verdocs-ok-dialog", { heading: "Cancelled", message: `This envelope has been cancelled successfully.`, onNext: () => {
|
183
200
|
this.showCancelDone = false;
|
184
|
-
} }))));
|
201
|
+
} })), this.canceling && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));
|
185
202
|
}
|
186
203
|
get component() { return this; }
|
187
204
|
static get style() { return verdocsViewCss; }
|
@@ -189,7 +206,7 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
189
206
|
"endpoint": [16],
|
190
207
|
"envelopeId": [1, "envelope-id"],
|
191
208
|
"headerTargetId": [1, "header-target-id"],
|
192
|
-
"
|
209
|
+
"canceling": [32],
|
193
210
|
"envelope": [32],
|
194
211
|
"roleNames": [32],
|
195
212
|
"showCancelDone": [32]
|
@@ -198,7 +215,7 @@ function defineCustomElement() {
|
|
198
215
|
if (typeof customElements === "undefined") {
|
199
216
|
return;
|
200
217
|
}
|
201
|
-
const components = ["verdocs-view", "verdocs-button", "verdocs-dropdown", "verdocs-envelope-document-page", "verdocs-ok-dialog"];
|
218
|
+
const components = ["verdocs-view", "verdocs-button", "verdocs-dropdown", "verdocs-envelope-document-page", "verdocs-loader", "verdocs-ok-dialog"];
|
202
219
|
components.forEach(tagName => { switch (tagName) {
|
203
220
|
case "verdocs-view":
|
204
221
|
if (!customElements.get(tagName)) {
|
@@ -207,15 +224,20 @@ function defineCustomElement() {
|
|
207
224
|
break;
|
208
225
|
case "verdocs-button":
|
209
226
|
if (!customElements.get(tagName)) {
|
210
|
-
defineCustomElement$
|
227
|
+
defineCustomElement$5();
|
211
228
|
}
|
212
229
|
break;
|
213
230
|
case "verdocs-dropdown":
|
214
231
|
if (!customElements.get(tagName)) {
|
215
|
-
defineCustomElement$
|
232
|
+
defineCustomElement$4();
|
216
233
|
}
|
217
234
|
break;
|
218
235
|
case "verdocs-envelope-document-page":
|
236
|
+
if (!customElements.get(tagName)) {
|
237
|
+
defineCustomElement$3();
|
238
|
+
}
|
239
|
+
break;
|
240
|
+
case "verdocs-loader":
|
219
241
|
if (!customElements.get(tagName)) {
|
220
242
|
defineCustomElement$2();
|
221
243
|
}
|