ablok-components 0.3.78 → 0.3.80

package/dist/components/molecules/upload-group/upload-group.vue.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from '../../../../vue/dist/vue.esm-bundler.js';
+import { LocalUrlFormat } from '../../../composables/useLocalFileUrl';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -12,22 +14,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     modelValue: {
-        type: {
-            (arrayLength: number): String[];
-            (...items: String[]): String[];
-            new (arrayLength: number): String[];
-            new (...items: String[]): String[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
+        type: PropType<string[]>;
         default: () => never[];
     };
     name: {
@@ -87,26 +74,15 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         default: number;
     };
     aspectRatio: NumberConstructor;
+    localUrlFormat: {
+        type: PropType<LocalUrlFormat>;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     modelValue: {
-        type: {
-            (arrayLength: number): String[];
-            (...items: String[]): String[];
-            new (arrayLength: number): String[];
-            new (...items: String[]): String[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
+        type: PropType<string[]>;
         default: () => never[];
     };
     name: {
@@ -166,6 +142,10 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         default: number;
     };
     aspectRatio: NumberConstructor;
+    localUrlFormat: {
+        type: PropType<LocalUrlFormat>;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -173,7 +153,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     required: boolean;
     variant: string;
     id: string;
-    modelValue: String[];
+    modelValue: string[];
     name: string;
     disabled: boolean;
     maxFileSize: number;
@@ -181,6 +161,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     authToken: string;
     baseResponsePath: string;
     previewWidth: number;
+    localUrlFormat: LocalUrlFormat;
     maxImageWidth: number;
     useImageUpload: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/dist/components/molecules/upload-group/upload-group.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as v, ref as x, computed as k, watch as w, nextTick as S, openBlock as s, createElementBlock as f, unref as V, createCommentVNode as $, createElementVNode as l, createVNode as d, withCtx as m, createBlock as p, withModifiers as z, renderSlot as F } from "vue";
-import { uniqueId as h } from "../../../utilities/helpers.js";
-import { sanitizeHtml as N } from "../../../composables/useSanitize.js";
-import B from "../../templates/sortable-list/sortable-list.vue.js";
+import { defineComponent as v, ref as k, computed as x, watch as V, nextTick as w, openBlock as n, createElementBlock as p, unref as S, createCommentVNode as F, createElementVNode as i, createVNode as s, withCtx as m, createBlock as h, withModifiers as U, renderSlot as $ } from "vue";
+import { uniqueId as b } from "../../../utilities/helpers.js";
+import { sanitizeHtml as z } from "../../../composables/useSanitize.js";
+import N from "../../templates/sortable-list/sortable-list.vue.js";
 /* empty css                                               */
-import I from "../image-upload/image-upload.vue.js";
+import B from "../image-upload/image-upload.vue.js";
 /* empty css                                */
-import T from "../file-upload/file-upload.vue.js";
+import I from "../file-upload/file-upload.vue.js";
 /* empty css                              */
-import c from "../../atoms/svg-icon/svg-icon.vue.js";
+import r from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
-const W = { class: "upload-group" }, C = ["innerHTML"], R = { class: "upload-group__list" }, U = { class: "img-container" }, H = ["src"], M = { class: "item-overlay" }, P = ["onClick"], j = {
+const T = { class: "upload-group" }, W = ["innerHTML"], C = { class: "upload-group__list" }, R = { class: "img-container" }, H = ["src"], M = { class: "item-overlay" }, P = ["onClick"], j = {
   role: "button",
   class: "img-thumbnail d-flex justify-content-center align-items-center"
 }, q = {
@@ -24,11 +24,11 @@ const W = { class: "upload-group" }, C = ["innerHTML"], R = { class: "upload-gro
     },
     name: {
       type: String,
-      default: () => h()
+      default: () => b()
     },
     id: {
       type: String,
-      default: () => h()
+      default: () => b()
     },
     label: {
       type: String,
@@ -78,60 +78,67 @@ const W = { class: "upload-group" }, C = ["innerHTML"], R = { class: "upload-gro
       type: Number,
       default: 0
     },
-    aspectRatio: Number
+    aspectRatio: Number,
+    localUrlFormat: {
+      type: String,
+      default: "dataUrl"
+    }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: b }) {
-    const g = e, u = b, n = x(""), o = k({
+  setup(e, { emit: g }) {
+    const d = e, u = g, o = k(""), c = x({
       get() {
-        return g.modelValue;
+        return d.modelValue;
       },
       set(t) {
         u("update:modelValue", t);
       }
     });
     function y(t) {
-      o.value.splice(t, 1), u("update:modelValue", o.value);
+      u("update:modelValue", [
+        ...d.modelValue.slice(0, t),
+        ...d.modelValue.slice(t + 1)
+      ]);
     }
-    return w(n, async (t, a) => {
-      t && a !== t && (u("update:modelValue", [...o.value, t]), await S(), n.value = "");
-    }), (t, a) => (s(), f("div", W, [
-      e.label ? (s(), f("label", {
+    return V(o, async (t, a) => {
+      t && a !== t && (u("update:modelValue", [...c.value, t]), await w(), o.value = "");
+    }), (t, a) => (n(), p("div", T, [
+      e.label ? (n(), p("label", {
         key: 0,
-        innerHTML: V(N)(e.label)
-      }, null, 8, C)) : $("", !0),
-      l("div", R, [
-        d(B, {
-          modelValue: o.value,
-          "onUpdate:modelValue": a[2] || (a[2] = (i) => o.value = i),
+        innerHTML: S(z)(e.label)
+      }, null, 8, W)) : F("", !0),
+      i("div", C, [
+        s(N, {
+          modelValue: c.value,
+          "onUpdate:modelValue": a[2] || (a[2] = (l) => c.value = l),
           vertical: !1,
           class: "mb-3"
         }, {
-          "list-item": m(({ item: i, index: r }) => [
-            l("div", U, [
-              l("img", {
-                src: `${i}${e.previewWidth ? `?width=${e.previewWidth}` : ""}`,
+          "list-item": m(({ item: l, index: f }) => [
+            i("div", R, [
+              i("img", {
+                src: `${l}${e.previewWidth ? `?width=${e.previewWidth}` : ""}`,
                 class: "img-thumbnail"
               }, null, 8, H),
-              l("div", M, [
-                l("button", {
-                  onClick: z((E) => y(r), ["prevent"]),
+              i("div", M, [
+                i("button", {
+                  onClick: U((E) => y(f), ["prevent"]),
                   class: "btn btn--close"
                 }, [
-                  d(c, { symbol: "x" })
+                  s(r, { symbol: "x" })
                 ], 8, P),
-                F(t.$slots, "item-overlay", {
-                  item: i,
-                  index: r
+                $(t.$slots, "item-overlay", {
+                  item: l,
+                  index: f
                 })
               ])
             ])
           ]),
           "list-append": m(() => [
-            e.useImageUpload ? (s(), p(I, {
+            e.useImageUpload ? (n(), h(B, {
               key: 0,
-              src: n.value,
-              "onUpdate:src": a[0] || (a[0] = (i) => n.value = i),
+              src: o.value,
+              "onUpdate:src": a[0] || (a[0] = (l) => o.value = l),
               endpoint: e.endpoint,
               "custom-fetch": e.customFetch,
               "to-data-url": !e.endpoint,
@@ -142,18 +149,19 @@ const W = { class: "upload-group" }, C = ["innerHTML"], R = { class: "upload-gro
               "max-file-size": e.maxFileSize,
               "max-image-width": e.maxImageWidth,
               "enable-preview": !1,
-              "aspect-ratio": e.aspectRatio
+              "aspect-ratio": e.aspectRatio,
+              "local-url-format": e.localUrlFormat
             }, {
               button: m(() => [
-                l("span", j, [
-                  d(c, { symbol: "plus" })
+                i("span", j, [
+                  s(r, { symbol: "plus" })
                 ])
               ]),
               _: 1
-            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "aspect-ratio"])) : (s(), p(T, {
+            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "aspect-ratio", "local-url-format"])) : (n(), h(I, {
               key: 1,
-              src: n.value,
-              "onUpdate:src": a[1] || (a[1] = (i) => n.value = i),
+              src: o.value,
+              "onUpdate:src": a[1] || (a[1] = (l) => o.value = l),
               multiple: !1,
               endpoint: e.endpoint,
               "custom-fetch": e.customFetch,
@@ -163,15 +171,16 @@ const W = { class: "upload-group" }, C = ["innerHTML"], R = { class: "upload-gro
               "base-response-path": e.baseResponsePath,
               accept: e.accept,
               "max-file-size": e.maxFileSize,
-              "max-image-width": e.maxImageWidth
+              "max-image-width": e.maxImageWidth,
+              "local-url-format": e.localUrlFormat
             }, {
               button: m(() => [
-                l("span", q, [
-                  d(c, { symbol: "plus" })
+                i("span", q, [
+                  s(r, { symbol: "plus" })
                 ])
               ]),
               _: 1
-            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width"]))
+            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "local-url-format"]))
           ]),
           _: 3
         }, 8, ["modelValue"])

package/dist/composables/useDragAndDrop.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from '../../vue/dist/vue.esm-bundler.js';
+export interface UseDragAndDropOptions {
+    /** Whether drag-and-drop handling is active. */
+    enabled: () => boolean;
+    /** Called with the dropped files when a drop occurs while enabled. */
+    onDrop: (files: File[]) => void;
+}
+export declare function useDragAndDrop(target: Ref<HTMLElement | null | undefined>, options: UseDragAndDropOptions): {
+    isDragging: Ref<boolean, boolean>;
+};

package/dist/composables/useDragAndDrop.js

@@ -0,0 +1,29 @@
+import { ref as d, onMounted as D, onBeforeUnmount as c } from "vue";
+function E(n, r) {
+  const u = d(!1), a = d(0);
+  function v(e) {
+    r.enabled() && (e.preventDefault(), a.value++, u.value = !0);
+  }
+  function l(e) {
+    r.enabled() && e.preventDefault();
+  }
+  function t(e) {
+    r.enabled() && (e.preventDefault(), a.value = Math.max(0, a.value - 1), a.value === 0 && (u.value = !1));
+  }
+  function o(e) {
+    if (!r.enabled()) return;
+    e.preventDefault(), a.value = 0, u.value = !1;
+    const s = e.dataTransfer ? Array.from(e.dataTransfer.files || []) : [];
+    r.onDrop(s);
+  }
+  function f() {
+    n.value?.addEventListener("dragenter", v), n.value?.addEventListener("dragover", l), n.value?.addEventListener("dragleave", t), n.value?.addEventListener("drop", o);
+  }
+  function i() {
+    n.value?.removeEventListener("dragenter", v), n.value?.removeEventListener("dragover", l), n.value?.removeEventListener("dragleave", t), n.value?.removeEventListener("drop", o);
+  }
+  return D(f), c(i), { isDragging: u };
+}
+export {
+  E as useDragAndDrop
+};

package/dist/composables/useLocalFileUrl.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from '../../vue/dist/vue.esm-bundler.js';
+export type LocalUrlFormat = 'dataUrl' | 'objectUrl';
+/**
+ * Produces a local, non-uploaded URL for a File, in either of two formats:
+ * - 'dataUrl' (default): base64 data URL via FileReader. Persistable as a
+ *   plain string (e.g. stored as the final value when no upload endpoint
+ *   is configured), at the cost of a ~33% size increase and a synchronous
+ *   FileReader round-trip.
+ * - 'objectUrl': `URL.createObjectURL`. Cheap and synchronous, but only
+ *   valid for the lifetime of the current document — must be revoked with
+ *   `revoke()` when no longer displayed (on removal, replacement, or
+ *   unmount) to avoid leaking memory, and isn't safe to persist/serialize.
+ */
+export declare function useLocalFileUrl(format: Ref<LocalUrlFormat> | LocalUrlFormat): {
+    toLocalUrl: (file: File) => Promise<string>;
+    revoke: (url: string | undefined | null) => void;
+};

package/dist/composables/useLocalFileUrl.js

@@ -0,0 +1,14 @@
+import { unref as c } from "vue";
+import { fileToDataUrl as n } from "../utilities/helpers.js";
+function U(o) {
+  async function r(t) {
+    return c(o) === "objectUrl" ? URL.createObjectURL(t) : await n(t);
+  }
+  function e(t) {
+    t && t.startsWith("blob:") && URL.revokeObjectURL(t);
+  }
+  return { toLocalUrl: r, revoke: e };
+}
+export {
+  U as useLocalFileUrl
+};

package/dist/composables/useUploadTransport.d.ts

@@ -0,0 +1,10 @@
+export interface UploadTransportProps {
+    endpoint?: string;
+    customFetch?: ((...args: any[]) => any) | null;
+    authToken?: string;
+    baseResponsePath?: string;
+}
+export declare function useUploadTransport(props: UploadTransportProps): {
+    pending: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
+    uploadFile: (file: File) => Promise<string>;
+};

package/dist/composables/useUploadTransport.js

@@ -0,0 +1,28 @@
+import { ref as c } from "vue";
+import { ofetch as r } from "ofetch";
+function l(e) {
+  const t = c(!1);
+  async function n(o) {
+    const a = new FormData();
+    a.append("file", o), t.value = !0;
+    try {
+      const s = await (e.customFetch || r)(e.endpoint, {
+        method: "POST",
+        ...e.customFetch ? {} : {
+          headers: {
+            Accept: "application/json",
+            ...e.authToken ? { Authorization: `Bearer ${e.authToken}` } : {}
+          }
+        },
+        body: a
+      });
+      return `${e.baseResponsePath || "/api/v1/assets"}/${s.path}`;
+    } finally {
+      t.value = !1;
+    }
+  }
+  return { pending: t, uploadFile: n };
+}
+export {
+  l as useUploadTransport
+};

package/package.json

@@ -1,7 +1,23 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.78",
+  "version": "0.3.80",
+  "scripts": {
+    "dev": "vite --host",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
+    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
+    "preview": "vite preview",
+    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "release": "bash ./scripts/release.sh",
+    "postrelease": "bash ./scripts/publish.sh",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
+  },
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",
@@ -120,21 +136,5 @@
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
-  "sideEffects": false,
-  "scripts": {
-    "dev": "vite --host",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
-    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
-    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
-    "preview": "vite preview",
-    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
-    "release": "bash ./scripts/release.sh",
-    "postrelease": "bash ./scripts/publish.sh",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  }
-}
+  "sideEffects": false
+}

package/dist/composables/useFileUpload.d.ts

@@ -1,46 +0,0 @@
-export declare function useFileUpload(props?: any, emit?: any): {
-    pending: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
-    files: import('../../vue/dist/vue.esm-bundler.js').Ref<{
-        readonly lastModified: number;
-        readonly name: string;
-        readonly webkitRelativePath: string;
-        readonly size: number;
-        readonly type: string;
-        arrayBuffer: () => Promise<ArrayBuffer>;
-        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
-        slice: (start?: number, end?: number, contentType?: string) => Blob;
-        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
-        text: () => Promise<string>;
-    }[], File[] | {
-        readonly lastModified: number;
-        readonly name: string;
-        readonly webkitRelativePath: string;
-        readonly size: number;
-        readonly type: string;
-        arrayBuffer: () => Promise<ArrayBuffer>;
-        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
-        slice: (start?: number, end?: number, contentType?: string) => Blob;
-        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
-        text: () => Promise<string>;
-    }[]>;
-    dataUrls: import('../../vue/dist/vue.esm-bundler.js').Ref<{
-        type: string;
-        src: string;
-    }[], {
-        type: string;
-        src: string;
-    }[] | {
-        type: string;
-        src: string;
-    }[]>;
-    imgLoaded: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
-    isDragging: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
-    thumbnails: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<any>;
-    uploadFile: (file: File) => Promise<string>;
-    removeFile: (index: number | string) => void;
-    dragStart: (event: DragEvent) => void;
-    dragStop: (event: DragEvent) => void;
-    dragDrop: (event: DragEvent) => void;
-    setupDragAndDrop: () => void;
-    cleanupDragAndDrop: () => void;
-};

package/dist/composables/useFileUpload.js

@@ -1,79 +0,0 @@
-import { ref as r, computed as A, onMounted as V, onBeforeUnmount as F } from "vue";
-import { ofetch as L } from "ofetch";
-function U(a = null, o) {
-  const c = r(!1), f = r([]), n = r([]), h = r(!1), u = r(!1), y = A(() => a.modelValue?.length ? a.modelValue : a.src ? [{ type: "", src: a.src }] : n.value);
-  async function D(e) {
-    const t = new FormData();
-    t.append("file", e), c.value = !0;
-    const d = await (a.customFetch || L)(a.endpoint, {
-      method: "POST",
-      ...a.customFetch ? {} : { headers: {
-        Accept: "application/json",
-        ...a.authToken ? { Authorization: `Bearer ${a.authToken}` } : {}
-      } },
-      body: t
-    }).catch((E) => {
-      console.error("Error", E);
-    });
-    return c.value = !1, `${a.baseResponsePath || "/api/v1/assets"}/${d.path}`;
-  }
-  function b(e) {
-    const t = typeof e == "string" ? parseInt(e, 10) : e, s = Array.isArray(a.modelValue) && a.modelValue.length > 0, d = Array.isArray(n.value) && n.value.length > 0;
-    if (d && t < n.value.length && n.value.splice(t, 1), s) {
-      const l = [...a.modelValue];
-      t < l.length && l.splice(t, 1), o?.("update:modelValue", l), a.multiple || o?.("update:src", l[0]?.src || "");
-    } else if (d) {
-      const l = a.multiple ? n.value : n.value[0];
-      o?.("update:modelValue", l), a.multiple || o?.("update:src", n.value[0]?.src || "");
-    } else
-      o?.("update:modelValue", a.multiple ? [] : void 0), o?.("update:src", "");
-    f.value.splice(t, 1), h.value = !1;
-  }
-  function i(e) {
-    e.preventDefault(), u.value = !0;
-  }
-  function v(e) {
-    e.preventDefault(), u.value = !1;
-  }
-  function m(e) {
-    e.preventDefault(), u.value = !1;
-    const t = e.dataTransfer, s = t && Array.from(t.files || []);
-    f.value = s || [];
-  }
-  function g() {
-    a.dropFiles && (["dragenter", "dragover"].forEach((e) => {
-      document.body.addEventListener(e, i, !1);
-    }), ["dragleave", "drop"].forEach((e) => {
-      document.body.addEventListener(e, v, !1);
-    }), document.body.addEventListener("drop", m, !1));
-  }
-  function p() {
-    a.dropFiles && (["dragenter", "dragover"].forEach((e) => {
-      document.body.removeEventListener(e, i, !1);
-    }), ["dragleave", "drop"].forEach((e) => {
-      document.body.removeEventListener(e, v, !1);
-    }), document.body.removeEventListener("drop", m, !1));
-  }
-  return V(() => {
-    g();
-  }), F(() => {
-    p();
-  }), {
-    pending: c,
-    files: f,
-    dataUrls: n,
-    imgLoaded: h,
-    isDragging: u,
-    thumbnails: y,
-    uploadFile: D,
-    removeFile: b,
-    dragStart: i,
-    dragStop: v,
-    dragDrop: m,
-    setupDragAndDrop: g,
-    cleanupDragAndDrop: p
-  };
-}
-export {
-  U as useFileUpload
-};