@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.
Files changed (97) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/verdocs-button-panel_3.cjs.entry.js +25 -27
  3. package/dist/cjs/verdocs-checkbox_4.cjs.entry.js +1 -1
  4. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +2 -2
  5. package/dist/cjs/verdocs-field-date.cjs.entry.js +1 -1
  6. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +1 -1
  7. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +1 -1
  8. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +1 -1
  9. package/dist/cjs/verdocs-sign.cjs.entry.js +19 -5
  10. package/dist/cjs/verdocs-template-create_3.cjs.entry.js +4 -3
  11. package/dist/cjs/verdocs-view.cjs.entry.js +20 -4
  12. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  13. package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.css +1 -1
  14. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +19 -5
  15. package/dist/collection/components/embeds/verdocs-view/verdocs-view.css +10 -0
  16. package/dist/collection/components/embeds/verdocs-view/verdocs-view.js +20 -4
  17. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.css +12 -11
  18. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +1 -1
  19. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +1 -1
  20. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +1 -1
  21. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +1 -1
  22. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +1 -1
  23. package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js +25 -27
  24. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.css +11 -1
  25. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +3 -2
  26. package/dist/components/verdocs-checkbox2.js +1 -1
  27. package/dist/components/verdocs-field-checkbox.js +2 -2
  28. package/dist/components/verdocs-field-date.js +1 -1
  29. package/dist/components/verdocs-field-radio-button.js +1 -1
  30. package/dist/components/verdocs-field-textarea.js +1 -1
  31. package/dist/components/verdocs-field-textbox.js +1 -1
  32. package/dist/components/verdocs-sign.js +19 -5
  33. package/dist/components/verdocs-template-field-properties2.js +25 -27
  34. package/dist/components/verdocs-template-fields2.js +14 -7
  35. package/dist/components/verdocs-view2.js +33 -11
  36. package/dist/custom-elements.json +1546 -0
  37. package/dist/docs.json +19 -5
  38. package/dist/esm/loader.js +1 -1
  39. package/dist/esm/verdocs-button-panel_3.entry.js +25 -27
  40. package/dist/esm/verdocs-checkbox_4.entry.js +1 -1
  41. package/dist/esm/verdocs-field-checkbox.entry.js +2 -2
  42. package/dist/esm/verdocs-field-date.entry.js +1 -1
  43. package/dist/esm/verdocs-field-radio-button.entry.js +1 -1
  44. package/dist/esm/verdocs-field-textarea.entry.js +1 -1
  45. package/dist/esm/verdocs-field-textbox.entry.js +1 -1
  46. package/dist/esm/verdocs-sign.entry.js +19 -5
  47. package/dist/esm/verdocs-template-create_3.entry.js +4 -3
  48. package/dist/esm/verdocs-view.entry.js +20 -4
  49. package/dist/esm/verdocs-web-sdk.js +1 -1
  50. package/dist/esm-es5/loader.js +1 -1
  51. package/dist/esm-es5/verdocs-button-panel_3.entry.js +1 -1
  52. package/dist/esm-es5/verdocs-checkbox_4.entry.js +1 -1
  53. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  54. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  55. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  56. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  57. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  58. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  59. package/dist/esm-es5/verdocs-template-create_3.entry.js +1 -1
  60. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  61. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  62. package/dist/types/components/embeds/verdocs-view/verdocs-view.d.ts +1 -1
  63. package/dist/types/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.d.ts +1 -0
  64. package/dist/verdocs-web-sdk/p-0714e785.entry.js +1 -0
  65. package/dist/verdocs-web-sdk/p-13f91d03.system.entry.js +1 -0
  66. package/dist/verdocs-web-sdk/{p-6a0e0615.system.entry.js → p-16f3cd2d.system.entry.js} +1 -1
  67. package/dist/verdocs-web-sdk/{p-bc287bf9.system.entry.js → p-1a34942f.system.entry.js} +1 -1
  68. package/dist/verdocs-web-sdk/{p-d8343849.entry.js → p-39e906e0.entry.js} +1 -1
  69. package/dist/verdocs-web-sdk/{p-7306abd0.system.entry.js → p-3b1b11a8.system.entry.js} +1 -1
  70. package/dist/verdocs-web-sdk/{p-c35bbaef.entry.js → p-40bb871d.entry.js} +1 -1
  71. package/dist/verdocs-web-sdk/{p-8eca5dd8.entry.js → p-42fa6b2f.entry.js} +1 -1
  72. package/dist/verdocs-web-sdk/p-5308d546.entry.js +1 -0
  73. package/dist/verdocs-web-sdk/p-60b59333.system.entry.js +1 -0
  74. package/dist/verdocs-web-sdk/p-6caf1137.system.js +1 -1
  75. package/dist/verdocs-web-sdk/{p-ba62a8f6.system.entry.js → p-798c0134.system.entry.js} +1 -1
  76. package/dist/verdocs-web-sdk/p-923f56f3.entry.js +1 -0
  77. package/dist/verdocs-web-sdk/p-c21c0c00.system.entry.js +1 -0
  78. package/dist/verdocs-web-sdk/p-c2b91d4d.system.entry.js +1 -0
  79. package/dist/verdocs-web-sdk/{p-5a3d9d9f.system.entry.js → p-d595eba2.system.entry.js} +1 -1
  80. package/dist/verdocs-web-sdk/p-d643db3b.entry.js +1 -0
  81. package/dist/verdocs-web-sdk/p-e16ad8fe.entry.js +1 -0
  82. package/dist/verdocs-web-sdk/{p-92a2bb47.entry.js → p-ebce4300.entry.js} +1 -1
  83. package/dist/verdocs-web-sdk/p-eff8b358.entry.js +1 -0
  84. package/dist/verdocs-web-sdk/p-f2f3583f.system.entry.js +1 -0
  85. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  86. package/package.json +1 -1
  87. package/dist/verdocs-web-sdk/p-2cb414ec.system.entry.js +0 -1
  88. package/dist/verdocs-web-sdk/p-36a31514.entry.js +0 -1
  89. package/dist/verdocs-web-sdk/p-530e47e2.system.entry.js +0 -1
  90. package/dist/verdocs-web-sdk/p-65abb620.entry.js +0 -1
  91. package/dist/verdocs-web-sdk/p-7f927fb9.system.entry.js +0 -1
  92. package/dist/verdocs-web-sdk/p-8d32078d.entry.js +0 -1
  93. package/dist/verdocs-web-sdk/p-beb19fae.entry.js +0 -1
  94. package/dist/verdocs-web-sdk/p-c2770861.system.entry.js +0 -1
  95. package/dist/verdocs-web-sdk/p-d7ca70cc.entry.js +0 -1
  96. package/dist/verdocs-web-sdk/p-f7910b66.entry.js +0 -1
  97. 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$4 } from './verdocs-component-error2.js';
10
- import { d as defineCustomElement$3 } from './verdocs-loader2.js';
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;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;background:#46497d}verdocs-template-fields #verdocs-template-fields-toolbar svg{width:24px;height:24px}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
+ 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$4();
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$4 } from './verdocs-button2.js';
8
- import { d as defineCustomElement$3 } from './verdocs-dropdown2.js';
9
- import { d as defineCustomElement$2 } from './verdocs-envelope-document-page2.js';
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.isProcessing = false;
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
- await cancelEnvelope(this.endpoint, this.envelopeId);
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
- "isProcessing": [32],
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$4();
227
+ defineCustomElement$5();
211
228
  }
212
229
  break;
213
230
  case "verdocs-dropdown":
214
231
  if (!customElements.get(tagName)) {
215
- defineCustomElement$3();
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
  }