@deskhero/dh_ui 1.59.1 → 1.59.2

package/dist/dh_ui.es.js

@@ -1,4 +1,4 @@
-import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, pushScopeId, popScopeId, vModelText, useCssVars, toRefs, getCurrentInstance, vModelDynamic, onUpdated } from "vue";
+import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, pushScopeId, popScopeId, vModelText, useCssVars, onBeforeMount, toRefs, getCurrentInstance, vModelDynamic, onUpdated } from "vue";
 var main$1 = "";
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -10741,7 +10741,7 @@ var __glob_1_60 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTg
 var __glob_1_61 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjIyMjIgNEg1Ljc3Nzc4QzQuNzk1OTQgNCA0IDQuNzk1OTQgNCA1Ljc3Nzc4VjE4LjIyMjJDNCAxOS4yMDQxIDQuNzk1OTQgMjAgNS43Nzc3OCAyMEgxOC4yMjIyQzE5LjIwNDEgMjAgMjAgMTkuMjA0MSAyMCAxOC4yMjIyVjUuNzc3NzhDMjAgNC43OTU5NCAxOS4yMDQxIDQgMTguMjIyMiA0WiIgc3Ryb2tlPSIjQkZCRkJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExIDdIN1YxN0gxMVY3WiIgc3Ryb2tlPSIjQkZCRkJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3IDdIMTNWMTJIMTdWN1oiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=";
 var __glob_1_62 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAxMkMxMCAxMy42NTcyIDguNjU3MTMgMTUgNyAxNUM1LjM0Mjg3IDE1IDQgMTMuNjU3MiA0IDEyQzQgMTAuMzQyOSA1LjM0Mjg3IDkuMDAwMDMgNyA5LjAwMDAzSDcuMDA0ODZDOC42NTg3NSA5LjAwMTY1IDEwIDEwLjM0NDUgMTAgMTJaIiBzdHJva2U9IiNCRkJGQkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTJIMjBWMTUiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNiAxNVYxMiIgc3Ryb2tlPSIjQkZCRkJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==";
 var __glob_1_63 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS44MzMgOS4yNWMwLTMuNCAyLjc2Ny02LjE2NyA2LjE2Ny02LjE2N3M2LjE2NyAyLjc2NyA2LjE2NyA2LjE2N2E2LjE2MyA2LjE2MyAwIDAgMS0yLjY0NCA1LjA1N2wtLjEwNi4wNzV2Mi4yMDFhLjY3LjY3IDAgMCAxLS42NjcuNjY3aC01LjVhLjY3LjY3IDAgMCAxLS42NjctLjY2N3YtMi4yMDFsLS4xMDYtLjA3NUE2LjE2MyA2LjE2MyAwIDAgMSA1LjgzMyA5LjI1ek0xMiA0LjQxN0E0LjgzNSA0LjgzNSAwIDAgMCA3LjE2NyA5LjI1YzAgMS41NzYuNzc0IDMuMDU1IDIuMDc4IDMuOTYzbC42NzIuNDc1djIuMjI5aDQuMTY2di0yLjIzbC42NzMtLjQ3NGE0LjgzIDQuODMgMCAwIDAgMi4wNzctMy45NjNBNC44MzUgNC44MzUgMCAwIDAgMTIgNC40MTd6IiBmaWxsPSIjQkZCRkJGIi8+CiAgICA8cGF0aCBkPSJNOS41IDIwLjI1di0uNjY3aDV2LjY2N2EuNjcuNjcgMCAwIDEtLjY2Ny42NjdoLTMuNjY2YS42Ny42NyAwIDAgMS0uNjY3LS42Njd6IiBmaWxsPSIjQkZCRkJGIi8+Cjwvc3ZnPgo=";
-var __glob_1_64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE4MTggOEgxNi4zNjM2QzE2Ljg0MTIgOCAxNy4zMTQgOC4wOTQwNiAxNy43NTUyIDguMjc2OEMxOC4xOTY0IDguNDU5NTUgMTguNTk3MyA4LjcyNzQgMTguOTM0OSA5LjA2NTA3QzE5LjI3MjYgOS40MDI3MyAxOS41NDA1IDkuODAzNiAxOS43MjMyIDEwLjI0NDhDMTkuOTA1OSAxMC42ODYgMjAgMTEuMTU4OCAyMCAxMS42MzY0QzIwIDEyLjExMzkgMTkuOTA1OSAxMi41ODY4IDE5LjcyMzIgMTMuMDI3OUMxOS41NDA1IDEzLjQ2OTEgMTkuMjcyNiAxMy44NyAxOC45MzQ5IDE0LjIwNzdDMTguNTk3MyAxNC41NDUzIDE4LjE5NjQgMTQuODEzMiAxNy43NTUyIDE0Ljk5NTlDMTcuMzE0IDE1LjE3ODcgMTYuODQxMiAxNS4yNzI3IDE2LjM2MzYgMTUuMjcyN0gxNC4xODE4TTkuODE4MTggMTUuMjcyN0g3LjYzNjM2QzcuMTU4ODMgMTUuMjcyNyA2LjY4NTk3IDE1LjE3ODcgNi4yNDQ3OSAxNC45OTU5QzUuODAzNiAxNC44MTMyIDUuNDAyNzMgMTQuNTQ1MyA1LjA2NTA3IDE0LjIwNzdDNC4zODMxMiAxMy41MjU3IDQgMTIuNjAwOCA0IDExLjYzNjRDNCAxMC42NzE5IDQuMzgzMTIgOS43NDcwMiA1LjA2NTA3IDkuMDY1MDdDNS43NDcwMiA4LjM4MzEyIDYuNjcxOTQgOCA3LjYzNjM2IDhIOS44MTgxOCIgc3Ryb2tlPSIjRTBFMEUwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDkwODIgMTEuNjM2NUgxNC45MDkiIHN0cm9rZT0iI0UwRTBFMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=";
+var __glob_1_64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE4MTggOEgxNi4zNjM2QzE2Ljg0MTIgOCAxNy4zMTQgOC4wOTQwNiAxNy43NTUyIDguMjc2OEMxOC4xOTY0IDguNDU5NTUgMTguNTk3MyA4LjcyNzQgMTguOTM0OSA5LjA2NTA3QzE5LjI3MjYgOS40MDI3MyAxOS41NDA1IDkuODAzNiAxOS43MjMyIDEwLjI0NDhDMTkuOTA1OSAxMC42ODYgMjAgMTEuMTU4OCAyMCAxMS42MzY0QzIwIDEyLjExMzkgMTkuOTA1OSAxMi41ODY4IDE5LjcyMzIgMTMuMDI3OUMxOS41NDA1IDEzLjQ2OTEgMTkuMjcyNiAxMy44NyAxOC45MzQ5IDE0LjIwNzdDMTguNTk3MyAxNC41NDUzIDE4LjE5NjQgMTQuODEzMiAxNy43NTUyIDE0Ljk5NTlDMTcuMzE0IDE1LjE3ODcgMTYuODQxMiAxNS4yNzI3IDE2LjM2MzYgMTUuMjcyN0gxNC4xODE4TTkuODE4MTggMTUuMjcyN0g3LjYzNjM2QzcuMTU4ODMgMTUuMjcyNyA2LjY4NTk3IDE1LjE3ODcgNi4yNDQ3OSAxNC45OTU5QzUuODAzNiAxNC44MTMyIDUuNDAyNzMgMTQuNTQ1MyA1LjA2NTA3IDE0LjIwNzdDNC4zODMxMiAxMy41MjU3IDQgMTIuNjAwOCA0IDExLjYzNjRDNCAxMC42NzE5IDQuMzgzMTIgOS43NDcwMiA1LjA2NTA3IDkuMDY1MDdDNS43NDcwMiA4LjM4MzEyIDYuNjcxOTQgOCA3LjYzNjM2IDhIOS44MTgxOCIgc3Ryb2tlPSIjQUFBQ0I0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDkwODIgMTEuNjM2N0gxNC45MDkiIHN0cm9rZT0iI0FBQUNCNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=";
 var __glob_1_65 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik02LjQxNyAxMmMwLS4zMjIuMjYtLjU4My41ODMtLjU4M2guODMzYS41ODMuNTgzIDAgMCAxIDAgMS4xNjZIN0EuNTgzLjU4MyAwIDAgMSA2LjQxNyAxMnpNOS43NSAxMmMwLS4zMjIuMjYxLS41ODMuNTgzLS41ODNIMTdhLjU4My41ODMgMCAwIDEgMCAxLjE2NmgtNi42NjdBLjU4My41ODMgMCAwIDEgOS43NSAxMnpNNi40MTcgMTUuMzMzYzAtLjMyMi4yNi0uNTgzLjU4My0uNTgzaC44MzNhLjU4My41ODMgMCAxIDEgMCAxLjE2N0g3YS41ODMuNTgzIDAgMCAxLS41ODMtLjU4NHpNOS43NSAxNS4zMzNjMC0uMzIyLjI2MS0uNTgzLjU4My0uNTgzSDE3YS41ODMuNTgzIDAgMSAxIDAgMS4xNjdoLTYuNjY3YS41ODMuNTgzIDAgMCAxLS41ODMtLjU4NHoiIGZpbGw9IiNCRkJGQkYiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy4wODMgNS43NWMwLTEuMDEzLjgyMS0xLjgzMyAxLjgzNC0xLjgzM2gxNC4xNjZjMS4wMTMgMCAxLjgzNC44MiAxLjgzNCAxLjgzM3YxMi41YzAgMS4wMTItLjgyMSAxLjgzMy0xLjgzNCAxLjgzM0g0LjkxN2ExLjgzMyAxLjgzMyAwIDAgMS0xLjgzNC0xLjgzM1Y1Ljc1em0xLjgzNC0uNjY3YS42NjcuNjY3IDAgMCAwLS42NjcuNjY3VjdjMCAuMTM4LjExMi4yNS4yNS4yNWgxNWEuMjUuMjUgMCAwIDAgLjI1LS4yNVY1Ljc1YS42NjcuNjY3IDAgMCAwLS42NjctLjY2N0g0LjkxN3pNNC41IDguNDE3YS4yNS4yNSAwIDAgMC0uMjUuMjV2OS41ODNjMCAuMzY4LjI5OS42NjcuNjY3LjY2N2gxNC4xNjZhLjY2Ny42NjcgMCAwIDAgLjY2Ny0uNjY3VjguNjY3YS4yNS4yNSAwIDAgMC0uMjUtLjI1aC0xNXoiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==";
 var __glob_1_66 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzkiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA3OSA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxlbGxpcHNlIGN4PSIzOS40NDIiIGN5PSI0MCIgcng9IjI4LjgzMiIgcnk9IjI5LjI0IiBzdHJva2U9IiNDQkU3RkEiIHN0cm9rZS13aWR0aD0iOCIvPgogICAgPHBhdGggZD0iTTY4LjY4MiAzOS44MmMuMDQ5IDcuNjQ3LTIuOTg2IDE1LTguNDM1IDIwLjQ0LTUuNDQ5IDUuNDQtMTIuODY3IDguNTI0LTIwLjYyMiA4LjU3MiIgc3Ryb2tlPSJ1cmwoI3VnN2VhOXlsNGEpIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InVnN2VhOXlsNGEiIHgxPSIyNC42NjkiIHkxPSI2NC44ODEiIHgyPSI1My42MDMiIHkyPSIxNC43NjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAyOEZFRSIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=";
 var __glob_1_67 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjA4MTQ4IDcuNTE0MzlDNC4wODE0OCA1LjU5MDE5IDUuNjQxNTkgNC4wMjk5MSA3LjU2NTE2IDQuMDI5OTFIMTEuNTEzNEMxMy40Mzc3IDQuMDI5OTEgMTQuOTk3OSA1LjU5MDEgMTQuOTk3OSA3LjUxNDM5VjguMjcwMDNDMTQuOTk3OSA4LjU0NjE3IDE0Ljc3NDEgOC43NzAwMyAxNC40OTc5IDguNzcwMDNDMTQuMjIxOCA4Ljc3MDAzIDEzLjk5NzkgOC41NDYxNyAxMy45OTc5IDguMjcwMDNWNy41MTQzOUMxMy45OTc5IDYuMTQyMzkgMTIuODg1NCA1LjAyOTkxIDExLjUxMzQgNS4wMjk5MUg3LjU2NTE2QzYuMTk0MDUgNS4wMjk5MSA1LjA4MTQ4IDYuMTQyMyA1LjA4MTQ4IDcuNTE0MzlWMTYuNTI4NkM1LjA4MTQ4IDE3LjkwMDcgNi4xOTQwNSAxOS4wMTMxIDcuNTY1MTYgMTkuMDEzMUgxMS41MjE1QzEyLjg4ODggMTkuMDEzMSAxMy45OTc5IDE3LjkwNDUgMTMuOTk3OSAxNi41Mzc1VjE1Ljc3MzhDMTMuOTk3OSAxNS40OTc2IDE0LjIyMTggMTUuMjczOCAxNC40OTc5IDE1LjI3MzhDMTQuNzc0MSAxNS4yNzM4IDE0Ljk5NzkgMTUuNDk3NiAxNC45OTc5IDE1Ljc3MzhWMTYuNTM3NUMxNC45OTc5IDE4LjQ1NzEgMTMuNDQwOCAyMC4wMTMxIDExLjUyMTUgMjAuMDEzMUg3LjU2NTE2QzUuNjQxNTkgMjAuMDEzMSA0LjA4MTQ4IDE4LjQ1MjggNC4wODE0OCAxNi41Mjg2VjcuNTE0MzlaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuOTgxMSA5LjMwNjA5QzE3Ljc4NTQgOS4xMTEyNiAxNy40Njg4IDkuMTExOTcgMTcuMjc0IDkuMzA3NjZDMTcuMDc5MiA5LjUwMzM2IDE3LjA3OTkgOS44MTk5NCAxNy4yNzU2IDEwLjAxNDhMMTguNzg4OSAxMS41MjE0SDEwLjI0NzlDOS45NzE3OCAxMS41MjE0IDkuNzQ3OTIgMTEuNzQ1MyA5Ljc0NzkyIDEyLjAyMTRDOS43NDc5MiAxMi4yOTc1IDkuOTcxNzggMTIuNTIxNCAxMC4yNDc5IDEyLjUyMTRIMTguNzg5TDE3LjI3NTUgMTQuMDI4N0MxNy4wNzk5IDE0LjIyMzUgMTcuMDc5MiAxNC41NDAxIDE3LjI3NDEgMTQuNzM1OEMxNy40Njg5IDE0LjkzMTUgMTcuNzg1NSAxNC45MzIxIDE3Ljk4MTIgMTQuNzM3MkwyMC4zNDIzIDEyLjM4NThDMjAuNDM5MyAxMi4yOTQ2IDIwLjQ5OTkgMTIuMTY1MSAyMC40OTk5IDEyLjAyMTRDMjAuNDk5OSAxMS44Nzk5IDIwLjQ0MTIgMTEuNzUyMiAyMC4zNDY4IDExLjY2MTJMMTcuOTgxMSA5LjMwNjA5WiIgZmlsbD0iI0JGQkZCRiIvPgo8L3N2Zz4K";
@@ -24468,6 +24468,30 @@ const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("button", { class: "fil
 const _sfc_main$e = {
   __name: "FileUpload",
   props: {
+    fileList: {
+      type: Array,
+      required: false,
+      default: () => {
+        return [];
+      }
+    },
+    fileFormats: {
+      type: Array,
+      required: false,
+      default: () => {
+        return [
+          ".pdf",
+          ".csv",
+          ".doc",
+          ".jpeg",
+          ".jpg",
+          ".mp4",
+          ".png",
+          ".txt",
+          ".xls"
+        ];
+      }
+    },
     uploadProgress: {
       type: Array,
       required: true
@@ -24618,7 +24642,10 @@ const _sfc_main$e = {
       }
     }
     function saveFile() {
-      emit("save:modelValue", files.value);
+      if (files.value.length) {
+        console.log(files.value);
+        emit("save:modelValue", files.value);
+      }
     }
     function generateLink(file) {
       return URL.createObjectURL(file);
@@ -24627,6 +24654,13 @@ const _sfc_main$e = {
       e2.preventDefault();
       emit("reload");
     }
+    onBeforeMount(() => {
+      if (props.fileList.length) {
+        files.value = props.fileList;
+        fileSelected.value = true;
+        saveFile();
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["file__upload", {
@@ -43316,9 +43350,10 @@ class ImageTool {
     this.wrapper = document.createElement("div");
     this.wrapper.classList.add("picture__upload_btn");
     this.fileInput = document.createElement("input");
-    this.fileInput.id = "upload_pdf";
+    const uniqueId = `upload_image_${Date.now()}`;
+    this.fileInput.id = uniqueId;
     this.fileInput.type = "file";
-    this.fileInput.name = "file";
+    this.fileInput.name = "image";
     this.fileInput.accept = "image/*";
     this.icon = document.createElement("IMG");
     this.icon.classList.add("picture__upload_btn_icon");
@@ -43328,7 +43363,7 @@ class ImageTool {
     };
     this.icon.height = "24";
     this.label = document.createElement("label");
-    this.label.setAttribute("for", "upload_pdf");
+    this.label.setAttribute("for", uniqueId);
     this.label.textContent = "Drag & drop image file or ";
     this.browse = document.createElement("span");
     this.browse.textContent = "browse";
@@ -43448,21 +43483,14 @@ class FileTool {
   }
   constructor({ data, config, api }) {
     this.data = {
-      fileLink: data.fileLink || "",
-      fileId: data.fileId !== void 0 ? data.fileId : 0,
-      width: data.width !== void 0 ? data.width : "WidthFull",
-      position: data.position !== void 0 ? data.position : "AlignCenter"
+      fileLinks: data.fileLinks || [],
+      fileIds: data.fileIds || []
     };
     this.api = api;
     this.config = config || {};
     this.wrapper = null;
     this.fileInput = null;
-    this.result = null;
-    this.name = null;
-    this.img = null;
-    this.label = null;
-    this.icon = null;
-    this.browse = null;
+    this.resultContainer = null;
     this.uploading = false;
   }
   render() {
@@ -43471,7 +43499,8 @@ class FileTool {
     this.wrapper = document.createElement("div");
     this.wrapper.classList.add("picture__upload_btn");
     this.fileInput = document.createElement("input");
-    this.fileInput.id = "upload_pdf";
+    const uniqueId = `upload_file_${Date.now()}`;
+    this.fileInput.id = uniqueId;
     this.fileInput.type = "file";
     this.fileInput.name = "file";
     this.fileInput.multiple = true;
@@ -43483,7 +43512,7 @@ class FileTool {
     };
     this.icon.height = "24";
     this.label = document.createElement("label");
-    this.label.setAttribute("for", "upload_pdf");
+    this.label.setAttribute("for", uniqueId);
     this.label.textContent = "Drag & drop file(s) or ";
     this.browse = document.createElement("span");
     this.browse.textContent = "browse";
@@ -43492,22 +43521,18 @@ class FileTool {
     this.wrapper.prepend(this.icon);
     this.wrapper.appendChild(this.label);
     this.wrapper.appendChild(this.fileInput);
-    this.result = document.createElement("div");
-    this.result.classList.add("file__result");
-    this.img = document.createElement("IMG");
-    this.img.classList.add("file__result_icon");
-    this.img.src = FileIcon;
-    this.name = document.createElement("a");
-    this.name.classList.add("file__result_name");
-    this.result.style.display = "none";
-    this.result.appendChild(this.img);
-    this.result.appendChild(this.name);
+    this.resultContainer = document.createElement("div");
+    this.resultContainer.classList.add("file__results");
+    this.resultContainer.style.gap = "7px";
+    if (!this.data.fileIds.length) {
+      this.resultContainer.style.display = "none";
+    }
     this.container.appendChild(this.wrapper);
-    this.container.appendChild(this.result);
-    if (this.data && this.data.fileLink) {
-      this.name.href = this.data.fileLink;
-      this.result.style.display = "flex";
+    this.container.appendChild(this.resultContainer);
+    this.populateExistingFiles();
+    if (this.data && this.data.fileIds.length) {
       this.wrapper.style.display = "none";
+      this.resultContainer.style.display = "flex";
     }
     if (this.api.readOnly.isEnabled) {
       this._acceptTuneView();
@@ -43518,44 +43543,80 @@ class FileTool {
     });
     this.wrapper.addEventListener("drop", (e2) => {
       e2.preventDefault();
-      const file = e2.dataTransfer.files[0];
-      this.handleFile(file);
+      const files = Array.from(e2.dataTransfer.files);
+      this.handleFiles(files);
     });
     this.fileInput.addEventListener("input", (e2) => {
       e2.stopPropagation();
-      const file = this.fileInput.files[0];
-      this.handleFile(file);
+      const files = Array.from(this.fileInput.files);
+      this.handleFiles(files);
     });
     return this.container;
   }
-  handleFile(file) {
-    if (file !== void 0) {
+  populateExistingFiles() {
+    for (let i2 = 0; i2 < this.data.fileLinks.length; i2++) {
+      const fileLink = this.data.fileLinks[i2];
+      const fileId = this.data.fileIds[i2];
+      const result = this.createResultElement(fileLink, fileId);
+      this.resultContainer.appendChild(result);
+    }
+  }
+  createResultElement(fileLink, fileId) {
+    const result = document.createElement("div");
+    result.classList.add("file__result");
+    const img = document.createElement("IMG");
+    img.classList.add("file__result_icon");
+    img.src = FileIcon;
+    const name = document.createElement("a");
+    name.classList.add("file__result_name");
+    name.href = fileLink;
+    name.innerHTML = fileId.toString();
+    name.download = fileId.toString();
+    result.appendChild(img);
+    result.appendChild(name);
+    return result;
+  }
+  handleFiles(files) {
+    if (files.length > 0) {
       this.wrapper.style.display = "none";
-      const url = URL.createObjectURL(file);
-      this.name.href = url;
-      this.name.innerHTML = file.name;
-      this.name.download = file.name;
-      this.result.style.display = "flex";
+      this.resultContainer.style.display = "flex";
+      for (const file of files) {
+        const url = URL.createObjectURL(file);
+        const fileId = this.generateFileId();
+        const result = this.createResultElement(url, fileId);
+        this.resultContainer.appendChild(result);
+        this.uploadFile(file, fileId);
+      }
       this.uploading = true;
-      this.uploadFile(file);
     } else {
       alert("Invalid file type. Please select a valid file.");
     }
   }
+  generateFileId() {
+    return Math.floor(Math.random() * 1e6);
+  }
   save(blockContent) {
-    const file = blockContent.querySelector(".file__result");
-    if (!file) {
+    const files = blockContent.querySelectorAll(".file__result");
+    if (files.length === 0) {
       return this.data;
     }
+    const fileLinks = [];
+    const fileIds = [];
+    for (const file of files) {
+      const name = file.querySelector(".file__result_name");
+      fileLinks.push(name.href);
+      fileIds.push(name.innerHTML);
+    }
     return Object.assign(this.data, {
-      fileLink: this.data.fileLink,
-      fileId: this.data.fileId
+      fileLinks,
+      fileIds
     });
   }
-  uploadFile(file) {
+  uploadFile(file, fileId) {
     const uploadFile = new CustomEvent("uploadFile", {
       detail: {
-        file
+        file,
+        fileId
       }
     });
     document.dispatchEvent(uploadFile);
@@ -43694,14 +43755,18 @@ const _sfc_main$2 = {
       return words.value > 300 ? true : false;
     });
     expose({
-      editorJS,
       toggleReadOnly,
       save,
       reset: reset2,
       editBlock
     });
     function toggleReadOnly() {
-      editorJS.value.readOnly.toggle();
+      if (editorJS.value.configuration.data.blocks.length) {
+        console.log(editorJS.value.configuration.data.blocks);
+        editorJS.value.readOnly.toggle();
+      } else {
+        alert("You must at least have one block to toggle preview");
+      }
     }
     function save() {
       return editorJS.value.save();