@verdocs/web-sdk 5.0.0 → 5.0.2

package/dist/components/{p-94065def.js → p-22e52874.js}

@@ -8,16 +8,16 @@ import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$p } from './p-0e332769.js';
 import { d as defineCustomElement$o } from './p-3201d529.js';
 import { d as defineCustomElement$n } from './p-84ae0283.js';
-import { d as defineCustomElement$m } from './p-1030e0b1.js';
-import { d as defineCustomElement$l } from './p-649a2ae7.js';
-import { d as defineCustomElement$k } from './p-caa41754.js';
-import { d as defineCustomElement$j } from './p-82a3f92e.js';
-import { d as defineCustomElement$i } from './p-4e08dcdd.js';
-import { d as defineCustomElement$h } from './p-1fc15f94.js';
-import { d as defineCustomElement$g } from './p-642af221.js';
-import { d as defineCustomElement$f } from './p-bdc03b91.js';
-import { d as defineCustomElement$e } from './p-b9a18099.js';
-import { d as defineCustomElement$d } from './p-81794664.js';
+import { d as defineCustomElement$m } from './p-9c3fd545.js';
+import { d as defineCustomElement$l } from './p-4afcdc84.js';
+import { d as defineCustomElement$k } from './p-fd96322b.js';
+import { d as defineCustomElement$j } from './p-0a69031f.js';
+import { d as defineCustomElement$i } from './p-49153610.js';
+import { d as defineCustomElement$h } from './p-ecc818bb.js';
+import { d as defineCustomElement$g } from './p-b0c02eb8.js';
+import { d as defineCustomElement$f } from './p-1ca705bc.js';
+import { d as defineCustomElement$e } from './p-d9704a51.js';
+import { d as defineCustomElement$d } from './p-dd701894.js';
 import { d as defineCustomElement$c } from './p-0ca7012b.js';
 import { d as defineCustomElement$b } from './p-b9034018.js';
 import { d as defineCustomElement$a } from './p-1ae5d7e0.js';
@@ -25,7 +25,7 @@ import { d as defineCustomElement$9 } from './p-cf6ea837.js';
 import { d as defineCustomElement$8 } from './p-5d4bbcd0.js';
 import { d as defineCustomElement$7 } from './p-315d6592.js';
 import { d as defineCustomElement$6 } from './p-5a9cea40.js';
-import { d as defineCustomElement$5 } from './p-258c3c53.js';
+import { d as defineCustomElement$5 } from './p-a22a3b1b.js';
 import { d as defineCustomElement$4 } from './p-0d063bf9.js';
 import { d as defineCustomElement$3 } from './p-c8fedb4e.js';
 import { d as defineCustomElement$2 } from './p-1e2e8b1c.js';

package/dist/components/{p-4e08dcdd.js → p-49153610.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$a } from './p-0e332769.js';
 import { d as defineCustomElement$9 } from './p-3201d529.js';

package/dist/components/{p-649a2ae7.js → p-4afcdc84.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';

package/dist/components/{p-1030e0b1.js → p-9c3fd545.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, getRGBA } from '@verdocs/js-sdk';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$b } from './p-0e332769.js';
 import { d as defineCustomElement$a } from './p-3201d529.js';

package/dist/components/{p-258c3c53.js → p-a22a3b1b.js}

@@ -5,16 +5,16 @@ import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$n } from './p-0e332769.js';
 import { d as defineCustomElement$m } from './p-3201d529.js';
 import { d as defineCustomElement$l } from './p-84ae0283.js';
-import { d as defineCustomElement$k } from './p-1030e0b1.js';
-import { d as defineCustomElement$j } from './p-649a2ae7.js';
-import { d as defineCustomElement$i } from './p-caa41754.js';
-import { d as defineCustomElement$h } from './p-82a3f92e.js';
-import { d as defineCustomElement$g } from './p-4e08dcdd.js';
-import { d as defineCustomElement$f } from './p-1fc15f94.js';
-import { d as defineCustomElement$e } from './p-642af221.js';
-import { d as defineCustomElement$d } from './p-bdc03b91.js';
-import { d as defineCustomElement$c } from './p-b9a18099.js';
-import { d as defineCustomElement$b } from './p-81794664.js';
+import { d as defineCustomElement$k } from './p-9c3fd545.js';
+import { d as defineCustomElement$j } from './p-4afcdc84.js';
+import { d as defineCustomElement$i } from './p-fd96322b.js';
+import { d as defineCustomElement$h } from './p-0a69031f.js';
+import { d as defineCustomElement$g } from './p-49153610.js';
+import { d as defineCustomElement$f } from './p-ecc818bb.js';
+import { d as defineCustomElement$e } from './p-b0c02eb8.js';
+import { d as defineCustomElement$d } from './p-1ca705bc.js';
+import { d as defineCustomElement$c } from './p-d9704a51.js';
+import { d as defineCustomElement$b } from './p-dd701894.js';
 import { d as defineCustomElement$a } from './p-0ca7012b.js';
 import { d as defineCustomElement$9 } from './p-b9034018.js';
 import { d as defineCustomElement$8 } from './p-1ae5d7e0.js';

package/dist/components/p-b0766439.js

@@ -0,0 +1,76 @@
+const unicodeNBSP = ' ';
+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>';
+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>`;
+const PdfIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+<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"/>
+<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)"/>
+<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"/>
+<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"/>
+<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"/>
+<path d="M11.8496 22.5143V18.9238H14.0495V19.711H12.8037V20.3339H13.9783V21.1039H12.8037V22.5143H11.8496V22.5143Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1513_68" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#212121" stop-opacity="0.61569"/>
+<stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
+`;
+const JpgIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+<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"/>
+<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)"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<defs>
+<linearGradient id="paint0_linear_1513_40" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#212121" stop-opacity="0.61569"/>
+<stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
+`;
+const PngIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+<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"/>
+<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)"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<defs>
+<linearGradient id="paint0_linear_1513_170" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#212121" stop-opacity="0.61569"/>
+<stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
+`;
+const DocIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+<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)"/>
+<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"/>
+<defs>
+<linearGradient id="paint0_linear_1513_141" x1="13.6443" y1="5.4399" x2="20.0976" y2="11.7889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#212121" stop-opacity="0.61569"/>
+<stop offset="1" stop-color="#4D4D4D" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
+;`;
+const PageCountIcon = `<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="14" height="17" rx="0.5" fill="white" stroke="#375367"/>
+<rect x="2.5" y="2.5" width="14" height="18" rx="0.5" fill="white" stroke="#375367"/>
+<rect x="4.5" y="4.5" width="14" height="19" rx="0.5" fill="white" stroke="#375367"/>
+</svg>
+`;
+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>';
+
+export { DocIcon as D, FileIcon as F, JpgIcon as J, PngIcon as P, SettingsIcon as S, TrashIcon as T, PdfIcon as a, PageCountIcon as b, unicodeNBSP as u };

package/dist/components/{p-642af221.js → p-b0c02eb8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$a } from './p-0e332769.js';
 import { d as defineCustomElement$9 } from './p-3201d529.js';

package/dist/components/{p-5d1dec61.js → p-c25e82b9.js}

@@ -5,16 +5,16 @@ import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$o } from './p-0e332769.js';
 import { d as defineCustomElement$n } from './p-3201d529.js';
 import { d as defineCustomElement$m } from './p-84ae0283.js';
-import { d as defineCustomElement$l } from './p-1030e0b1.js';
-import { d as defineCustomElement$k } from './p-649a2ae7.js';
-import { d as defineCustomElement$j } from './p-caa41754.js';
-import { d as defineCustomElement$i } from './p-82a3f92e.js';
-import { d as defineCustomElement$h } from './p-4e08dcdd.js';
-import { d as defineCustomElement$g } from './p-1fc15f94.js';
-import { d as defineCustomElement$f } from './p-642af221.js';
-import { d as defineCustomElement$e } from './p-bdc03b91.js';
-import { d as defineCustomElement$d } from './p-b9a18099.js';
-import { d as defineCustomElement$c } from './p-81794664.js';
+import { d as defineCustomElement$l } from './p-9c3fd545.js';
+import { d as defineCustomElement$k } from './p-4afcdc84.js';
+import { d as defineCustomElement$j } from './p-fd96322b.js';
+import { d as defineCustomElement$i } from './p-0a69031f.js';
+import { d as defineCustomElement$h } from './p-49153610.js';
+import { d as defineCustomElement$g } from './p-ecc818bb.js';
+import { d as defineCustomElement$f } from './p-b0c02eb8.js';
+import { d as defineCustomElement$e } from './p-1ca705bc.js';
+import { d as defineCustomElement$d } from './p-d9704a51.js';
+import { d as defineCustomElement$c } from './p-dd701894.js';
 import { d as defineCustomElement$b } from './p-0ca7012b.js';
 import { d as defineCustomElement$a } from './p-b9034018.js';
 import { d as defineCustomElement$9 } from './p-1ae5d7e0.js';
@@ -22,7 +22,7 @@ import { d as defineCustomElement$8 } from './p-cf6ea837.js';
 import { d as defineCustomElement$7 } from './p-5d4bbcd0.js';
 import { d as defineCustomElement$6 } from './p-315d6592.js';
 import { d as defineCustomElement$5 } from './p-5a9cea40.js';
-import { d as defineCustomElement$4 } from './p-258c3c53.js';
+import { d as defineCustomElement$4 } from './p-a22a3b1b.js';
 import { d as defineCustomElement$3 } from './p-0d063bf9.js';
 import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
 import { d as defineCustomElement$1 } from './p-f990140a.js';

package/dist/components/{p-b9a18099.js → p-d9704a51.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
 import { i as interact } from './p-a901dff2.js';
 import { updateField, VerdocsEndpoint, getRGBA } from '@verdocs/js-sdk';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';

package/dist/components/{p-81794664.js → p-dd701894.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Ho
 import { f as format } from './p-12bab948.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { F as FORMAT_TIMESTAMP } from './p-c7ee88c7.js';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';

package/dist/components/{p-1fc15f94.js → p-ecc818bb.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';

package/dist/components/p-ed88b8d2.js

@@ -0,0 +1,220 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint, getTemplate, createTemplateDocument, deleteTemplateDocument } from '@verdocs/js-sdk';
+import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon, b as PageCountIcon, T as TrashIcon } from './p-b0766439.js';
+import { S as SDKError } from './p-fd97809c.js';
+import { S as Store } from './p-da4d4eed.js';
+import { d as defineCustomElement$6 } from './p-0e332769.js';
+import { d as defineCustomElement$5 } from './p-84ae0283.js';
+import { d as defineCustomElement$4 } from './p-22da6d14.js';
+import { d as defineCustomElement$3 } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$2 } from './p-cf6ea837.js';
+import { d as defineCustomElement$1 } from './p-f72b9c45.js';
+
+const verdocsTemplateAttachmentsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-attachments{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}";
+const VerdocsTemplateAttachmentsStyle0 = verdocsTemplateAttachmentsCss;
+
+const VerdocsTemplateAttachments = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateAttachments extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.exit = createEvent(this, "exit", 7);
+        this.next = createEvent(this, "next", 7);
+        this.templateUpdated = createEvent(this, "templateUpdated", 7);
+        this.sdkError = createEvent(this, "sdkError", 7);
+        this.templateListenerId = null;
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.templateId = '';
+        this.uploading = false;
+        this.progressLabel = 'Uploading...';
+        this.progressPercent = 0;
+        this.showDeleteError = false;
+        this.confirmDeleteDocument = null;
+        this.loading = true;
+        this.template = null;
+    }
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.templateId) {
+                console.log(`[ROLES] Missing required template ID ${this.templateId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[ROLES] Unable to start builder session, must be authenticated');
+                return;
+            }
+            this.listenToTemplate();
+        }
+        catch (e) {
+            console.log('[TEMPLATE ATTACHMENTS] Error loading template', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        }
+    }
+    disconnectedCallback() {
+        this.unlistenToTemplate();
+    }
+    async listenToTemplate() {
+        this.unlistenToTemplate();
+        Store.subscribe('templates', this.templateId, () => getTemplate(this.endpoint, this.templateId), false, (template) => {
+            this.template = template;
+            this.loading = false;
+        });
+    }
+    unlistenToTemplate() {
+        if (this.templateListenerId) {
+            Store.store.delListener(this.templateListenerId);
+            this.templateListenerId = null;
+        }
+    }
+    handleCancel(e) {
+        e.stopPropagation();
+        this.exit.emit();
+    }
+    handleUploadProgress(percent) {
+        if (percent >= 99) {
+            this.progressPercent = 100;
+            this.progressLabel = 'Processing...';
+        }
+        else {
+            this.progressPercent = percent;
+        }
+    }
+    async handleUpload(e) {
+        var _a, _b, _c, _d;
+        e.stopPropagation();
+        const file = e.detail.file;
+        if (!file) {
+            return;
+        }
+        console.log('[ATTACHMENTS] Uploading...', file);
+        this.uploading = true;
+        this.progressLabel = 'Uploading...';
+        try {
+            const template = await createTemplateDocument(this.endpoint, this.templateId, file, this.handleUploadProgress.bind(this));
+            console.log('[ATTACHMENTS] Created attachment', template);
+            // TODO: Just updated it in place.
+            this.template = await Store.getTemplate(this.endpoint, this.templateId, true);
+            console.log('[ATTACHMENTS] Updated template', this.template);
+            (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: this.template, event: 'attachments' });
+            this.uploading = false;
+            this.progressLabel = '';
+            this.progressPercent = 0;
+        }
+        catch (e) {
+            console.log('[ATTACHMENTS] Error creating template', e);
+            (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
+            this.uploading = false;
+        }
+    }
+    handleNext(e) {
+        var _a;
+        e.stopPropagation();
+        this.uploading = false;
+        this.progressLabel = '';
+        this.progressPercent = 0;
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ template: this.template });
+    }
+    async confirmDelete() {
+        await deleteTemplateDocument(this.endpoint, this.templateId, this.confirmDeleteDocument.id);
+        // TODO: Update it in place
+        this.template = await Store.getTemplate(this.endpoint, this.templateId, true);
+        console.log('[ATTACHMENTS] New template', this.template);
+        this.confirmDeleteDocument = null;
+    }
+    async handleDelete(document) {
+        var _a;
+        if ((((_a = this.template) === null || _a === void 0 ? void 0 : _a.documents) || []).length > 1) {
+            this.confirmDeleteDocument = document;
+        }
+        else {
+            this.showDeleteError = true;
+        }
+    }
+    getFileIcon(document) {
+        switch (document.mime) {
+            case 'application/pdf':
+                return PdfIcon;
+            case 'image/jpeg':
+                return JpgIcon;
+            case 'image/png':
+                return PngIcon;
+            case 'application/msword':
+            case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+                return DocIcon;
+        }
+        return FileIcon;
+    }
+    render() {
+        var _a, _b;
+        if (!this.endpoint.session) {
+            return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+        }
+        if (this.loading) {
+            return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
+        }
+        // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
+        if (!this.endpoint.session || !this.template) {
+            return h(Host, { class: "empty" });
+        }
+        return (h(Host, null, h("h5", null, "Existing Attachments"), h("div", { class: "attachments" }, (((_a = this.template) === null || _a === void 0 ? void 0 : _a.documents) || []).map(document => (h("div", { class: "attachment" }, h("div", { class: "file-icon", innerHTML: this.getFileIcon(document) }), h("div", { class: "filename", title: document.name }, document.name), h("div", { class: "pages" }, h("div", { class: "count" }, document.pages), h("div", { class: "pages-icon", innerHTML: PageCountIcon })), h("div", { class: "trash-icon", innerHTML: TrashIcon, onClick: () => this.handleDelete(document) }))))), h("h5", null, "Attach a New Document"), this.uploading ? (h("div", { class: "loader-wrapper" }, h("verdocs-loader", null), this.progressLabel && (h("div", { class: "progress-wrapper" }, h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (h("verdocs-file-chooser", { onFileSelected: e => this.handleUpload(e) })), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.uploading }), h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleNext(e), disabled: !(((_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) || []).length || this.uploading })), this.showDeleteError && (h("verdocs-ok-dialog", { heading: "Unable to Delete Attachment", message: "Templates must contain at least one attachment.", onNext: () => (this.showDeleteError = false) })), this.confirmDeleteDocument && (h("verdocs-ok-dialog", { heading: "Delete this Attachment?", message: "This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.", onNext: () => this.confirmDelete(), showCancel: true, onExit: () => {
+                this.confirmDeleteDocument = null;
+            } }))));
+    }
+    static get style() { return VerdocsTemplateAttachmentsStyle0; }
+}, [0, "verdocs-template-attachments", {
+        "endpoint": [16],
+        "templateId": [1, "template-id"],
+        "uploading": [32],
+        "progressLabel": [32],
+        "progressPercent": [32],
+        "showDeleteError": [32],
+        "confirmDeleteDocument": [32],
+        "loading": [32],
+        "template": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-template-attachments", "verdocs-button", "verdocs-component-error", "verdocs-file-chooser", "verdocs-loader", "verdocs-ok-dialog", "verdocs-progress-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-template-attachments":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsTemplateAttachments);
+            }
+            break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "verdocs-component-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "verdocs-file-chooser":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "verdocs-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "verdocs-ok-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "verdocs-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { VerdocsTemplateAttachments as V, defineCustomElement as d };

package/dist/components/{p-caa41754.js → p-fd96322b.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { c as commonjsGlobal } from './p-85aa8e05.js';
-import { S as SettingsIcon } from './p-7e9c499e.js';
+import { S as SettingsIcon } from './p-b0766439.js';
 import { a as FORMAT_DATE } from './p-c7ee88c7.js';
 import { S as Store } from './p-da4d4eed.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';