filepond 5.0.0-beta.2 → 5.0.0-beta.21

package/esm/extensions/console-view.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
@@ -10,23 +10,24 @@ import { isDirectoryEntry as D, isNumber as G } from "../utils/test.js";
 import { Status as u } from "../common/status.js";
 import { clamp as N } from "../utils/math.js";
 import { arrayRemoveFalsy as $ } from "../utils/array.js";
-import { log as m, clear as R } from "../common/console.js";
-let w = 0;
-const K = I(
+import { log as p, clear as R } from "../common/console.js";
+import { toSpaceSeparatedString as T } from "../elements/common/string.js";
+let S = 0;
+const X = I(
   "ConsoleView",
   {
     clearBeforeLog: !1,
     debounce: !0
   },
-  ({ props: x, extensionName: S }, C) => {
+  ({ props: w, extensionName: x }, C) => {
     const { on: b, insertEntries: F, updateEntry: L, removeEntries: B } = C;
-    function d(e, r = /* @__PURE__ */ new WeakSet()) {
+    function m(e, r = /* @__PURE__ */ new WeakSet()) {
       if (e === null || typeof e != "object")
         return e;
       if (r.has(e))
         return null;
       if (r.add(e), Array.isArray(e))
-        return e.map((t) => d(t, r));
+        return e.map((o) => m(o, r));
       try {
         return structuredClone(e);
       } catch {
@@ -35,34 +36,36 @@ const K = I(
             code: e.code,
             message: e.message
           };
-        let o = {};
+        let t = {};
         for (const [l, a] of Object.entries(e))
-          o[l] = d(a);
-        return o;
+          t[l] = m(a);
+        return t;
       }
     }
     function O(e) {
-      return d(e);
+      return m(e);
     }
     function U(e) {
       if (!G(e))
         return;
       if (e === 1 / 0)
         return "∞ busy";
-      const r = N(e), t = 15, o = Math.round(r * t);
-      return "█".repeat(o) + "░".repeat(t - o) + " " + Math.round(r * 100) + "%";
+      const r = N(e), o = 15, t = Math.round(r * o);
+      return "█".repeat(t) + "░".repeat(o - t) + " " + Math.round(r * 100) + "%";
     }
-    function k(e, r, t) {
+    function k(e, r, o) {
       return !!e.status;
     }
-    function p(e, r, t, o = "") {
+    function d(e, r, o, t = "") {
       let l = "inherit";
       const f = $(Object.values(e.extension ?? {})).filter(k).map(({ status: n }) => {
         let E = [], s = l, h = "", c = "";
         return n.type === u.Warning && (c = "▲", s = "Orange"), n.type === u.Error && (c = "✖︎", s = "OrangeRed"), n.type === u.Success && (c = "✔", s = "YellowGreen"), n.type === u.Info && (c = "i", s = "SkyBlue"), n.type === u.System && (n.code.includes("BUSY") ? (c = "⧗", h = ` ${U(n.progress)}`) : n.code.includes("COMPLETE") ? c = "✔" : c = "•", s = "Grey"), E.push({ label: `${c} ${n.code}${h}`, color: s }), E;
       }).flat();
-      let i = `%c%s %o	  %c${r}%c${t}%c${o} ${f.map(({ label: n }) => `%c ${n}`).join(" ")}`;
-      i += " ".repeat(Math.max(0, 60 - i.length)) + "", m(
+      let i = `%c%s %o	  %c${r}%c${o}%c${t} ${T(
+        ...f.map(({ label: n }) => `%c ${n}`)
+      )}`;
+      i += " ".repeat(Math.max(0, 60 - i.length)) + "", p(
         ...$([
           i,
           "color:grey",
@@ -76,7 +79,7 @@ const K = I(
       );
     }
     function A(e, r) {
-      p(
+      d(
         e,
         r,
         e.name ?? e?.state.src ?? "",
@@ -85,43 +88,43 @@ const K = I(
       );
     }
     function M(e, r) {
-      p(e, r, e.name + "/");
+      d(e, r, e.name + "/");
     }
-    function g(e, r, t) {
-      e.forEach((o, l) => {
+    function g(e, r, o) {
+      e.forEach((t, l) => {
         let a = "";
         const f = l === e.length - 1;
-        let i = [...t];
-        if (r > 0 && (a = (f ? "└──" : "├──") + " "), D(o))
-          return M(o, i.join("") + a), r > 0 && i.push(f ? "    " : "│   "), g(o.entries, r + 1, i);
-        A(o, i.join("") + a);
+        let i = [...o];
+        if (r > 0 && (a = (f ? "└──" : "├──") + " "), D(t))
+          return M(t, i.join("") + a), r > 0 && i.push(f ? "    " : "│   "), g(t.entries, r + 1, i);
+        A(t, i.join("") + a);
       });
     }
     let y;
     function v(e) {
-      const { debounce: r, clearBeforeLog: t } = x, o = () => {
-        t && R(), (e.length > 1 || t) && m(`
+      const { debounce: r, clearBeforeLog: o } = w, t = () => {
+        o && R(), (e.length > 1 || o) && p(`
  handleUpdateEntries(%o)
 
 `, e), g(e, 0, []);
       };
-      cancelAnimationFrame(y), r ? y = requestAnimationFrame(o) : o();
+      cancelAnimationFrame(y), r ? y = requestAnimationFrame(t) : t();
     }
     if (window) {
-      const e = `$pond${w}`, r = window[e] = {
+      const e = `$pond${S}`, r = window[e] = {
         insertEntries: F,
         removeEntries: B,
         updateEntry: L
       };
-      m(
-        `%c${S}: %cFilePond instance available for debugging at %cwindow%c.%c${e}`,
+      p(
+        `%c${x}: %cFilePond instance available for debugging at %cwindow%c.%c${e}`,
         "color:grey",
         "color:auto",
         "color:grey",
         "color:grey",
         "color:auto",
         { "🔍": r }
-      ), w++;
+      ), S++;
     }
     const z = b("updateEntries", v);
     return {
@@ -132,5 +135,5 @@ const K = I(
   }
 );
 export {
-  K as ConsoleView
+  X as ConsoleView
 };

package/esm/extensions/data-transfer-loader.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/data-url-store.js

@@ -1,27 +1,32 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-import { createStoreExtension as a } from "./common/createStoreExtension.js";
-import { thread as s } from "../utils/thread.js";
-import { isFileEntry as i } from "../utils/test.js";
-const d = (t, e, { onprogress: o }) => {
-  const r = new FileReader();
-  r.onprogress = o, r.onloadend = () => e(null, { dataURL: r.result }), r.onerror = (n) => e(n), r.readAsDataURL(t);
-}, u = a("DataURLStore", {}, () => {
-  async function t(e, { abortController: o, onprogress: r, onabort: n }) {
-    return i(e) ? (await s(d, [e.file], {
-      abortController: o,
-      onprogress: r,
-      onabort: n
-    })).dataURL : void 0;
+import { createStoreExtension as s } from "./common/createStoreExtension.js";
+import { thread as m, createThreadWorker as c } from "../utils/thread.js";
+import { isFileEntry as f } from "../utils/test.js";
+import { readFile as d } from "../workers/readFile.js";
+const k = s(
+  "DataURLStore",
+  {
+    workersURL: void 0
+  },
+  ({ props: t }) => {
+    async function e(r, { abortController: o, onprogress: a, onabort: i }) {
+      const { workersURL: n } = t;
+      return f(r) ? (await m(c(n, d), [r.file], {
+        abortController: o,
+        onprogress: a,
+        onabort: i
+      })).dataURL : void 0;
+    }
+    return {
+      storeEntry: e
+    };
   }
-  return {
-    storeEntry: t
-  };
-});
+);
 export {
-  u as DataURLStore
+  k as DataURLStore
 };

package/esm/extensions/drag-drop-source.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/dropbox-source.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/entry-list-view.js

@@ -1,57 +1,63 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-import { createExtension as x } from "./common/createExtension.js";
-import { COMPONENT_PROPS as h } from "../elements/FilePondEntryList/index.js";
-const P = h.reduce((n, r) => (n[r] = void 0, n), {}), O = x(
+import { createExtension as P } from "./common/createExtension.js";
+import { COMPONENT_PROPS as R } from "../elements/FilePondEntryList/index.js";
+import { addListener as T } from "../utils/dom.js";
+const L = R.reduce((n, s) => (n[s] = void 0, n), {}), U = P(
   "EntryListView",
   {
     // props available on this element
-    ...P,
+    ...L,
     // element reference
     element: void 0
   },
-  (n, r) => {
-    const { didSetProps: E } = n, {
-      on: s,
-      getEntries: c,
-      setEntries: l,
-      pushTask: u,
-      abortTask: y,
-      insertEntries: d,
-      removeEntries: b,
-      updateEntry: k,
-      getEntryExtensionState: p,
-      setEntryExtensionState: m
-    } = r;
-    let t;
-    E(
-      ({ element: e, ...v }) => {
-        e && (t = e, t.setSetEntriesCallback(l), t.setInsertEntriesCallback(d), t.setRemoveEntriesCallback(b), t.setUpdateEntryCallback(k), t.setSetEntryExtensionStateCallback(m), t.setGetEntryExtensionStateCallback(p), t.setPushTaskCallback(u), t.setAbortTaskCallback(y), Object.assign(t, {
-          ...v
-        }), t.onSetEntries(c()));
+  (n, s) => {
+    const { didSetProps: l } = n, {
+      on: o,
+      getEntries: u,
+      setEntries: d,
+      pushTask: y,
+      abortTask: b,
+      insertEntries: m,
+      removeEntries: p,
+      updateEntry: f,
+      getEntryExtensionState: k,
+      setEntryExtensionState: C
+    } = s;
+    let t, r;
+    l(
+      ({ element: e, ...h }) => {
+        e && (t = e, Object.assign(t, {
+          ...h
+        }), i(), r?.(), r = T(t, "connected", () => {
+          i();
+        }));
       }
     );
+    function i() {
+      t.setSetEntriesCallback(d), t.setInsertEntriesCallback(m), t.setRemoveEntriesCallback(p), t.setUpdateEntryCallback(f), t.setSetEntryExtensionStateCallback(C), t.setGetEntryExtensionStateCallback(k), t.setPushTaskCallback(y), t.setAbortTaskCallback(b), t.onSetEntries(u());
+    }
     function S(e) {
       t?.onRemoveEntry(e);
     }
-    function f(e) {
+    function v(e) {
       t?.onInsertEntry(e);
     }
-    function C(e) {
+    function x(e) {
       t?.onSetEntries(e);
     }
-    const o = s("insertEntry", f), i = s("removeEntry", S), a = s("updateEntries", C);
+    const a = o("insertEntry", v), E = o("removeEntry", S), c = o("updateEntries", x);
     return {
       destroy() {
-        a && a(), o && o(), i && i();
+        r && r(), c && c(), a && a(), E && E();
       }
     };
   }
 );
 export {
-  O as EntryListView
+  U as EntryListView
 };

package/esm/extensions/file-extension-validator.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/file-input-source.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/file-input-store.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/file-mime-type-validator.js

@@ -1,27 +1,31 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-import { createValidatorExtension as c } from "./common/createValidatorExtension.js";
-import { isString as i, isFileEntry as d, isBlobOrFile as p } from "../utils/test.js";
-const h = c(
+import { createValidatorExtension as p } from "./common/createValidatorExtension.js";
+import { isString as n, isFileEntry as c, isBlobOrFile as d } from "../utils/test.js";
+import { upperCaseFirstLetter as M } from "../utils/string.js";
+const I = p(
   "FileMimeTypeValidator",
   {
     accept: [],
-    format: (n) => n.map((l) => l.split("/")[1]).join(", ").toUpperCase()
+    format: (l) => l.map((o) => {
+      const [r, i] = o.split("/");
+      return i === "*" ? `fileMainType${M(r)}` : i.toUpperCase();
+    }).join(", ")
   },
-  ({ props: n, didSetProps: l }) => {
-    let r = [], a = [];
-    l(({ accept: e }) => {
-      r = (i(e) ? e.split(",") : e).map(
-        (t) => i(t) ? t.trim() : t
-      ).filter((t) => i(t) ? t.length === 0 ? !1 : !t.startsWith(".") : !0), a = r.map((t) => i(t) ? t.includes("*") ? new RegExp("^" + t.split("*")[0], "i") : new RegExp("^" + t + "$", "i") : t);
+  ({ props: l, didSetProps: o }) => {
+    let r = [], i = [];
+    o(({ accept: e }) => {
+      r = (n(e) ? e.split(",") : e).map(
+        (t) => n(t) ? t.trim() : t
+      ).filter((t) => n(t) ? t.length === 0 ? !1 : !t.startsWith(".") : !0), i = r.map((t) => n(t) ? t.includes("*") ? new RegExp("^" + t.split("*")[0], "i") : new RegExp("^" + t + "$", "i") : t);
     });
-    function o(e) {
-      const { format: t } = n, { type: f } = e.file;
-      return a.some((u) => u.test(f)) ? null : {
+    function a(e) {
+      const { format: t } = l, { type: f } = e.file;
+      return i.some((u) => u.test(f)) ? null : {
         code: "VALIDATION_FILE_MIME_TYPE_MISMATCH",
         values: {
           accept: t(r),
@@ -30,14 +34,14 @@ const h = c(
       };
     }
     function s(e) {
-      return !d(e) || !p(e.file) || a.length === 0 ? !1 : !!e.file.type;
+      return !c(e) || !d(e.file) || i.length === 0 ? !1 : !!e.file.type;
     }
     return {
-      validateEntry: o,
+      validateEntry: a,
       canValidateEntry: s
     };
   }
 );
 export {
-  h as FileMimeTypeValidator
+  I as FileMimeTypeValidator
 };

package/esm/extensions/file-name-transform.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/file-name-validator.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/file-size-validator.js

@@ -1,48 +1,59 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-import { createValidatorExtension as u } from "./common/createValidatorExtension.js";
-import { isFileEntry as s, isBlobOrFile as f } from "../utils/test.js";
-import { naturalFileSizeToBytes as t, bytesToNaturalFileSize as r } from "../utils/file.js";
-const F = u(
+import { createValidatorExtension as S } from "./common/createValidatorExtension.js";
+import { isFileEntry as z, isBlobOrFile as E } from "../utils/test.js";
+import { naturalFileSizeToBytes as m, bytesToNaturalFileSize as l, getFormatFromFileSize as r } from "../utils/file.js";
+const V = S(
   "FileSizeValidator",
   {
     minSize: 0,
-    maxSize: 1 / 0
+    maxSize: 1 / 0,
+    byteUnits: void 0
   },
-  ({ didSetProps: l }) => {
-    const i = {
+  ({ didSetProps: o }) => {
+    const t = {
       min: 0,
       max: 1 / 0
-    }, e = {
+    }, i = {
       min: null,
-      max: null
+      minUnit: null,
+      max: null,
+      maxUnit: null
     };
-    l(({ minSize: n, maxSize: a }) => {
-      i.min = t(n), i.max = t(a), e.min = r(i.min), e.max = r(i.max);
+    o(({ minSize: n, maxSize: a, byteUnits: e }) => {
+      e = e || r(a) || r(n) || "mega", t.min = m(n), t.max = m(a);
+      const [s, F] = l(t.min, { byteUnits: e }).split(" "), [c, f] = l(t.max, { byteUnits: e }).split(" ");
+      i.min = s, i.minUnit = F, i.max = c, i.maxUnit = f;
     });
-    function m(n) {
+    function u(n) {
       const { size: a } = n.file;
-      return a < i.min ? {
+      return a < t.min ? {
         code: "VALIDATION_FILE_SIZE_UNDERFLOW",
-        values: { minSize: e.min }
-      } : a > i.max ? {
+        values: {
+          minSize: i.min,
+          minSizeUnit: `unit${i.minUnit}`
+        }
+      } : a > t.max ? {
         code: "VALIDATION_FILE_SIZE_OVERFLOW",
-        values: { maxSize: e.max }
+        values: {
+          maxSize: i.max,
+          maxSizeUnit: `unit${i.maxUnit}`
+        }
       } : null;
     }
-    function o(n) {
-      return s(n) && f(n.file);
+    function x(n) {
+      return z(n) && E(n.file);
     }
     return {
-      validateEntry: m,
-      canValidateEntry: o
+      validateEntry: u,
+      canValidateEntry: x
     };
   }
 );
 export {
-  F as FileSizeValidator
+  V as FileSizeValidator
 };

package/esm/extensions/form-post-store.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com

package/esm/extensions/image-bitmap-transform.js

@@ -0,0 +1,109 @@
+/*!
+* FilePond v5.0.0-beta.21
+* Copyright (c) 2017-2026 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+import { blobToFile as S } from "../utils/file.js";
+import { getImageSize as k } from "../utils/media.js";
+import { rectApply as q, rectFromSize as A } from "../utils/rect.js";
+import { sizeFromRect as H } from "../utils/size.js";
+import { isFileEntry as W, isImageFile as C } from "../utils/test.js";
+import { thread as L, createThreadWorker as O } from "../utils/thread.js";
+import { createTransformExtension as U } from "./common/createTransformExtension.js";
+import { transformImage as Q } from "../workers/transformImage.js";
+const Y = U(
+  "ImageBitmapTransform",
+  {
+    actionTransform: "transformImage",
+    width: void 0,
+    height: void 0,
+    upscale: !1,
+    fit: "contain",
+    aspectRatio: void 0,
+    type: void 0,
+    quality: "medium",
+    compression: 0.98,
+    workersURL: void 0,
+    shouldTransform: () => !0
+  },
+  ({ props: v, extensionName: b }) => {
+    function F(o) {
+      return W(o) && C(o.file) && !/svg/.test(o.file.type);
+    }
+    async function z(o, { abortController: T }) {
+      const {
+        aspectRatio: m,
+        width: c,
+        height: f,
+        upscale: R,
+        fit: l,
+        quality: x,
+        compression: I,
+        type: E,
+        workersURL: B
+      } = v, { file: n } = o, M = [...o.extension[b].history ?? []], d = await k(n);
+      if (d === null)
+        throw "Failed to read image size";
+      const e = q(A(d, m), Math.round);
+      let t = H(e);
+      if (c || f) {
+        const h = e.width / e.height, a = m || h;
+        let i = c, r = f;
+        if (r ? i || (i = r * a) : r = i / a, t.width = i, t.height = r, l === "contain" ? i > r ? t.width = r * a : t.height = i / a : l === "cover" && (i > r ? t.height = i / a : t.width = r * a), !R && (t.width > e.width || t.height > e.height)) {
+          const y = Math.min(
+            e.width / t.width,
+            e.height / t.height
+          );
+          t.width *= y, t.height *= y;
+        }
+      }
+      let s;
+      try {
+        s = await L(
+          O(B, Q),
+          [
+            n,
+            e,
+            {
+              resizeWidth: Math.round(t.width),
+              resizeHeight: Math.round(t.height),
+              resizeQuality: x,
+              imageOrientation: "from-image"
+            }
+          ],
+          {
+            abortController: T
+          }
+        );
+      } catch {
+        throw "Failed to create image bitmap";
+      }
+      const p = new OffscreenCanvas(s.width, s.height), g = p.getContext("bitmaprenderer");
+      if (g === null)
+        throw "Failed to create bitmap renderer";
+      g.transferFromImageBitmap(s);
+      let u;
+      try {
+        u = await p.convertToBlob({
+          type: E || n.type,
+          quality: I
+        });
+      } catch {
+        throw "Failed to convert canvas to blob";
+      }
+      const w = S(u, n.name);
+      return {
+        file: w,
+        history: [...M, w]
+      };
+    }
+    return {
+      canTransformEntry: F,
+      transformEntry: z
+    };
+  }
+);
+export {
+  Y as ImageBitmapTransform
+};