@verdocs/web-sdk 2.3.30 → 2.3.32

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 (246) hide show
  1. package/dist/cjs/{Icons-a11fb3fc.js → Icons-3286d014.js} +2 -0
  2. package/dist/cjs/TemplateRoleStore-e17bb006.js +44 -0
  3. package/dist/cjs/{TemplateStore-78b8944b.js → TemplateStore-e62c16a8.js} +2 -39
  4. package/dist/cjs/ipc-test.cjs.entry.js +2 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/{utils-aeaf4a31.js → utils-ac526133.js} +1 -7
  7. package/dist/cjs/verdocs-build.cjs.entry.js +2 -1
  8. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +1 -1
  9. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +1 -1
  10. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +1 -1
  11. package/dist/cjs/verdocs-field-attachment.cjs.entry.js +3 -3
  12. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +3 -3
  13. package/dist/cjs/verdocs-field-date.cjs.entry.js +5 -5
  14. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +3 -3
  15. package/dist/cjs/verdocs-field-initial.cjs.entry.js +3 -3
  16. package/dist/cjs/verdocs-field-payment.cjs.entry.js +1 -1
  17. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +3 -3
  18. package/dist/cjs/verdocs-field-signature.cjs.entry.js +3 -3
  19. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +4 -4
  20. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +9 -5
  21. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +5 -5
  22. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
  23. package/dist/cjs/verdocs-pagination_2.cjs.entry.js +1 -1
  24. package/dist/cjs/verdocs-portal_2.cjs.entry.js +3 -2
  25. package/dist/cjs/verdocs-preview_8.cjs.entry.js +29 -24
  26. package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +1 -1
  27. package/dist/cjs/verdocs-sign.cjs.entry.js +10 -12
  28. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +1 -1
  29. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +18 -16
  30. package/dist/cjs/verdocs-view.cjs.entry.js +1 -1
  31. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  32. package/dist/collection/components/embeds/verdocs-preview/verdocs-preview.js +11 -8
  33. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js +16 -14
  34. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +10 -12
  35. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +2 -2
  36. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +2 -2
  37. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +3 -3
  38. package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.js +2 -2
  39. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +2 -2
  40. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +2 -2
  41. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +2 -2
  42. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +3 -3
  43. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +8 -22
  44. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js +3 -3
  45. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +10 -9
  46. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.stories.js +1 -1
  47. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js +2 -3
  48. package/dist/collection/utils/Icons.js +1 -0
  49. package/dist/collection/utils/TemplateRoleStore.js +2 -0
  50. package/dist/collection/utils/TemplateStore.js +1 -2
  51. package/dist/collection/utils/utils.js +1 -15
  52. package/dist/{esm/Icons-c29eb0fa.js → components/Icons.js} +2 -1
  53. package/dist/components/TemplateStore.js +3 -2
  54. package/dist/components/utils.js +2 -7
  55. package/dist/components/verdocs-contact-picker2.js +1 -1
  56. package/dist/components/verdocs-field-attachment.js +2 -2
  57. package/dist/components/verdocs-field-checkbox.js +2 -2
  58. package/dist/components/verdocs-field-date.js +3 -3
  59. package/dist/components/verdocs-field-dropdown.js +2 -2
  60. package/dist/components/verdocs-field-initial.js +2 -2
  61. package/dist/components/verdocs-field-radio-button.js +2 -2
  62. package/dist/components/verdocs-field-signature.js +2 -2
  63. package/dist/components/verdocs-field-textarea.js +3 -3
  64. package/dist/components/verdocs-field-textbox.js +8 -5
  65. package/dist/components/verdocs-field-timestamp.js +3 -3
  66. package/dist/components/verdocs-file-chooser2.js +2 -75
  67. package/dist/components/verdocs-preview2.js +10 -8
  68. package/dist/components/verdocs-quick-filter2.js +1 -1
  69. package/dist/components/verdocs-send2.js +16 -15
  70. package/dist/components/verdocs-settings-organization2.js +1 -1
  71. package/dist/components/verdocs-settings-profile2.js +1 -1
  72. package/dist/components/verdocs-sign.js +10 -12
  73. package/dist/components/verdocs-template-attachments2.js +2 -1
  74. package/dist/components/verdocs-template-field-properties2.js +1 -1
  75. package/dist/components/verdocs-template-fields2.js +9 -8
  76. package/dist/components/verdocs-template-role-properties2.js +1 -1
  77. package/dist/components/verdocs-template-roles2.js +2 -3
  78. package/dist/docs.json +1 -18
  79. package/dist/esm/Icons-ddea87bf.js +76 -0
  80. package/dist/esm/TemplateRoleStore-bbb2b098.js +37 -0
  81. package/dist/esm/{TemplateStore-618fb47f.js → TemplateStore-adbf68a0.js} +2 -34
  82. package/dist/esm/ipc-test.entry.js +2 -1
  83. package/dist/esm/loader.js +1 -1
  84. package/dist/esm/{utils-f76f3448.js → utils-d081a2b9.js} +2 -7
  85. package/dist/esm/verdocs-build.entry.js +2 -1
  86. package/dist/esm/verdocs-contact-picker_2.entry.js +1 -1
  87. package/dist/esm/verdocs-envelope-document-page.entry.js +1 -1
  88. package/dist/esm/verdocs-envelopes-list.entry.js +1 -1
  89. package/dist/esm/verdocs-field-attachment.entry.js +3 -3
  90. package/dist/esm/verdocs-field-checkbox.entry.js +3 -3
  91. package/dist/esm/verdocs-field-date.entry.js +5 -5
  92. package/dist/esm/verdocs-field-dropdown.entry.js +3 -3
  93. package/dist/esm/verdocs-field-initial.entry.js +3 -3
  94. package/dist/esm/verdocs-field-payment.entry.js +1 -1
  95. package/dist/esm/verdocs-field-radio-button.entry.js +3 -3
  96. package/dist/esm/verdocs-field-signature.entry.js +3 -3
  97. package/dist/esm/verdocs-field-textarea.entry.js +4 -4
  98. package/dist/esm/verdocs-field-textbox.entry.js +9 -5
  99. package/dist/esm/verdocs-field-timestamp.entry.js +5 -5
  100. package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
  101. package/dist/esm/verdocs-pagination_2.entry.js +1 -1
  102. package/dist/esm/verdocs-portal_2.entry.js +2 -1
  103. package/dist/esm/verdocs-preview_8.entry.js +29 -24
  104. package/dist/esm/verdocs-settings-api-keys_4.entry.js +1 -1
  105. package/dist/esm/verdocs-sign.entry.js +10 -12
  106. package/dist/esm/verdocs-template-document-page_2.entry.js +1 -1
  107. package/dist/esm/verdocs-template-fields_4.entry.js +12 -10
  108. package/dist/esm/verdocs-view.entry.js +1 -1
  109. package/dist/esm/verdocs-web-sdk.js +1 -1
  110. package/dist/esm-es5/{Icons-c29eb0fa.js → Icons-ddea87bf.js} +1 -1
  111. package/dist/esm-es5/TemplateRoleStore-bbb2b098.js +1 -0
  112. package/dist/esm-es5/TemplateStore-adbf68a0.js +1 -0
  113. package/dist/esm-es5/ipc-test.entry.js +1 -1
  114. package/dist/esm-es5/loader.js +1 -1
  115. package/dist/esm-es5/{utils-f76f3448.js → utils-d081a2b9.js} +1 -1
  116. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  117. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  118. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  119. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  120. package/dist/esm-es5/verdocs-field-attachment.entry.js +1 -1
  121. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  122. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  123. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  124. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  125. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  126. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  127. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  128. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  129. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  130. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  131. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  132. package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
  133. package/dist/esm-es5/verdocs-portal_2.entry.js +1 -1
  134. package/dist/esm-es5/verdocs-preview_8.entry.js +1 -1
  135. package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -1
  136. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  137. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  138. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  139. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  140. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  141. package/dist/types/components/embeds/verdocs-preview/verdocs-preview.d.ts +4 -2
  142. package/dist/types/components/embeds/verdocs-send/verdocs-send.d.ts +3 -1
  143. package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts +1 -1
  144. package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts +2 -4
  145. package/dist/types/components/templates/verdocs-template-fields/verdocs-template-fields.d.ts +3 -3
  146. package/dist/types/components.d.ts +0 -8
  147. package/dist/types/utils/Icons.d.ts +1 -0
  148. package/dist/types/utils/TemplateRoleStore.d.ts +2 -0
  149. package/dist/types/utils/TemplateStore.d.ts +0 -1
  150. package/dist/types/utils/utils.d.ts +1 -6
  151. package/dist/verdocs-web-sdk/{p-637fee9b.js → p-029ae656.js} +1 -1
  152. package/dist/verdocs-web-sdk/p-0636b55c.entry.js +1 -0
  153. package/dist/verdocs-web-sdk/{p-9b6f0565.entry.js → p-07c30f7e.entry.js} +1 -1
  154. package/dist/verdocs-web-sdk/p-0a93ada5.system.entry.js +1 -0
  155. package/dist/verdocs-web-sdk/p-0ae4f771.entry.js +1 -0
  156. package/dist/verdocs-web-sdk/p-0b990f13.entry.js +1 -0
  157. package/dist/verdocs-web-sdk/p-0ef84cfe.system.entry.js +1 -0
  158. package/dist/verdocs-web-sdk/p-0f7191aa.system.entry.js +1 -0
  159. package/dist/verdocs-web-sdk/p-13ec5610.system.entry.js +1 -0
  160. package/dist/verdocs-web-sdk/{p-3898a9b0.entry.js → p-140b8c97.entry.js} +1 -1
  161. package/dist/verdocs-web-sdk/p-1426c74b.entry.js +1 -0
  162. package/dist/verdocs-web-sdk/{p-72dc5fb4.system.entry.js → p-15259f81.system.entry.js} +1 -1
  163. package/dist/verdocs-web-sdk/p-18248415.system.entry.js +1 -0
  164. package/dist/verdocs-web-sdk/{p-3c5240df.system.entry.js → p-1a70513e.system.entry.js} +1 -1
  165. package/dist/verdocs-web-sdk/p-1ef103df.system.entry.js +1 -0
  166. package/dist/verdocs-web-sdk/p-242a7d5f.entry.js +1 -0
  167. package/dist/verdocs-web-sdk/p-24796ebc.entry.js +1 -0
  168. package/dist/verdocs-web-sdk/p-2dddc88a.js +1 -0
  169. package/dist/verdocs-web-sdk/p-2f6b653e.system.entry.js +1 -0
  170. package/dist/verdocs-web-sdk/{p-e65e9d24.js → p-34f03fee.js} +1 -1
  171. package/dist/verdocs-web-sdk/{p-62ec3db9.system.entry.js → p-3d946a89.system.entry.js} +1 -1
  172. package/dist/verdocs-web-sdk/{p-455d16dc.system.js → p-3f628837.system.js} +1 -1
  173. package/dist/verdocs-web-sdk/{p-94009f45.entry.js → p-4861684b.entry.js} +1 -1
  174. package/dist/verdocs-web-sdk/p-4e2534a8.entry.js +1 -0
  175. package/dist/verdocs-web-sdk/{p-3f7aa186.system.entry.js → p-56da687c.system.entry.js} +1 -1
  176. package/dist/verdocs-web-sdk/{p-9542e890.system.entry.js → p-5a6581cc.system.entry.js} +1 -1
  177. package/dist/verdocs-web-sdk/{p-0685d939.system.entry.js → p-6384f444.system.entry.js} +1 -1
  178. package/dist/verdocs-web-sdk/p-73aea1fa.system.entry.js +1 -0
  179. package/dist/verdocs-web-sdk/p-7664525d.system.entry.js +1 -0
  180. package/dist/verdocs-web-sdk/p-77649962.system.entry.js +1 -0
  181. package/dist/verdocs-web-sdk/{p-c1f51f1b.system.entry.js → p-7ae877b4.system.entry.js} +1 -1
  182. package/dist/verdocs-web-sdk/p-7bddea08.system.entry.js +1 -0
  183. package/dist/verdocs-web-sdk/p-7dc5daed.entry.js +1 -0
  184. package/dist/verdocs-web-sdk/p-86573e6d.entry.js +1 -0
  185. package/dist/verdocs-web-sdk/{p-e96924b5.system.entry.js → p-8b111775.system.entry.js} +1 -1
  186. package/dist/verdocs-web-sdk/p-8bbe0209.system.js +1 -0
  187. package/dist/verdocs-web-sdk/p-93aa6f6e.js +1 -0
  188. package/dist/verdocs-web-sdk/{p-3b1711df.entry.js → p-a3326659.entry.js} +1 -1
  189. package/dist/verdocs-web-sdk/p-a7580374.entry.js +1 -0
  190. package/dist/verdocs-web-sdk/{p-623fe013.system.entry.js → p-a91615c2.system.entry.js} +1 -1
  191. package/dist/verdocs-web-sdk/{p-77ca800b.entry.js → p-ac6d0fb0.entry.js} +1 -1
  192. package/dist/verdocs-web-sdk/{p-5cd0b997.entry.js → p-b0747977.entry.js} +1 -1
  193. package/dist/verdocs-web-sdk/{p-126c423d.entry.js → p-ba2aa74b.entry.js} +1 -1
  194. package/dist/verdocs-web-sdk/p-bac777b3.system.entry.js +1 -0
  195. package/dist/verdocs-web-sdk/p-bd8918e3.system.entry.js +1 -0
  196. package/dist/verdocs-web-sdk/{p-4be3b251.entry.js → p-c3c142f0.entry.js} +1 -1
  197. package/dist/verdocs-web-sdk/p-c67f893d.system.entry.js +1 -0
  198. package/dist/verdocs-web-sdk/{p-7a47fcd9.system.js → p-c90481a4.system.js} +1 -1
  199. package/dist/verdocs-web-sdk/p-cd7bd84e.entry.js +1 -0
  200. package/dist/verdocs-web-sdk/p-cff1b0e9.entry.js +1 -0
  201. package/dist/verdocs-web-sdk/p-d0c0571b.entry.js +1 -0
  202. package/dist/verdocs-web-sdk/{p-cbe7b8c8.system.entry.js → p-d72dc783.system.entry.js} +1 -1
  203. package/dist/verdocs-web-sdk/p-d8054e31.entry.js +1 -0
  204. package/dist/verdocs-web-sdk/p-d87c1330.system.js +1 -0
  205. package/dist/verdocs-web-sdk/{p-bfdbd210.entry.js → p-da9462c7.entry.js} +1 -1
  206. package/dist/verdocs-web-sdk/p-e7ce7a48.entry.js +1 -0
  207. package/dist/verdocs-web-sdk/p-f04bf956.system.js +1 -1
  208. package/dist/verdocs-web-sdk/p-f9efd9ae.entry.js +1 -0
  209. package/dist/verdocs-web-sdk/p-fc9067c0.system.entry.js +1 -0
  210. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  211. package/package.json +1 -1
  212. package/dist/custom-elements.json +0 -2175
  213. package/dist/esm-es5/TemplateStore-618fb47f.js +0 -1
  214. package/dist/verdocs-web-sdk/p-058f0e56.system.entry.js +0 -1
  215. package/dist/verdocs-web-sdk/p-093f593d.system.entry.js +0 -1
  216. package/dist/verdocs-web-sdk/p-09babc77.system.entry.js +0 -1
  217. package/dist/verdocs-web-sdk/p-0a5b8a89.entry.js +0 -1
  218. package/dist/verdocs-web-sdk/p-14a9619f.entry.js +0 -1
  219. package/dist/verdocs-web-sdk/p-18cb9ef7.system.entry.js +0 -1
  220. package/dist/verdocs-web-sdk/p-1aa865af.system.entry.js +0 -1
  221. package/dist/verdocs-web-sdk/p-1b661190.entry.js +0 -1
  222. package/dist/verdocs-web-sdk/p-350f1ca4.system.entry.js +0 -1
  223. package/dist/verdocs-web-sdk/p-35720475.entry.js +0 -1
  224. package/dist/verdocs-web-sdk/p-371effb1.system.entry.js +0 -1
  225. package/dist/verdocs-web-sdk/p-3930ee22.js +0 -1
  226. package/dist/verdocs-web-sdk/p-3989e584.entry.js +0 -1
  227. package/dist/verdocs-web-sdk/p-3d9adca7.entry.js +0 -1
  228. package/dist/verdocs-web-sdk/p-413a5b21.entry.js +0 -1
  229. package/dist/verdocs-web-sdk/p-591b695c.entry.js +0 -1
  230. package/dist/verdocs-web-sdk/p-6d42921b.entry.js +0 -1
  231. package/dist/verdocs-web-sdk/p-6d81d774.entry.js +0 -1
  232. package/dist/verdocs-web-sdk/p-6e45e610.system.entry.js +0 -1
  233. package/dist/verdocs-web-sdk/p-71faa59f.entry.js +0 -1
  234. package/dist/verdocs-web-sdk/p-7c8419d7.system.entry.js +0 -1
  235. package/dist/verdocs-web-sdk/p-961ee618.system.entry.js +0 -1
  236. package/dist/verdocs-web-sdk/p-a97512f6.system.entry.js +0 -1
  237. package/dist/verdocs-web-sdk/p-aa29c7ec.system.entry.js +0 -1
  238. package/dist/verdocs-web-sdk/p-c11c841c.system.entry.js +0 -1
  239. package/dist/verdocs-web-sdk/p-c82a2a4e.system.entry.js +0 -1
  240. package/dist/verdocs-web-sdk/p-d32278c8.system.entry.js +0 -1
  241. package/dist/verdocs-web-sdk/p-df621f8d.system.js +0 -1
  242. package/dist/verdocs-web-sdk/p-ea52b891.entry.js +0 -1
  243. package/dist/verdocs-web-sdk/p-ebc1c670.entry.js +0 -1
  244. package/dist/verdocs-web-sdk/p-fda04bb0.entry.js +0 -1
  245. package/dist/verdocs-web-sdk/p-ff473972.entry.js +0 -1
  246. package/dist/verdocs-web-sdk/p-ffa4091d.entry.js +0 -1
@@ -1,8 +1,9 @@
1
1
  import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
2
2
  import { g as getRGBA } from './Colors.js';
3
+ import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
3
4
  import { g as getFieldSettings } from './utils.js';
5
+ import { S as SettingsIcon } from './Icons.js';
4
6
  import { a as FORMAT_DATE } from './Types2.js';
5
- import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
6
7
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
7
8
  import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
8
9
  import { d as defineCustomElement$7 } from './verdocs-component-error2.js';
@@ -2564,7 +2565,6 @@ if (typeof window !== "undefined") {
2564
2565
 
2565
2566
  const verdocsFieldDateCss = ".flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-shadow:0 3px 13px rgba(0,0,0,0.08);box-shadow:0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);animation:fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #eceef1}.flatpickr-calendar.hasTime .flatpickr-innerContainer{border-bottom:0}.flatpickr-calendar.hasTime .flatpickr-time{border:1px solid #eceef1}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#eceef1}.flatpickr-calendar.arrowTop:after{border-bottom-color:#eceef1}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#eceef1}.flatpickr-calendar.arrowBottom:after{border-top-color:#eceef1}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{border-radius:5px 5px 0 0;background:#eceef1;color:#5a6171;fill:#5a6171;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#5a6171;fill:#5a6171}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0;}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0;}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#bbb}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill 0.1s;transition:fill 0.1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(72,72,72,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:\"\";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(72,72,72,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(72,72,72,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(90,97,113,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:0.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#5a6171}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#5a6171}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 0.5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(90,97,113,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:#eceef1;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 0.5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#eceef1;outline:none;padding:0}.flatpickr-weekdays{background:#eceef1;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:#eceef1;color:#5a6171;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;border-left:1px solid #eceef1;border-right:1px solid #eceef1}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #eceef1;box-shadow:-1px 0 0 #eceef1}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#484848;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#ff5a5f;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#ff5a5f}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #ff5a5f;box-shadow:-10px 0 0 #ff5a5f}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;box-shadow:-5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(72,72,72,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(72,72,72,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;box-shadow:-5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;border-left:1px solid #eceef1}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(72,72,72,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background:#fff;border-bottom:1px solid #eceef1}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;border-radius:0 0 5px 5px}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#484848}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#484848}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#484848;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#484848;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eaeaea}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}span.flatpickr-day.selected{font-weight:bold}verdocs-field-date{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:74px;height:20px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-date.disabled{opacity:0.5}verdocs-field-date input{position:absolute;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-date input.hide{display:none}verdocs-field-date.required input{border:1px solid #cc0000}verdocs-field-date.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-date verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-date verdocs-button-panel[data-active],verdocs-field-date verdocs-button-panel:hover{opacity:1}verdocs-field-date verdocs-button-panel .icon svg{fill:#333333}verdocs-field-date verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-date .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-date .settings-icon svg{fill:#707ae5}verdocs-field-date .settings-icon:hover{opacity:1}.flatpickr-calendar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);box-shadow:1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);animation:fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\"\";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0, 0, 0, 0.9);fill:rgba(0, 0, 0, 0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0, 0, 0, 0.9);fill:rgba(0, 0, 0, 0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0;}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0;}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill 0.1s;transition:fill 0.1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57, 57, 57, 0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0, 0, 0, 0.1)}.numInputWrapper span:active{background:rgba(0, 0, 0, 0.2)}.numInputWrapper span:after{display:block;content:\"\";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57, 57, 57, 0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57, 57, 57, 0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0, 0, 0, 0.5)}.numInputWrapper:hover{background:rgba(0, 0, 0, 0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:0.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0, 0, 0, 0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0, 0, 0, 0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0, 0, 0, 0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 0.5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0, 0, 0, 0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 0.5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0, 0, 0, 0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0, 0, 0, 0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57, 57, 57, 0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57, 57, 57, 0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7, 5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7, 5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57, 57, 57, 0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.flatpickr-calendar div{-ms-flex-direction:row;flex-direction:row}";
2566
2567
 
2567
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
2568
2568
  const VerdocsFieldDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
2569
2569
  constructor() {
2570
2570
  super();
@@ -2638,7 +2638,7 @@ const VerdocsFieldDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
2638
2638
  const formatted = (settings === null || settings === void 0 ? void 0 : settings.result) ? format(new Date(settings === null || settings === void 0 ? void 0 : settings.result), FORMAT_DATE) : '';
2639
2639
  return h(Host, { class: { done: this.done } }, formatted);
2640
2640
  }
2641
- return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, h("input", { name: field.name, type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, ref: el => (this.el = el) }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
2641
+ return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, h("input", { name: field.name, type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, ref: el => (this.el = el) }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
2642
2642
  e.stopPropagation();
2643
2643
  this.showingProperties = !this.showingProperties;
2644
2644
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
2
2
  import { g as getRGBA } from './Colors.js';
3
3
  import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
4
4
  import { g as getFieldSettings } from './utils.js';
5
+ import { S as SettingsIcon } from './Icons.js';
5
6
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
6
7
  import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
7
8
  import { d as defineCustomElement$7 } from './verdocs-component-error2.js';
@@ -13,7 +14,6 @@ import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
13
14
 
14
15
  const verdocsFieldDropdownCss = "verdocs-field-dropdown{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:85px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown.disabled{opacity:0.5}verdocs-field-dropdown select{cursor:inherit;position:absolute;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 6px, calc(100% - 3px) 6px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2);padding:0 5px}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.required select{border:1px solid #cc0000}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-dropdown verdocs-button-panel{display:block;margin-left:-33px;margin-top:-1px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-dropdown .settings-icon{position:absolute;top:-2px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-dropdown .settings-icon svg{fill:#707ae5}verdocs-field-dropdown .settings-icon:hover{opacity:1}";
15
16
 
16
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
17
17
  const VerdocsFieldDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
18
18
  constructor() {
19
19
  super();
@@ -68,7 +68,7 @@ const VerdocsFieldDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
68
68
  if (this.done) {
69
69
  return h(Host, { class: { done: this.done } }, value);
70
70
  }
71
- return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("select", { tabIndex: settings.order, disabled: disabled, ref: el => (this.el = el), onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), (settings.options || []).map(option => (h("option", { value: option.id, selected: option.value === value }, option.value)))), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
71
+ return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("select", { tabIndex: settings.order, disabled: disabled, ref: el => (this.el = el), onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), (settings.options || []).map(option => (h("option", { value: option.id, selected: option.value === value }, option.value)))), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
72
72
  e.stopPropagation();
73
73
  this.showingProperties = !this.showingProperties;
74
74
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
2
2
  import { g as getRGBA } from './Colors.js';
3
3
  import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
4
4
  import { g as getFieldSettings } from './utils.js';
5
+ import { S as SettingsIcon } from './Icons.js';
5
6
  import { d as defineCustomElement$a } from './verdocs-button2.js';
6
7
  import { d as defineCustomElement$9 } from './verdocs-checkbox2.js';
7
8
  import { d as defineCustomElement$8 } from './verdocs-component-error2.js';
@@ -14,7 +15,6 @@ import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
14
15
 
15
16
  const verdocsFieldInitialCss = "verdocs-field-initial{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial.disabled{opacity:0.5}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}";
16
17
 
17
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
18
18
  const VerdocsFieldInitial$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
19
19
  constructor() {
20
20
  super();
@@ -91,7 +91,7 @@ const VerdocsFieldInitial$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
91
91
  if (this.done) {
92
92
  return h(Host, { class: { done: this.done } }, value && h("img", { src: value, alt: "Initials" }));
93
93
  }
94
- return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, value ? (h("img", { src: value, alt: "Initials" })) : (h("button", { class: {}, onClick: () => !disabled && this.handleShow() }, "Initials")), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
94
+ return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, value ? (h("img", { src: value, alt: "Initials" })) : (h("button", { class: {}, onClick: () => !disabled && this.handleShow() }, "Initials")), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.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-${this.fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
2
2
  import { g as getRGBA } from './Colors.js';
3
3
  import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
4
4
  import { g as getFieldSettings } from './utils.js';
5
+ import { S as SettingsIcon } from './Icons.js';
5
6
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
6
7
  import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
7
8
  import { d as defineCustomElement$7 } from './verdocs-component-error2.js';
@@ -15,7 +16,6 @@ const verdocsFieldRadioButtonCss = "verdocs-field-radio-button{font-family:\"Int
15
16
 
16
17
  const RadioIconUnselected = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;
17
18
  const RadioIconSelected = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;
18
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
19
19
  const VerdocsFieldRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
20
20
  constructor() {
21
21
  super();
@@ -66,7 +66,7 @@ const VerdocsFieldRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class extends
66
66
  if (this.done) {
67
67
  return (h(Host, { class: { done: this.done }, style: { maxWidth: '10px' } }, h("span", { innerHTML: !!option.selected ? RadioIconSelected : RadioIconUnselected })));
68
68
  }
69
- return (h(Host, { class: { required, disabled }, style: { backgroundColor } }, h("input", { id: id, type: "radio", name: field.name, value: option.id, tabIndex: settings.order, checked: !!option.selected, disabled: disabled, required: settings.required }), h("label", { htmlFor: id }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
69
+ return (h(Host, { class: { required, disabled }, style: { backgroundColor } }, h("input", { id: id, type: "radio", name: field.name, value: option.id, tabIndex: settings.order, checked: !!option.selected, disabled: disabled, required: settings.required }), h("label", { htmlFor: id }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
70
70
  e.stopPropagation();
71
71
  this.showingProperties = !this.showingProperties;
72
72
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
2
2
  import { g as getRGBA } from './Colors.js';
3
3
  import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
4
4
  import { g as getFieldSettings } from './utils.js';
5
+ import { S as SettingsIcon } from './Icons.js';
5
6
  import { d as defineCustomElement$a } from './verdocs-button2.js';
6
7
  import { d as defineCustomElement$9 } from './verdocs-checkbox2.js';
7
8
  import { d as defineCustomElement$8 } from './verdocs-component-error2.js';
@@ -14,7 +15,6 @@ import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
14
15
 
15
16
  const verdocsFieldSignatureCss = "verdocs-field-signature{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature.disabled{opacity:0.5}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-signature .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-signature .settings-icon svg{fill:#707ae5}verdocs-field-signature .settings-icon:hover{opacity:1}";
16
17
 
17
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
18
18
  const VerdocsFieldSignature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
19
19
  constructor() {
20
20
  super();
@@ -90,7 +90,7 @@ const VerdocsFieldSignature$1 = /*@__PURE__*/ proxyCustomElement(class extends H
90
90
  if (this.done) {
91
91
  return h(Host, { class: { done: this.done } }, value && h("img", { src: value, alt: "Signature" }));
92
92
  }
93
- return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, value ? h("img", { src: value, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
93
+ return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, value ? h("img", { src: value, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
94
94
  e.stopPropagation();
95
95
  this.showingProperties = !this.showingProperties;
96
96
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -4,8 +4,9 @@ import './Types.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
5
5
  import { u as updateField } from './Fields.js';
6
6
  import { g as getRGBA } from './Colors.js';
7
- import { g as getFieldSettings } from './utils.js';
8
7
  import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
8
+ import { g as getFieldSettings } from './utils.js';
9
+ import { S as SettingsIcon } from './Icons.js';
9
10
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
10
11
  import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
11
12
  import { d as defineCustomElement$7 } from './verdocs-component-error2.js';
@@ -17,7 +18,6 @@ import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
17
18
 
18
19
  const verdocsFieldTextareaCss = "verdocs-field-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea.disabled{opacity:0.5}verdocs-field-textarea textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid #cc0000}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textarea verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textarea verdocs-button-panel[data-active],verdocs-field-textarea verdocs-button-panel:hover{opacity:1}verdocs-field-textarea verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textarea verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textarea .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .settings-icon:hover{opacity:1}";
19
20
 
20
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
21
21
  const VerdocsFieldTextarea$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
22
22
  constructor() {
23
23
  super();
@@ -115,7 +115,7 @@ const VerdocsFieldTextarea$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
115
115
  if (this.done) {
116
116
  return h(Host, { class: { done: this.done } }, settings.value);
117
117
  }
118
- return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled, done: this.done }, style: { backgroundColor } }, h("textarea", { placeholder: settings.placeholder || '', tabIndex: settings.order, disabled: disabled, name: field.name, required: field === null || field === void 0 ? void 0 : field.required, ref: el => (this.inputEl = el) }, value), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
118
+ return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled, done: this.done }, style: { backgroundColor } }, h("textarea", { placeholder: settings.placeholder || '', tabIndex: settings.order, disabled: disabled, name: field.name, required: field === null || field === void 0 ? void 0 : field.required, ref: el => (this.inputEl = el) }, value), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
119
119
  e.stopPropagation();
120
120
  this.showingProperties = !this.showingProperties;
121
121
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${this.fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -4,8 +4,10 @@ import './Types.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
5
5
  import { u as updateField } from './Fields.js';
6
6
  import { g as getRGBA } from './Colors.js';
7
+ import { a as getTemplateRoleStore, b as getRoleIndex } from './TemplateStore.js';
7
8
  import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
8
9
  import { g as getFieldSettings } from './utils.js';
10
+ import { S as SettingsIcon } from './Icons.js';
9
11
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
10
12
  import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
11
13
  import { d as defineCustomElement$7 } from './verdocs-component-error2.js';
@@ -17,7 +19,6 @@ import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
17
19
 
18
20
  const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:15px;display:block;font-size:11px;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{cursor:inherit;width:100%;height:100%;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87)}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}verdocs-field-textbox .settings-icon{position:absolute;top:-4px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-textbox .settings-icon svg{fill:#707ae5}verdocs-field-textbox .settings-icon:hover{opacity:1}";
19
21
 
20
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M7.84 1.804A1 1 0 0 1 8.82 1h2.36a1 1 0 0 1 .98.804l.331 1.652a6.993 6.993 0 0 1 1.929 1.115l1.598-.54a1 1 0 0 1 1.186.447l1.18 2.044a1 1 0 0 1-.205 1.251l-1.267 1.113a7.047 7.047 0 0 1 0 2.228l1.267 1.113a1 1 0 0 1 .206 1.25l-1.18 2.045a1 1 0 0 1-1.187.447l-1.598-.54a6.993 6.993 0 0 1-1.929 1.115l-.33 1.652a1 1 0 0 1-.98.804H8.82a1 1 0 0 1-.98-.804l-.331-1.652a6.993 6.993 0 0 1-1.929-1.115l-1.598.54a1 1 0 0 1-1.186-.447l-1.18-2.044a1 1 0 0 1 .205-1.251l1.267-1.114a7.05 7.05 0 0 1 0-2.227L1.821 7.773a1 1 0 0 1-.206-1.25l1.18-2.045a1 1 0 0 1 1.187-.447l1.598.54A6.992 6.992 0 0 1 7.51 3.456l.33-1.652ZM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" clip-rule="evenodd" /></svg>';
21
22
  const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
22
23
  constructor() {
23
24
  super();
@@ -25,6 +26,7 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
25
26
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
26
27
  this.deleted = createEvent(this, "deleted", 7);
27
28
  this.fieldStore = null;
29
+ this.roleStore = null;
28
30
  this.endpoint = VerdocsEndpoint.getDefault();
29
31
  this.templateid = '';
30
32
  this.fieldname = '';
@@ -32,7 +34,6 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
32
34
  this.editable = false;
33
35
  this.moveable = false;
34
36
  this.done = false;
35
- this.roleindex = 0;
36
37
  this.xscale = 1;
37
38
  this.yscale = 1;
38
39
  this.rerender = 0;
@@ -55,6 +56,7 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
55
56
  }
56
57
  async componentWillLoad() {
57
58
  this.fieldStore = getTemplateFieldStore(this.templateid);
59
+ this.roleStore = getTemplateRoleStore(this.templateid);
58
60
  }
59
61
  componentDidRender() {
60
62
  interact_min.dynamicDrop(true);
@@ -106,12 +108,14 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
106
108
  render() {
107
109
  var _a, _b;
108
110
  const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
111
+ const roleIndex = getRoleIndex(this.roleStore, field.role_name);
112
+ const backgroundColor = field['rgba'] || getRGBA(roleIndex);
113
+ console.log('rendering tb', field.name, roleIndex, backgroundColor);
109
114
  if (!field) {
110
115
  return h(Fragment, null);
111
116
  }
112
117
  const settings = getFieldSettings(field);
113
118
  let disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
114
- const backgroundColor = field['rgba'] || getRGBA(this.roleindex);
115
119
  const value = (settings === null || settings === void 0 ? void 0 : settings.result) || '';
116
120
  const width = settings.width || 150;
117
121
  // TODO: This is an outdated technique from the old system. We should compute it.
@@ -119,7 +123,7 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
119
123
  if (this.done) {
120
124
  return h(Host, { class: { done: this.done } }, value);
121
125
  }
122
- return (h(Host, { class: { required: field.required, disabled, done: this.done }, style: { backgroundColor } }, h("input", { type: "text", name: field.name, placeholder: settings === null || settings === void 0 ? void 0 : settings.placeholder, tabIndex: settings === null || settings === void 0 ? void 0 : settings.order, value: value, disabled: disabled, required: field === null || field === void 0 ? void 0 : field.required, ref: el => (this.inputEl = el), maxlength: maxlength }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
126
+ return (h(Host, { class: { required: field.required, disabled, done: this.done }, style: { backgroundColor } }, h("input", { type: "text", name: field.name, placeholder: settings === null || settings === void 0 ? void 0 : settings.placeholder, tabIndex: settings === null || settings === void 0 ? void 0 : settings.order, value: value, disabled: disabled, required: field === null || field === void 0 ? void 0 : field.required, ref: el => (this.inputEl = el), maxlength: maxlength }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
123
127
  e.stopPropagation();
124
128
  this.showingProperties = !this.showingProperties;
125
129
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -142,7 +146,6 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
142
146
  "editable": [4],
143
147
  "moveable": [4],
144
148
  "done": [4],
145
- "roleindex": [2],
146
149
  "xscale": [2],
147
150
  "yscale": [2],
148
151
  "rerender": [2],
@@ -1,8 +1,9 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
2
2
  import { g as getRGBA } from './Colors.js';
3
+ import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
3
4
  import { g as getFieldSettings } from './utils.js';
4
5
  import { F as FORMAT_TIMESTAMP } from './Types2.js';
5
- import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
6
+ import { S as SettingsIcon } from './Icons.js';
6
7
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
7
8
  import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
8
9
  import { d as defineCustomElement$7 } from './verdocs-component-error2.js';
@@ -15,7 +16,6 @@ import { f as format } from './index2.js';
15
16
 
16
17
  const verdocsFieldTimestampCss = "verdocs-field-timestamp{width:160px;height:15px;opacity:0.5;display:block;font-size:9px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;width:100%;height:100%;font-size:9px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}";
17
18
 
18
- const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
19
19
  const VerdocsFieldTimestamp$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
20
20
  constructor() {
21
21
  super();
@@ -71,7 +71,7 @@ const VerdocsFieldTimestamp$1 = /*@__PURE__*/ proxyCustomElement(class extends H
71
71
  return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, h("input", { type: "text", placeholder: settings === null || settings === void 0 ? void 0 : settings.placeholder, tabIndex: settings === null || settings === void 0 ? void 0 : settings.order,
72
72
  // TODO: It would really make more sense to show the date and time but the default width of 64px for this field
73
73
  // is encoded in a ton of existing entries in the database and is hard to change.
74
- value: formatted, disabled: true, ref: el => (this.el = el) }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: settingsIcon, onClick: (e) => {
74
+ value: formatted, disabled: true, ref: el => (this.el = el) }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
75
75
  e.stopPropagation();
76
76
  this.showingProperties = !this.showingProperties;
77
77
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -1,82 +1,9 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
  import './Types.js';
3
3
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
+ import { u as unicodeNBSP } from './Icons.js';
4
5
  import { d as defineCustomElement$1 } from './verdocs-button2.js';
5
6
 
6
- const unicodeNBSP = ' ';
7
- const FileIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';
8
- const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#eeeeee"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
9
- const PdfIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10
- <path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.2189V1.75354C0 0.78509 0.785066 0 1.75352 0H11.4037L18.6338 7.23012V17.6856H0.000116018V16.219L0 16.2189Z" fill="#EB0005"/>
11
- <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6338 17.6855V22.5769C18.6338 23.3629 17.8489 23.9999 16.8804 23.9999H1.75352C0.785067 23.9999 0 23.3629 0 22.5769V17.6855H18.6337H18.6338Z" fill="#C20004"/>
12
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9331 16.1446H5.69888C5.68679 16.1441 5.67471 16.1441 5.66268 16.143C5.62658 16.1396 5.59097 16.1312 5.55718 16.1182C5.50079 16.0963 5.44976 16.0613 5.409 16.0166C5.36828 15.9719 5.33817 15.9179 5.32162 15.8598C5.31499 15.8365 5.31052 15.8127 5.30831 15.7886C5.30718 15.7766 5.30718 15.7645 5.30664 15.7524V6.61099C5.30718 6.5989 5.30718 6.58682 5.30831 6.57479C5.31165 6.53869 5.32005 6.50308 5.33311 6.46929C5.35497 6.4129 5.38994 6.36187 5.43463 6.32111C5.47933 6.28039 5.53336 6.25028 5.59156 6.23373C5.61479 6.2271 5.63861 6.22263 5.66268 6.22042C5.67471 6.21929 5.68679 6.21929 5.69888 6.21875H12.9331C12.9452 6.21929 12.9572 6.21983 12.9693 6.22042C12.9813 6.22209 12.9933 6.22322 13.0052 6.22543C13.0289 6.22985 13.0522 6.23648 13.0748 6.24522C13.1199 6.26271 13.1616 6.28854 13.1974 6.32111C13.2421 6.36187 13.277 6.4129 13.2988 6.46929C13.3119 6.50308 13.3203 6.53869 13.3237 6.57479C13.3248 6.58682 13.3248 6.5989 13.3254 6.61099V15.7524C13.3248 15.7645 13.3248 15.7766 13.3237 15.7886C13.3203 15.8247 13.3119 15.8603 13.2988 15.8941C13.277 15.9505 13.2421 16.0015 13.1974 16.0423C13.1527 16.083 13.0986 16.1131 13.0404 16.1296C13.0172 16.1363 12.9934 16.1407 12.9693 16.143C12.9573 16.1441 12.9452 16.1441 12.9331 16.1446ZM12.5408 7.00322H6.09097V15.3602H12.5408V7.00322ZM11.8213 13.7704V14.3179H6.61066V13.7704H11.8213ZM6.61066 12.6246H11.8213V13.1721H6.61066V12.6246ZM6.61066 11.4787H11.8213V12.0263H6.61066V11.4787ZM6.61066 10.3329H11.8213V10.8805H6.61066V10.3329ZM9.3161 8.04315H11.8214V9.73459H9.3161V8.04315ZM6.61066 9.18897H8.68407V9.73459H6.61066V9.18897ZM6.61066 8.04315H8.68407V8.59074H6.61066V8.04315Z" fill="white"/>
13
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109V13.2774C18.5839 13.3036 18.5406 13.3018 18.5058 13.2671C18.1634 12.9248 11.7261 6.93062 11.7261 6.44637C11.7261 4.3169 11.4043 0.0509979 11.4004 0V4.63363e-05Z" fill="url(#paint0_linear_1513_68)"/>
14
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109H13.2259C12.7419 7.23109 12.2776 7.03876 11.9352 6.6964C11.5928 6.35404 11.4004 5.8897 11.4004 5.40555V0V4.63363e-05Z" fill="#C20004"/>
15
- <path d="M5.73556 22.5143H4.81836V18.9238H5.84101C6.24157 18.9238 6.52278 18.9435 6.68465 18.9827C6.8465 19.0219 6.98385 19.089 7.09665 19.1838C7.22908 19.2933 7.33003 19.4303 7.39953 19.5946C7.469 19.7588 7.50375 19.9417 7.50375 20.1426C7.50375 20.3568 7.46942 20.5453 7.40076 20.708C7.33207 20.8705 7.23072 21.0043 7.09665 21.109C6.99528 21.1874 6.87594 21.2437 6.73859 21.2783C6.60127 21.3126 6.38135 21.3297 6.07891 21.3297H5.73556V22.5143V22.5143ZM5.73556 20.54H5.92196C6.15738 20.54 6.32169 20.5078 6.41487 20.4431C6.50808 20.3787 6.55468 20.2685 6.55468 20.1132C6.55468 19.9628 6.50889 19.8557 6.41733 19.792C6.32577 19.7282 6.16392 19.6964 5.93176 19.6964H5.73556V20.54Z" fill="white"/>
16
- <path d="M8.00195 22.5143V18.9238H8.74998C9.30748 18.9238 9.70178 18.95 9.93313 19.0023C10.1645 19.0546 10.3678 19.1421 10.5426 19.2647C10.77 19.4233 10.9424 19.6264 11.0602 19.8742C11.1777 20.1218 11.2366 20.4043 11.2366 20.7215C11.2366 21.0386 11.1777 21.3211 11.0602 21.5687C10.9424 21.8165 10.77 22.0196 10.5426 22.1781C10.3694 22.2991 10.1714 22.3854 9.94912 22.4368C9.72682 22.4883 9.38189 22.5143 8.91433 22.5143H8.00195V22.5143ZM8.97066 21.7097H9.13501C9.51912 21.7097 9.79961 21.6309 9.97624 21.473C10.1527 21.3154 10.241 21.0648 10.241 20.7215C10.241 20.3782 10.1527 20.1265 9.97624 19.966C9.79961 19.8059 9.51912 19.7259 9.13501 19.7259H8.97066V21.7097Z" fill="white"/>
17
- <path d="M11.8496 22.5143V18.9238H14.0495V19.711H12.8037V20.3339H13.9783V21.1039H12.8037V22.5143H11.8496V22.5143Z" fill="white"/>
18
- <defs>
19
- <linearGradient id="paint0_linear_1513_68" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
20
- <stop stop-color="#212121" stop-opacity="0.61569"/>
21
- <stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
22
- </linearGradient>
23
- </defs>
24
- </svg>
25
- `;
26
- const JpgIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27
- <path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.2189V1.75354C0 0.78509 0.785066 0 1.75352 0H11.4037L18.6338 7.23011V17.6856H0.000116018V16.219L0 16.2189Z" fill="#FA8D00"/>
28
- <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6338 17.6855V22.5769C18.6338 23.3629 17.8489 23.9999 16.8804 23.9999H1.75352C0.785067 23.9999 0 23.3629 0 22.5769V17.6855H18.6337H18.6338Z" fill="#FF7000"/>
29
- <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4989 15.8912C10.7105 15.8998 7.92228 15.8912 5.13386 15.8912C5.11415 15.8912 5.09445 15.8909 5.07451 15.8903C5.03093 15.8889 4.98735 15.8861 4.94401 15.8818C4.80677 15.8682 4.67117 15.8398 4.54019 15.7973C4.36842 15.7417 4.20477 15.6618 4.05525 15.5608C3.90713 15.4608 3.77337 15.3403 3.65839 15.2036C3.59001 15.122 3.52835 15.0348 3.47411 14.9431C3.41036 14.8351 3.35728 14.7208 3.31578 14.6025C3.26757 14.4652 3.23488 14.3224 3.21865 14.1777C3.21378 14.1344 3.21054 14.0909 3.20869 14.0473C3.20753 14.0234 3.20706 13.9995 3.20683 13.9756C3.20289 12.6633 3.20683 11.351 3.20683 10.039C3.20683 10.0153 3.20729 9.99155 3.20822 9.96786C3.20984 9.92423 3.21286 9.88065 3.21749 9.83723C3.23094 9.70804 3.25783 9.58027 3.297 9.45646C3.33154 9.34811 3.37536 9.24285 3.42844 9.14227C3.49242 9.02024 3.56984 8.90515 3.65839 8.79961C3.76317 8.67499 3.88371 8.56372 4.01631 8.4693C4.16327 8.3646 4.32508 8.28073 4.49546 8.22087C4.62921 8.17393 4.76783 8.14181 4.90854 8.12521C4.95583 8.11962 5.00312 8.1158 5.05087 8.11373C5.07475 8.11271 5.09862 8.11218 5.1225 8.11197C7.91857 8.1033 10.7149 8.1033 13.511 8.11197C13.5309 8.11216 13.5508 8.11253 13.5708 8.11327C13.6143 8.11489 13.6579 8.11797 13.7015 8.12256C13.8385 8.13703 13.9739 8.16621 14.1046 8.20947C14.2722 8.26494 14.4322 8.34353 14.5784 8.44237C14.7131 8.53345 14.8362 8.64163 14.944 8.76356C15.017 8.84641 15.0831 8.93554 15.141 9.02968C15.2129 9.14656 15.2722 9.27118 15.3177 9.40064C15.3647 9.53426 15.397 9.67304 15.4134 9.81368C15.419 9.8609 15.4229 9.90833 15.425 9.95585C15.4259 9.97975 15.4264 10.0037 15.4266 10.0276C15.4306 11.3398 15.4266 12.6521 15.4266 13.9642C15.4266 13.9879 15.4264 14.0116 15.4255 14.0353C15.4238 14.0789 15.4206 14.1225 15.4162 14.166C15.4021 14.299 15.374 14.4306 15.3327 14.5579C15.2771 14.7296 15.1974 14.8933 15.0963 15.0428C15.0075 15.1743 14.9023 15.2947 14.7841 15.4005C14.6841 15.4899 14.5747 15.5689 14.4584 15.6356C14.3564 15.6942 14.249 15.7433 14.138 15.7823C14.0149 15.8255 13.8872 15.8562 13.7581 15.8738C13.7228 15.8848 13.6948 15.8848 13.641 15.8912H13.4989ZM13.8246 15.0759C13.8376 15.0721 13.8503 15.0681 13.8631 15.0639C13.973 15.0276 14.0773 14.9747 14.1714 14.9077C14.2609 14.844 14.3411 14.7676 14.409 14.6814C14.4894 14.5794 14.5525 14.4638 14.5949 14.341C14.6234 14.2582 14.6424 14.1722 14.6517 14.0852C14.6556 14.0472 14.6577 14.009 14.6579 13.9708C14.6619 12.6579 14.6619 11.3451 14.6579 10.0324C14.6577 9.99414 14.6556 9.95596 14.6517 9.91797C14.6424 9.83093 14.6234 9.74492 14.5949 9.66219C14.5525 9.53933 14.4894 9.42378 14.409 9.32176C14.3411 9.23559 14.2609 9.15914 14.1714 9.09549C14.0773 9.02843 13.973 8.97557 13.8631 8.93925C13.7845 8.91324 13.7031 8.89569 13.6208 8.887C13.5828 8.88299 13.5446 8.88097 13.5063 8.88063C10.7158 8.87198 7.92553 8.8806 5.13502 8.8806C5.12041 8.88065 5.10581 8.88086 5.0912 8.88139C5.06501 8.88239 5.03881 8.88424 5.01285 8.887C4.92569 8.89618 4.83969 8.91526 4.75693 8.94377C4.62295 8.98997 4.49754 9.06093 4.38882 9.15219C4.31047 9.21819 4.2407 9.29464 4.18205 9.37894C4.119 9.47005 4.06893 9.57023 4.03416 9.6755C4.00819 9.75415 3.99058 9.83554 3.98177 9.9179C3.97783 9.95594 3.97574 9.99412 3.97551 10.0324C3.97157 11.3452 3.97157 12.6581 3.97551 13.9708C3.97551 13.9852 3.97597 13.9995 3.97644 14.0139C3.97783 14.0425 3.98014 14.0711 3.98339 14.0995C3.99336 14.184 4.0126 14.2674 4.04088 14.3477C4.0833 14.468 4.14542 14.5812 4.22447 14.6814C4.29239 14.7676 4.37283 14.844 4.46207 14.9077C4.55642 14.9748 4.6605 15.0276 4.77038 15.0639C4.84665 15.0892 4.92569 15.1065 5.00567 15.1154C5.046 15.1199 5.08657 15.1222 5.12713 15.1225C5.21986 15.1228 5.31258 15.1231 5.40507 15.1234L7.47814 12.3394C7.48347 12.3327 7.48857 12.3259 7.49413 12.3194C7.50526 12.3064 7.51708 12.2942 7.52983 12.2828C7.5806 12.2372 7.64342 12.2057 7.71041 12.1922C7.7271 12.1888 7.74402 12.1865 7.76095 12.1854C7.76952 12.1848 7.7781 12.1848 7.78644 12.1845C7.79502 12.1848 7.8036 12.1851 7.81194 12.1854C7.82052 12.1862 7.8291 12.1868 7.83744 12.1879C7.85436 12.1902 7.87105 12.1936 7.88751 12.1981C7.945 12.2137 7.99878 12.243 8.04329 12.2828C8.0558 12.2942 8.06786 12.3064 8.07875 12.3194C8.08432 12.3259 8.08942 12.3327 8.09475 12.3394L8.75818 13.2302L10.388 10.6263C10.4059 10.6038 10.4212 10.5792 10.4416 10.5589C10.4617 10.5385 10.4847 10.5203 10.5088 10.505C10.5579 10.4742 10.6131 10.4548 10.6706 10.4483C10.6991 10.4451 10.7281 10.4483 10.7568 10.4483C10.7849 10.4547 10.8129 10.4611 10.841 10.4676C10.8667 10.48 10.8943 10.4897 10.9184 10.505C10.984 10.5463 10.9921 10.5669 11.0394 10.6263L13.8246 15.0759V15.0759ZM6.36407 15.1226H9.20882L7.78644 13.2123C7.31239 13.8491 6.83835 14.4858 6.36407 15.1226ZM9.25078 13.8918L10.1674 15.1226H12.947L10.7137 11.5546L9.25078 13.8917V13.8918ZM6.09215 9.57505C6.65151 9.57505 7.10562 10.0291 7.10562 10.5885C7.10562 11.1478 6.65151 11.6019 6.09215 11.6019C5.5328 11.6019 5.07868 11.1478 5.07868 10.5885C5.07868 10.0291 5.5328 9.57505 6.09215 9.57505ZM6.09215 9.9667C6.43546 9.9667 6.7141 10.2453 6.7141 10.5885C6.7141 10.9316 6.43546 11.2103 6.09215 11.2103C5.74908 11.2103 5.47044 10.9316 5.47044 10.5885C5.47044 10.2453 5.74908 9.9667 6.09215 9.9667Z" fill="white"/>
30
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109V13.2774C18.5839 13.3036 18.5406 13.3018 18.5058 13.2671C18.1634 12.9247 11.7261 6.93062 11.7261 6.44637C11.7261 4.3169 11.4043 0.0509979 11.4004 0V4.63363e-05Z" fill="url(#paint0_linear_1513_40)"/>
31
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109H13.2259C12.7419 7.23109 12.2776 7.03876 11.9352 6.6964C11.5928 6.35404 11.4004 5.8897 11.4004 5.40555V0V4.63363e-05Z" fill="#FF7000"/>
32
- <path d="M5.49394 18.9229H6.46999V21.2528C6.46999 21.5061 6.45363 21.7006 6.42094 21.8365C6.38823 21.9721 6.33429 22.0921 6.25907 22.1969C6.15935 22.3325 6.03672 22.4352 5.89121 22.5048C5.74571 22.5741 5.58221 22.6088 5.40073 22.6088C5.17511 22.6088 4.97401 22.5606 4.79745 22.4642C4.62088 22.3678 4.46965 22.2247 4.34375 22.0351L4.94214 21.4931C4.95686 21.5993 4.99119 21.6811 5.04513 21.7382C5.0991 21.7954 5.16695 21.8242 5.24868 21.8242C5.34187 21.8242 5.40606 21.7725 5.4412 21.6696C5.47634 21.5666 5.49394 21.3091 5.49394 20.8972V18.9229V18.9229Z" fill="white"/>
33
- <path d="M8.11056 22.5143H7.19336V18.9238H8.21601C8.61655 18.9238 8.89773 18.9435 9.05954 18.9827C9.22157 19.0219 9.3588 19.089 9.47169 19.1838C9.60405 19.2933 9.70512 19.4303 9.77443 19.5946C9.84398 19.7588 9.87875 19.9417 9.87875 20.1426C9.87875 20.3568 9.84444 20.5453 9.77582 20.708C9.70698 20.8705 9.60568 21.0043 9.47169 21.109C9.37039 21.1874 9.25101 21.2437 9.11355 21.2783C8.97632 21.3126 8.75633 21.3297 8.45389 21.3297H8.11056V22.5143V22.5143ZM8.11056 20.54H8.29693C8.53238 20.54 8.69675 20.5078 8.78994 20.4431C8.88313 20.3787 8.92972 20.2685 8.92972 20.1132C8.92972 19.9628 8.88383 19.8557 8.79226 19.792C8.7007 19.7282 8.53892 19.6964 8.30676 19.6964H8.11056V20.54Z" fill="white"/>
34
- <path d="M12.0835 21.1902V20.4373H14.0061C14.0077 20.4618 14.0089 20.489 14.0098 20.5182C14.0105 20.5476 14.011 20.591 14.011 20.6482C14.011 21.2662 13.848 21.7456 13.5219 22.0866C13.1957 22.4273 12.7367 22.598 12.1447 22.598C11.8538 22.598 11.5951 22.5541 11.3686 22.4667C11.1421 22.3791 10.9397 22.2456 10.7617 22.0657C10.5916 21.8939 10.4597 21.6909 10.3655 21.4563C10.2714 21.2217 10.2246 20.976 10.2246 20.7194C10.2246 20.4512 10.2703 20.2048 10.3618 19.9799C10.4534 19.7553 10.5899 19.5529 10.7714 19.373C10.9513 19.1981 11.1576 19.0656 11.3906 18.9757C11.6236 18.8858 11.8751 18.8408 12.1447 18.8408C12.4963 18.8408 12.8074 18.9103 13.0779 19.0493C13.3485 19.1883 13.5761 19.3951 13.7608 19.6697L12.9124 20.0768C12.8109 19.9379 12.6971 19.8346 12.5703 19.7666C12.4435 19.6987 12.3016 19.6649 12.1447 19.6649C11.8521 19.6649 11.6215 19.7625 11.4532 19.9579C11.2849 20.1533 11.2005 20.4201 11.2005 20.7586C11.2005 21.1002 11.2849 21.3694 11.4532 21.5655C11.6215 21.7616 11.8521 21.8596 12.1447 21.8596C12.3932 21.8596 12.6004 21.7989 12.7664 21.677C12.9324 21.5553 13.0293 21.393 13.0571 21.1902H12.0835Z" fill="white"/>
35
- <defs>
36
- <linearGradient id="paint0_linear_1513_40" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
37
- <stop stop-color="#212121" stop-opacity="0.61569"/>
38
- <stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
39
- </linearGradient>
40
- </defs>
41
- </svg>
42
- `;
43
- const PngIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
44
- <path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.2189V1.75354C0 0.78509 0.785066 0 1.75352 0H11.4037L18.6338 7.23011V17.6856H0.000116018V16.219L0 16.2189Z" fill="#00C783"/>
45
- <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6338 17.6855V22.5769C18.6338 23.3629 17.8489 23.9999 16.8804 23.9999H1.75352C0.785067 23.9999 0 23.3629 0 22.5769V17.6855H18.6337H18.6338Z" fill="#00AF73"/>
46
- <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4989 15.8912C10.7105 15.8998 7.92228 15.8912 5.13386 15.8912C5.11415 15.8912 5.09445 15.8909 5.07451 15.8903C5.03093 15.8889 4.98735 15.8861 4.94401 15.8818C4.80677 15.8682 4.67117 15.8398 4.54019 15.7973C4.36842 15.7417 4.20477 15.6618 4.05525 15.5608C3.90713 15.4608 3.77337 15.3403 3.65839 15.2036C3.59001 15.122 3.52835 15.0348 3.47411 14.9431C3.41036 14.8351 3.35728 14.7208 3.31578 14.6025C3.26757 14.4652 3.23488 14.3224 3.21865 14.1777C3.21378 14.1344 3.21054 14.0909 3.20869 14.0473C3.20753 14.0234 3.20706 13.9995 3.20683 13.9756C3.20289 12.6633 3.20683 11.351 3.20683 10.039C3.20683 10.0153 3.20729 9.99155 3.20822 9.96786C3.20984 9.92423 3.21286 9.88065 3.21749 9.83723C3.23094 9.70804 3.25783 9.58027 3.297 9.45646C3.33154 9.34811 3.37536 9.24285 3.42844 9.14227C3.49242 9.02024 3.56984 8.90515 3.65839 8.79961C3.76317 8.67499 3.88371 8.56372 4.01631 8.4693C4.16327 8.3646 4.32508 8.28073 4.49546 8.22087C4.62921 8.17393 4.76783 8.14181 4.90854 8.12521C4.95583 8.11962 5.00312 8.1158 5.05087 8.11373C5.07475 8.11271 5.09862 8.11218 5.1225 8.11197C7.91857 8.1033 10.7149 8.1033 13.511 8.11197C13.5309 8.11216 13.5508 8.11253 13.5708 8.11327C13.6143 8.11489 13.6579 8.11797 13.7015 8.12256C13.8385 8.13703 13.9739 8.16621 14.1046 8.20947C14.2722 8.26494 14.4322 8.34353 14.5784 8.44237C14.7131 8.53345 14.8362 8.64163 14.944 8.76356C15.017 8.84641 15.0831 8.93554 15.141 9.02968C15.2129 9.14656 15.2722 9.27118 15.3177 9.40064C15.3647 9.53426 15.397 9.67304 15.4134 9.81368C15.419 9.8609 15.4229 9.90833 15.425 9.95585C15.4259 9.97975 15.4264 10.0037 15.4266 10.0276C15.4306 11.3398 15.4266 12.6521 15.4266 13.9642C15.4266 13.9879 15.4264 14.0116 15.4255 14.0353C15.4238 14.0789 15.4206 14.1225 15.4162 14.166C15.4021 14.299 15.374 14.4306 15.3327 14.5579C15.2771 14.7296 15.1974 14.8933 15.0963 15.0428C15.0075 15.1743 14.9023 15.2947 14.7841 15.4005C14.6841 15.4899 14.5747 15.5689 14.4584 15.6356C14.3564 15.6942 14.249 15.7433 14.138 15.7823C14.0149 15.8255 13.8872 15.8562 13.7581 15.8738C13.7228 15.8848 13.6948 15.8848 13.641 15.8912H13.4989ZM13.8246 15.0759C13.8376 15.0721 13.8503 15.0681 13.8631 15.0639C13.973 15.0276 14.0773 14.9747 14.1714 14.9077C14.2609 14.844 14.3411 14.7676 14.409 14.6814C14.4894 14.5794 14.5525 14.4638 14.5949 14.341C14.6234 14.2582 14.6424 14.1722 14.6517 14.0852C14.6556 14.0472 14.6577 14.009 14.6579 13.9708C14.6619 12.6579 14.6619 11.3451 14.6579 10.0324C14.6577 9.99414 14.6556 9.95596 14.6517 9.91797C14.6424 9.83093 14.6234 9.74492 14.5949 9.66219C14.5525 9.53933 14.4894 9.42378 14.409 9.32176C14.3411 9.23559 14.2609 9.15914 14.1714 9.09549C14.0773 9.02843 13.973 8.97557 13.8631 8.93925C13.7845 8.91324 13.7031 8.89569 13.6208 8.887C13.5828 8.88299 13.5446 8.88097 13.5063 8.88063C10.7158 8.87198 7.92553 8.8806 5.13502 8.8806C5.12041 8.88065 5.10581 8.88086 5.0912 8.88139C5.06501 8.88239 5.03881 8.88424 5.01285 8.887C4.92569 8.89618 4.83969 8.91526 4.75693 8.94377C4.62295 8.98997 4.49754 9.06093 4.38882 9.15219C4.31047 9.21819 4.2407 9.29464 4.18205 9.37894C4.119 9.47005 4.06893 9.57023 4.03416 9.6755C4.00819 9.75415 3.99058 9.83554 3.98177 9.9179C3.97783 9.95594 3.97574 9.99412 3.97551 10.0324C3.97157 11.3452 3.97157 12.6581 3.97551 13.9708C3.97551 13.9852 3.97597 13.9995 3.97644 14.0139C3.97783 14.0425 3.98014 14.0711 3.98339 14.0995C3.99336 14.184 4.0126 14.2674 4.04088 14.3477C4.0833 14.468 4.14542 14.5812 4.22447 14.6814C4.29239 14.7676 4.37283 14.844 4.46207 14.9077C4.55642 14.9748 4.6605 15.0276 4.77038 15.0639C4.84665 15.0892 4.92569 15.1065 5.00567 15.1154C5.046 15.1199 5.08657 15.1222 5.12713 15.1225C5.21986 15.1228 5.31258 15.1231 5.40507 15.1234L7.47814 12.3394C7.48347 12.3327 7.48857 12.3259 7.49413 12.3194C7.50526 12.3064 7.51708 12.2942 7.52983 12.2828C7.5806 12.2372 7.64342 12.2057 7.71041 12.1922C7.7271 12.1888 7.74402 12.1865 7.76095 12.1854C7.76952 12.1848 7.7781 12.1848 7.78644 12.1845C7.79502 12.1848 7.8036 12.1851 7.81194 12.1854C7.82052 12.1862 7.8291 12.1868 7.83744 12.1879C7.85436 12.1902 7.87105 12.1936 7.88751 12.1981C7.945 12.2137 7.99878 12.243 8.04329 12.2828C8.0558 12.2942 8.06786 12.3064 8.07875 12.3194C8.08432 12.3259 8.08942 12.3327 8.09475 12.3394L8.75818 13.2302L10.388 10.6263C10.4059 10.6038 10.4212 10.5792 10.4416 10.5589C10.4617 10.5385 10.4847 10.5203 10.5088 10.505C10.5579 10.4742 10.6131 10.4548 10.6706 10.4483C10.6991 10.4451 10.7281 10.4483 10.7568 10.4483C10.7849 10.4547 10.8129 10.4611 10.841 10.4676C10.8667 10.48 10.8943 10.4897 10.9184 10.505C10.984 10.5463 10.9921 10.5669 11.0394 10.6263L13.8246 15.0759V15.0759ZM6.36407 15.1226H9.20882L7.78644 13.2123C7.31239 13.8491 6.83835 14.4858 6.36407 15.1226ZM9.25078 13.8918L10.1674 15.1226H12.947L10.7137 11.5546L9.25078 13.8917V13.8918ZM6.09215 9.57505C6.65151 9.57505 7.10562 10.0291 7.10562 10.5885C7.10562 11.1478 6.65151 11.6019 6.09215 11.6019C5.5328 11.6019 5.07868 11.1478 5.07868 10.5885C5.07868 10.0291 5.5328 9.57505 6.09215 9.57505ZM6.09215 9.9667C6.43546 9.9667 6.7141 10.2453 6.7141 10.5885C6.7141 10.9316 6.43546 11.2103 6.09215 11.2103C5.74908 11.2103 5.47044 10.9316 5.47044 10.5885C5.47044 10.2453 5.74908 9.9667 6.09215 9.9667Z" fill="white"/>
47
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109V13.2774C18.5839 13.3036 18.5406 13.3018 18.5058 13.2671C18.1634 12.9247 11.7261 6.93062 11.7261 6.44637C11.7261 4.3169 11.4043 0.0509979 11.4004 0V4.63363e-05Z" fill="url(#paint0_linear_1513_170)"/>
48
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109H13.2259C12.7419 7.23109 12.2776 7.03876 11.9352 6.6964C11.5928 6.35404 11.4004 5.8897 11.4004 5.40555V0V4.63363e-05Z" fill="#00AF73"/>
49
- <path d="M4.76876 22.5143H3.85156V18.9238H4.87423C5.27478 18.9238 5.55598 18.9435 5.71785 18.9827C5.8797 19.0219 6.01705 19.089 6.12985 19.1838C6.26228 19.2933 6.36323 19.4303 6.43273 19.5946C6.5022 19.7588 6.53695 19.9417 6.53695 20.1426C6.53695 20.3568 6.50262 20.5453 6.43396 20.708C6.36527 20.8705 6.26393 21.0043 6.12985 21.109C6.02848 21.1874 5.90914 21.2437 5.7718 21.2783C5.63447 21.3126 5.41458 21.3297 5.11212 21.3297H4.76876V22.5143V22.5143ZM4.76876 20.54H4.95516C5.19058 20.54 5.35489 20.5078 5.44808 20.4431C5.54129 20.3787 5.58788 20.2685 5.58788 20.1132C5.58788 19.9628 5.5421 19.8557 5.45053 19.792C5.35899 19.7282 5.19712 19.6964 4.96496 19.6964H4.76876V20.54Z" fill="white"/>
50
- <path d="M7.03516 22.5143V18.9238H7.97934L9.33544 20.7704C9.36164 20.8082 9.40452 20.8837 9.46433 20.9973C9.5239 21.1109 9.58973 21.2463 9.6616 21.4032C9.64212 21.2544 9.62775 21.122 9.61871 21.0059C9.6099 20.8898 9.60526 20.7868 9.60526 20.6969V18.9238H10.5446V22.5143H9.60526L8.24909 20.6601C8.2213 20.6225 8.17758 20.547 8.11789 20.4334C8.05822 20.3198 7.99324 20.186 7.92294 20.0323C7.94255 20.1828 7.95685 20.3161 7.96584 20.4322C7.97484 20.5481 7.97934 20.6513 7.97934 20.7412V22.5143H7.03516Z" fill="white"/>
51
- <path d="M13.021 21.1902V20.4373H14.9436C14.9455 20.4618 14.9466 20.489 14.9473 20.5182C14.9482 20.5476 14.9487 20.591 14.9487 20.6482C14.9487 21.2662 14.7855 21.7456 14.4594 22.0866C14.1332 22.4273 13.6742 22.598 13.0824 22.598C12.7913 22.598 12.5326 22.5541 12.3061 22.4667C12.0796 22.3791 11.8775 22.2456 11.6992 22.0657C11.5291 21.8939 11.3972 21.6909 11.303 21.4563C11.2092 21.2217 11.1621 20.976 11.1621 20.7194C11.1621 20.4512 11.208 20.2048 11.2996 19.9799C11.3909 19.7553 11.5274 19.5529 11.7089 19.373C11.8888 19.1981 12.0954 19.0656 12.3283 18.9757C12.5613 18.8858 12.8126 18.8408 13.0824 18.8408C13.4338 18.8408 13.7449 18.9103 14.0154 19.0493C14.286 19.1883 14.5138 19.3951 14.6986 19.6697L13.8499 20.0768C13.7486 19.9379 13.6346 19.8346 13.5078 19.7666C13.3812 19.6987 13.2393 19.6649 13.0824 19.6649C12.7896 19.6649 12.5592 19.7625 12.3907 19.9579C12.2224 20.1533 12.1383 20.4201 12.1383 20.7586C12.1383 21.1002 12.2224 21.3694 12.3907 21.5655C12.5592 21.7616 12.7896 21.8596 13.0824 21.8596C13.3309 21.8596 13.5381 21.7989 13.7041 21.677C13.8701 21.5553 13.9668 21.393 13.9946 21.1902H13.021Z" fill="white"/>
52
- <defs>
53
- <linearGradient id="paint0_linear_1513_170" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
54
- <stop stop-color="#212121" stop-opacity="0.61569"/>
55
- <stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
56
- </linearGradient>
57
- </defs>
58
- </svg>
59
- `;
60
- const DocIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
61
- <path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.2189V1.75354C0 0.78509 0.785066 0 1.75352 0H11.4037L18.6338 7.23011V17.6856H0.000116018V16.219L0 16.2189Z" fill="#33A9FE"/>
62
- <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6338 17.6855V22.5769C18.6338 23.3629 17.8489 23.9999 16.8804 23.9999H1.75352C0.785067 23.9999 0 23.3629 0 22.5769V17.6855H18.6337H18.6338Z" fill="#2585CB"/>
63
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109V13.2774C18.5839 13.3036 18.5406 13.3018 18.5058 13.2671C18.1634 12.9247 11.7261 6.93062 11.7261 6.44637C11.7261 4.3169 11.4043 0.0509979 11.4004 0V4.63363e-05Z" fill="url(#paint0_linear_1513_141)"/>
64
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4004 4.63363e-05H11.4036L18.6347 7.23109H13.2259C12.7419 7.23109 12.2776 7.03876 11.9352 6.6964C11.5928 6.35404 11.4004 5.8897 11.4004 5.40555V0V4.63363e-05Z" fill="#2585CB"/>
65
- <defs>
66
- <linearGradient id="paint0_linear_1513_141" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
67
- <stop stop-color="#212121" stop-opacity="0.61569"/>
68
- <stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
69
- </linearGradient>
70
- </defs>
71
- </svg>
72
- ;`;
73
- const PageCountIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
74
- <rect x="0.5" y="0.5" width="14" height="17" rx="0.5" fill="white" stroke="#375367"/>
75
- <rect x="2.5" y="2.5" width="14" height="18" rx="0.5" fill="white" stroke="#375367"/>
76
- <rect x="4.5" y="4.5" width="14" height="19" rx="0.5" fill="white" stroke="#375367"/>
77
- </svg>
78
- `;
79
-
80
7
  const verdocsFileChooserCss = "verdocs-file-chooser{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-file-chooser .upload-box{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 15px;color:rgba(0, 0, 0, 0.54)}verdocs-file-chooser .upload-box svg{width:64px;height:64px;fill:#5c6575}verdocs-file-chooser .selected-filename{font-size:20px;font-weight:bold;overflow-wrap:anywhere}verdocs-file-chooser .or-prefer{height:20px;margin:20px 0;font-size:16px}";
81
8
 
82
9
  const VerdocsFileChooser = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -129,4 +56,4 @@ function defineCustomElement() {
129
56
  }
130
57
  defineCustomElement();
131
58
 
132
- export { DocIcon as D, FileIcon as F, JpgIcon as J, PngIcon as P, TrashIcon as T, VerdocsFileChooser as V, PdfIcon as a, PageCountIcon as b, defineCustomElement as d };
59
+ export { VerdocsFileChooser as V, defineCustomElement as d };
@@ -1,8 +1,8 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
  import './Types.js';
3
3
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
- import { r as renderDocumentField, b as getRoleIndex } from './utils.js';
5
- import { g as getTemplateStore, a as getRoleNames } from './TemplateStore.js';
4
+ import { g as getTemplateStore, a as getTemplateRoleStore } from './TemplateStore.js';
5
+ import { r as renderDocumentField } from './utils.js';
6
6
  import { S as SDKError } from './errors.js';
7
7
  import { d as defineCustomElement$2 } from './verdocs-loader2.js';
8
8
  import { d as defineCustomElement$1 } from './verdocs-template-document-page2.js';
@@ -14,7 +14,8 @@ const VerdocsPreview = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
14
14
  super();
15
15
  this.__registerHost();
16
16
  this.sdkError = createEvent(this, "sdkError", 7);
17
- this.store = null;
17
+ this.templateStore = null;
18
+ this.roleStore = null;
18
19
  this.endpoint = VerdocsEndpoint.getDefault();
19
20
  this.templateId = null;
20
21
  }
@@ -30,7 +31,8 @@ const VerdocsPreview = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
30
31
  console.log('[PREVIEW] Unable to start builder session, must be authenticated');
31
32
  return;
32
33
  }
33
- this.store = await getTemplateStore(this.endpoint, this.templateId, false);
34
+ this.templateStore = await getTemplateStore(this.endpoint, this.templateId, false);
35
+ this.roleStore = getTemplateRoleStore(this.templateId);
34
36
  console.log(`[PREVIEW] Loading template ${this.templateId}`, this.endpoint.session);
35
37
  }
36
38
  catch (e) {
@@ -41,17 +43,17 @@ const VerdocsPreview = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
41
43
  handlePageRendered(e) {
42
44
  var _a, _b;
43
45
  const pageInfo = e.detail;
44
- const fields = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.filter(field => field.page_sequence === pageInfo.pageNumber);
46
+ const fields = (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.filter(field => field.page_sequence === pageInfo.pageNumber);
45
47
  console.log('[PREVIEW] Page rendered', pageInfo, fields);
46
- fields.forEach(field => renderDocumentField(field, pageInfo, getRoleIndex(getRoleNames(this.store), field.role_name), { disabled: true, editable: false, draggable: false }));
48
+ fields.forEach(field => renderDocumentField(field, pageInfo, { disabled: true, editable: false, draggable: false }));
47
49
  }
48
50
  render() {
49
51
  var _a, _b, _c, _d;
50
52
  // TODO: Render a better error
51
- if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
53
+ if (!((_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
52
54
  return (h(Host, null, h("verdocs-loader", null)));
53
55
  }
54
- const pages = [...(_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.pages];
56
+ const pages = [...(_d = (_c = this.templateStore) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.pages];
55
57
  pages.sort((a, b) => a.sequence - b.sequence);
56
58
  return (h(Host, null, pages.map(page => {
57
59
  return (h("verdocs-template-document-page", { templateId: page.template_id, documentId: page.document_id, pageNumber: page.sequence, virtualWidth: 612, virtualHeight: 792, onPageRendered: e => this.handlePageRendered(e), layers: [
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { e as renderedTextWidth } from './utils.js';
2
+ import { d as renderedTextWidth } from './utils.js';
3
3
  import { c as createPopper } from './popper.js';
4
4
 
5
5
  const verdocsQuickFilterCss = "verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:#4c56cb3f}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";