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

package/esm/elements/FilePondEntryList/components/MediaPane/index.css.js

@@ -1,10 +1,10 @@
 /*!
-* 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
 */
-const a = "media-pane{position:relative;display:block;pointer-events:none;min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:var(--_aspect-ratio);clip-path:inset(var(--_mask-top) var(--_mask-right) var(--_mask-bottom) var(--_mask-left) round var(--media-border-radius, 0));--_px: calc(var(--_pan-x) * var(--_overflow-amount));--_py: calc(var(--_pan-y) * var(--_overflow-amount));--_s: calc(var(--_scale) + (var(--_scalar) * var(--_overflow-scale)));--_tx: calc(var(--_x) + var(--_px));--_ty: calc(var(--_y) + var(--_py))}media-pane canvas,media-pane video{image-rendering:pixelated;position:absolute;left:0;top:0;max-width:none;width:auto;opacity:var(--_opacity);transform-origin:center center;transform:translate3d(var(--_tx),var(--_ty),0) scale(var(--_s))}.media-pane{--background-color: var(--media-background-color);--border-radius: 0}";
+const a = "media-pane{position:relative;display:block;pointer-events:none;min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:var(--_aspect-ratio);clip-path:inset(var(--_mask-top) var(--_mask-right) var(--_mask-bottom) var(--_mask-left) round var(--media-border-radius, 0));--_px: calc(var(--_pan-x) * var(--_overflow-amount));--_py: calc(var(--_pan-y) * var(--_overflow-amount));--_s: calc(var(--_scale) + (var(--_scalar) * var(--_overflow-scale)));--_tx: calc(var(--_x) + var(--_px));--_ty: calc(var(--_y) + var(--_py))}media-pane canvas,media-pane video{image-rendering:var(--image-rendering, smooth);position:absolute;left:0;top:0;max-width:none;width:auto;opacity:var(--_opacity);transform-origin:center center;transform:translate3d(var(--_tx),var(--_ty),0) scale(var(--_s))}.media-pane{--background-color: var(--media-background-color);--border-radius: 0}";
 export {
   a as default
 };

package/esm/elements/FilePondEntryList/components/MediaPane/index.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/elements/FilePondEntryList/components/MediaPane/index.svelte.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
@@ -24,58 +24,56 @@ import { getSpringElementTreeContext as _e } from "../../contexts/springElementT
 var be = ce("<media-pane><!></media-pane>", 2);
 function Le(J, a) {
   re(a, !0);
-  let d = r(a, "mediaWidth", 7, void 0), c = r(a, "mediaHeight", 7, void 0), w = r(a, "mediaVisible", 7, void 0), x = r(a, "mediaLoading", 7, !0), _ = r(a, "mediaObjectSize", 3, "cover"), k = r(a, "mediaInitialScalar", 3, 1), I = r(a, "mediaInitialOpacity", 3, 1), b = r(a, "mediaAnimateIn", 7, !0), v = r(a, "overflowAmount", 3, 10), H = r(a, "enableParallax", 3, !0);
-  const T = { stiffness: 0.1, damping: 0.8, precision: 0.01 }, W = new R(I(), T), j = new R(k(), T), D = i(xe), F = i(() => e(D).springDefaults), K = i(() => e(D).enableAnimations), N = _e(), y = i(() => N.currentScale);
+  let d = r(a, "mediaWidth", 7, void 0), c = r(a, "mediaHeight", 7, void 0), w = r(a, "mediaVisible", 7, void 0), x = r(a, "mediaLoading", 7, !0), _ = r(a, "mediaObjectFit", 3, "cover"), k = r(a, "mediaInitialScalar", 3, 1), I = r(a, "mediaInitialOpacity", 3, 1), b = r(a, "mediaAnimateIn", 7, !0), v = r(a, "overflowAmount", 3, 10), F = r(a, "enableParallax", 3, !0);
+  const H = { stiffness: 0.1, damping: 0.8, precision: 0.01 }, T = new R(I(), H), W = new R(k(), H), j = i(xe), D = i(() => e(j).springDefaults), K = i(() => e(j).enableAnimations), N = _e(), y = i(() => N.currentScale);
   let h = C(null);
   const n = new R(void 0);
   P(() => {
-    e(F) && Object.assign(n, e(F));
+    e(D) && Object.assign(n, e(D));
   });
   const M = i(() => ({ instant: !e(K) }));
-  let L = C(void 0), z = C(void 0);
-  const o = i(() => !x() && !!(d() && c())), S = i(() => e(o) ? d() / c() : null), l = i(() => n.current ? n.current.width : null), s = i(() => n.current ? n.current.height : null), Q = i(() => e(o) ? e(l) * 0.5 - d() * 0.5 : 0), Z = i(() => e(o) ? e(s) * 0.5 - c() * 0.5 : 0);
-  function B(t) {
+  let L = C(void 0), B = C(void 0);
+  const m = i(() => !x() && !!(d() && c())), O = i(() => e(m) ? d() / c() : null), l = i(() => n.current ? n.current.width : null), s = i(() => n.current ? n.current.height : null), Q = i(() => e(m) ? e(l) * 0.5 - d() * 0.5 : 0), Z = i(() => e(m) ? e(s) * 0.5 - c() * 0.5 : 0);
+  function V(t) {
     return Math[t === "cover" ? "max" : "min"];
   }
-  const V = i(() => e(o) ? B(_())(e(l) / d(), e(s) / c()) : null), $ = i(() => e(o) ? B(_())((e(l) + v() * 2) / d(), (e(s) + v() * 2) / c()) - e(V) : null), X = i(() => e(o) && H() && n.current ? (n.current.x + n.current.width) / (e(L) + n.current.width) : null), Y = i(() => e(o) && H() && n.current ? (n.current.y + n.current.height) / (e(z) + n.current.height) : null);
+  const X = i(() => e(m) ? V(_())(e(l) / d(), e(s) / c()) : null), $ = i(() => e(m) ? V(_())((e(l) + v() * 2) / d(), (e(s) + v() * 2) / c()) - e(X) : null), Y = i(() => e(m) && F() && n.current ? (n.current.x + n.current.width) / (e(L) + n.current.width) : null), E = i(() => e(m) && F() && n.current ? (n.current.y + n.current.height) / (e(B) + n.current.height) : null);
   P(() => {
-    W.set(w() ? 1 : I(), {
+    T.set(w() ? 1 : I(), {
       instant: b() ? e(M).instant : !0
     });
   }), P(() => {
-    j.set(w() ? 1 : k(), {
+    W.set(w() ? 1 : k(), {
       instant: b() ? e(M).instant : !0
     });
   });
-  function ee(t, m, q) {
-    let O = t, f = t / q;
-    return f > m && (f = m, O = f * q), {
-      x: (t - O) / 2,
-      y: (m - f) / 2,
-      width: O,
+  function ee(t, o, z) {
+    let S = t, f = t / z;
+    return f > o && (f = o, S = f * z), {
+      x: (t - S) / 2,
+      y: (o - f) / 2,
+      width: S,
       height: f
     };
   }
-  const E = i(() => e(h) && n.current ? {
+  const U = i(() => e(h) && n.current ? {
     width: e(h)?.width - n.current?.width * e(y),
     height: e(h)?.height - n.current?.height * e(y)
-  } : { width: 0, height: 0 }), u = i(() => e(o) ? _() === "contain" ? ee(e(l), e(s), e(S)) : pe(0, 0, e(l), e(s)) : null), g = i(() => e(u) ? {
+  } : { width: 0, height: 0 }), u = i(() => e(m) ? _() === "contain" ? ee(e(l), e(s), e(O)) : pe(0, 0, e(l), e(s)) : null), g = i(() => e(u) ? {
     t: e(u).y,
-    r: e(u).x + e(E).width,
-    b: e(u).y + e(E).height,
+    r: e(u).x + e(U).width,
+    b: e(u).y + e(U).height,
     l: e(u).x
-  } : null), te = i(() => e(S) ? e(S).toFixed(3) : "auto");
+  } : null), te = i(() => e(O) ? e(O).toFixed(3) : "auto");
   function ie(t) {
-    if (!e(o))
-      return;
-    const m = he(t);
-    !m.width || !m.height || ne(m);
+    const o = he(t);
+    !o.width || !o.height || ne(o);
   }
   function ne(t) {
     A(h, { ...t }), n.set(ge(t, 1 / e(y)), e(M));
   }
   var p = be();
-  let U;
+  let q;
   var ae = me(p);
   se(ae, () => a.children, () => ({
     onInitMedia: () => {
@@ -85,25 +83,25 @@ function Le(J, a) {
       d(t.width), c(t.height), x(!1);
     },
     onRenderMedia: (t) => {
-      const { instant: m = !1 } = t || {};
-      b(!m), w(!0);
+      const { instant: o = !1 } = t || {};
+      b(!o), w(!0);
     }
-  })), ue(p, () => we({ onmeasure: ie })), de(() => U = fe(p, "", U, {
+  })), ue(p, () => we({ onmeasure: ie })), de(() => q = fe(p, "", q, {
     "--_aspect-ratio": e(te),
     "--_x": `${e(Q)}px`,
     "--_y": `${e(Z)}px`,
-    "--_scale": e(V),
-    "--_opacity": W.current,
-    "--_scalar": j.current,
-    "--_pan-x": e(X) === null ? 0 : -1 + e(X) * 2,
-    "--_pan-y": e(Y) === null ? 0 : -1 + e(Y) * 2,
+    "--_scale": e(X),
+    "--_opacity": T.current,
+    "--_scalar": W.current,
+    "--_pan-x": e(Y) === null ? 0 : -1 + e(Y) * 2,
+    "--_pan-y": e(E) === null ? 0 : -1 + e(E) * 2,
     "--_overflow-amount": `${v()}px`,
     "--_overflow-scale": e($),
     "--_mask-top": `${e(g)?.t ?? 0}px`,
     "--_mask-right": `${e(g)?.r ?? 0}px`,
     "--_mask-bottom": `${e(g)?.b ?? 0}px`,
     "--_mask-left": `${e(g)?.l ?? 0}px`
-  })), G("innerWidth", (t) => A(L, t)), G("innerHeight", (t) => A(z, t)), le(J, p), oe();
+  })), G("innerWidth", (t) => A(L, t)), G("innerHeight", (t) => A(B, t)), le(J, p), oe();
 }
 export {
   Le as default

package/esm/elements/FilePondEntryList/components/MediaTimeIndicator/index.css.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/elements/FilePondEntryList/components/MediaTimeIndicator/index.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/elements/FilePondEntryList/components/MediaTimeIndicator/index.svelte.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/elements/FilePondEntryList/components/MediaVideo/index.css.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/elements/FilePondEntryList/components/MediaVideo/index.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/elements/FilePondEntryList/components/MediaVideo/index.svelte.js

@@ -1,60 +1,60 @@
 /*!
-* 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 { onDestroy as _e } from "../../../../svelte/svelte/src/index-client.js";
-import { user_effect as b, template_effect as H } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
-import { pop as Pe, push as Ae } from "../../../../svelte/svelte/src/internal/client/context.js";
-import { get as e, untrack as y } from "../../../../svelte/svelte/src/internal/client/runtime.js";
-import { first_child as Ee, child as Y } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
+import { onDestroy as Se } from "../../../../svelte/svelte/src/index-client.js";
+import { user_effect as y, template_effect as H } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { pop as _e, push as Pe } from "../../../../svelte/svelte/src/internal/client/context.js";
+import { get as e, untrack as S } from "../../../../svelte/svelte/src/internal/client/runtime.js";
+import { first_child as Ae, child as Y } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
 import { state as o, set as i } from "../../../../svelte/svelte/src/internal/client/reactivity/sources.js";
-import { noop as Le } from "../../../../svelte/svelte/src/internal/shared/utils.js";
+import { noop as Ee } from "../../../../svelte/svelte/src/internal/shared/utils.js";
 import { event as _ } from "../../../../svelte/svelte/src/internal/client/dom/elements/events.js";
-import { comment as Oe, append as k, from_html as J } from "../../../../svelte/svelte/src/internal/client/dom/template.js";
-import { user_derived as n } from "../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
-import { if_block as ke } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
-import { snippet as Me } from "../../../../svelte/svelte/src/internal/client/dom/blocks/snippet.js";
-import { clsx as Ve } from "../../../../svelte/svelte/src/internal/shared/attributes.js";
-import { set_class as xe } from "../../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { bind_this as Fe } from "../../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
+import { comment as Le, append as k, from_html as J } from "../../../../svelte/svelte/src/internal/client/dom/template.js";
+import { user_derived as a } from "../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
+import { if_block as Oe } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
+import { snippet as ke } from "../../../../svelte/svelte/src/internal/client/dom/blocks/snippet.js";
+import { clsx as Fe } from "../../../../svelte/svelte/src/internal/shared/attributes.js";
+import { set_class as Me } from "../../../../svelte/svelte/src/internal/client/dom/elements/class.js";
+import { bind_this as Ve } from "../../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
 import { prop as f } from "../../../../svelte/svelte/src/internal/client/reactivity/props.js";
-import { toTime as z } from "../../../../utils/date.js";
-import { isIOS as Re, isSafari as B, isNumber as N } from "../../../../utils/test.js";
-import { videoHasAudioTrack as je } from "../../../../utils/dom.js";
+import { toTime as B } from "../../../../utils/date.js";
+import { isIOS as xe, isSafari as N, isNumber as z } from "../../../../utils/test.js";
+import { videoHasAudioTrack as Re } from "../../../../utils/dom.js";
 import "../MediaPane/index.js";
-import { once as Ie } from "../../../common/event.js";
-import { createObjectURL as Te } from "../../../../utils/objectURL.js";
-import { getAppContext as De } from "../../contexts/appContext.js";
-import { getEntryContext as we } from "../../contexts/entryContext.js";
+import { once as je } from "../../../common/event.js";
+import { createObjectURL as Ie } from "../../../../utils/objectURL.js";
+import { getAppContext as Te } from "../../contexts/appContext.js";
+import { getEntryContext as De } from "../../contexts/entryContext.js";
 import { Status as P } from "../../../../common/status.js";
 import { supportsRequestVideoFrameCallback as G } from "../../../../utils/support.js";
-import Ce from "../MediaPane/index.svelte.js";
-var Ue = J('<video playsinline=""><!></video>', 2), We = J("<media-video><!></media-video>", 2);
-function vt(K, u) {
-  Ae(u, !0);
-  let Q = f(u, "class", 3, void 0), X = f(u, "overflowAmount", 3, void 0), Z = f(u, "enableParallax", 3, void 0), $ = f(u, "objectSize", 3, void 0), ee = f(u, "mute", 3, !0), te = f(u, "children", 3, void 0);
-  const { setEntryExtensionState: l, pushTask: M } = De(), a = we(), re = n(() => a.current), A = n(() => e(re).file), V = n(() => e(A) !== null), x = Re() && B(), m = n(() => x ? void 0 : e(V) ? Te(e(A)) : void 0), h = n(() => x && e(V) ? e(A) : void 0);
-  let t = o(void 0), ie = 1 / 24, p = o(0), c = o(null), F = o(null), E = n(ee), s = o(!1), g = o(!1), R = o(!1);
-  const j = n(() => z(e(p))), oe = n(() => N(e(c)) ? z(e(c)) : void 0), ne = n(() => N(e(c)) ? `${e(c)}S` : void 0);
-  function ae() {
+import we from "../MediaPane/index.svelte.js";
+var Ce = J('<video playsinline=""><!></video>', 2), Ue = J("<media-video><!></media-video>", 2);
+function pt(K, u) {
+  Pe(u, !0);
+  let Q = f(u, "class", 3, void 0), X = f(u, "overflowAmount", 3, void 0), Z = f(u, "enableParallax", 3, void 0), $ = f(u, "objectFit", 3, void 0), A = f(u, "mute", 7, !0), ee = f(u, "children", 3, void 0);
+  const { setEntryExtensionState: l, pushTask: F } = Te(), n = De(), te = a(() => n.current), E = a(() => e(te).file), M = a(() => e(E) !== null), V = xe() && N(), m = a(() => V ? void 0 : e(M) ? Ie(e(E)) : void 0), h = a(() => V && e(M) ? e(E) : void 0);
+  let t = o(void 0), re = 1 / 24, p = o(0), c = o(null), x = o(null), s = o(!1), g = o(!1), R = o(!1);
+  const j = a(() => B(e(p))), ie = a(() => z(e(c)) ? B(e(c)) : void 0), oe = a(() => z(e(c)) ? `${e(c)}S` : void 0);
+  function ne() {
     e(t) && (e(t).paused ? e(t).play().then(() => {
-      l(a.current, { status: { type: P.System, code: "MEDIA_PLAY_BUSY" } });
+      l(n.current, { status: { type: P.System, code: "MEDIA_PLAY_BUSY" } });
     }).catch((r) => {
-      l(a.current, {
+      l(n.current, {
         status: {
           type: P.Error,
           code: "MEDIA_PLAY_ERROR",
           values: { error: r }
         }
       });
-    }) : (e(t).pause(), l(a.current, { status: { type: P.System, code: "MEDIA_PLAY_PAUSED" } })));
+    }) : (e(t).pause(), l(n.current, { status: { type: P.System, code: "MEDIA_PLAY_PAUSED" } })));
   }
-  function de() {
-    e(t) && (e(t).muted = !e(t).muted, i(E, e(t).muted));
+  function ae() {
+    e(t) && A(!e(t).muted);
   }
-  function ue() {
+  function de() {
     e(t) && (e(g) ? (document.exitFullscreen(), i(g, !1)) : e(t).requestFullscreen().then(() => i(g, !0)));
   }
   function I(r) {
@@ -68,32 +68,32 @@ function vt(K, u) {
       e(t).currentTime = r, i(p, r);
     }
   }
-  let T = o(void 0), D = o(void 0), S = o(!1), w = o(!0);
-  function se() {
-    i(w, !1), i(T, e(t).videoWidth), i(D, e(t).videoHeight), i(c, e(t).duration), je(e(t)).then((r) => {
-      i(F, !r);
-    }), G() || i(S, !0);
+  let T = o(void 0), D = o(void 0), b = o(!1), w = o(!0);
+  function ue() {
+    i(w, !1), i(T, e(t).videoWidth), i(D, e(t).videoHeight), i(c, e(t).duration), Re(e(t)).then((r) => {
+      i(x, !r);
+    }), G() || i(b, !0);
   }
-  function le() {
+  function se() {
     i(s, !0);
   }
   function C() {
     i(s, !1);
   }
   let U;
-  function me() {
-    cancelAnimationFrame(U), B() && (e(t).currentTime = e(p));
+  function le() {
+    cancelAnimationFrame(U), N() && (e(t).currentTime = e(p));
     const r = () => {
       e(s) && (i(p, e(t).currentTime), U = requestAnimationFrame(r));
     };
     r();
   }
-  b(() => {
-    e(s) && y(me);
+  y(() => {
+    e(s) && S(le);
   });
   function W() {
     const { error: r } = e(t);
-    console.error(r), l(a.current, {
+    l(n.current, {
       status: {
         type: P.Error,
         code: "MEDIA_LOAD_ERROR",
@@ -101,7 +101,7 @@ function vt(K, u) {
       }
     }), i(R, !0);
   }
-  function ce() {
+  function me() {
     if (e(t).srcObject != e(h))
       try {
         e(t).srcObject = e(h), e(t).load();
@@ -109,28 +109,28 @@ function vt(K, u) {
         W();
       }
   }
-  function fe(r) {
+  function ce(r) {
     return new Promise((v, L) => {
       r.addEventListener("loadeddata", v), r.addEventListener("error", L);
     });
   }
-  async function pe() {
-    e(t).src !== e(m) && (e(t).src = e(m), await fe(e(t)));
+  async function fe() {
+    e(t).src !== e(m) && (e(t).src = e(m), await ce(e(t)));
   }
-  b(() => {
+  y(() => {
     !e(t) || !(e(m) ?? e(h)) || (G() && e(t).requestVideoFrameCallback(() => {
-      i(S, !0);
-    }), y(() => {
+      i(b, !0);
+    }), S(() => {
       if (e(m)) {
-        M(a.current.id, pe, { parallel: 1 });
+        F(n.current.id, fe, { parallel: 1 });
         return;
       }
-      e(h) && M(a.current.id, ce, { parallel: 1 });
+      e(h) && F(n.current.id, me, { parallel: 1 });
     }));
-  }), b(() => {
+  }), y(() => {
     const r = {
-      isMute: e(F),
-      isMuted: e(E),
+      isMute: e(x),
+      isMuted: A(),
       isPaused: !e(s),
       isPlaying: e(s),
       isFullscreen: e(g),
@@ -138,31 +138,31 @@ function vt(K, u) {
       timeISO: e(j),
       time: e(p),
       duration: e(c),
-      durationLabel: e(oe),
-      durationISO: e(ne),
-      framesPerSecond: ie
+      durationLabel: e(ie),
+      durationISO: e(oe),
+      framesPerSecond: re
     };
-    y(() => {
-      l(a.current, { video: r });
+    S(() => {
+      l(n.current, { video: r });
     });
-  }), b(() => {
-    const r = { isVisible: e(S) };
-    y(() => {
-      l(a.current, { media: r });
+  }), y(() => {
+    const r = { isVisible: e(b) };
+    S(() => {
+      l(n.current, { media: r });
     });
-  }), _e(() => {
+  }), Se(() => {
     e(s) && C(), e(m) && URL.revokeObjectURL(e(m));
   });
-  var ve = {
-    togglePlayback: ae,
-    toggleAudio: de,
-    toggleFullscreen: ue,
+  var pe = {
+    togglePlayback: ne,
+    toggleAudio: ae,
+    toggleFullscreen: de,
     setCurrentTime: I
-  }, q = Oe(), he = Ee(q);
+  }, q = Le(), ve = Ae(q);
   {
-    var ge = (r) => {
-      var v = We(), L = Y(v);
-      Ce(L, {
+    var he = (r) => {
+      var v = Ue(), L = Y(v);
+      we(L, {
         get enableParallax() {
           return Z();
         },
@@ -171,7 +171,7 @@ function vt(K, u) {
         },
         mediaInitialOpacity: 0,
         mediaInitialScalar: 0,
-        get mediaObjectSize() {
+        get mediaObjectFit() {
           return $();
         },
         get mediaWidth() {
@@ -181,26 +181,26 @@ function vt(K, u) {
           return e(D);
         },
         get mediaVisible() {
-          return e(S);
+          return e(b);
         },
         get mediaLoading() {
           return e(w);
         },
-        children: (Se, qe) => {
-          var d = Ue(), be = n(() => Ie(se)), ye = Y(d);
-          Me(ye, () => te() ?? Le), Fe(d, (O) => i(t, O), () => e(t)), H(() => d.muted = e(E)), _("play", d, le), _("pause", d, C), _("error", d, W), _("loadeddata", d, function(...O) {
+        children: (ge, We) => {
+          var d = Ce(), be = a(() => je(ue)), ye = Y(d);
+          ke(ye, () => ee() ?? Ee), Ve(d, (O) => i(t, O), () => e(t)), H(() => d.muted = A()), _("play", d, se), _("pause", d, C), _("error", d, W), _("loadeddata", d, function(...O) {
             e(be)?.apply(this, O);
-          }), k(Se, d);
+          }), k(ge, d);
         },
         _$slots: { default: !0 }
-      }), H(() => xe(v, 1, Ve(Q()))), k(r, v);
+      }), H(() => Me(v, 1, Fe(Q()))), k(r, v);
     };
-    ke(he, (r) => {
-      e(R) || r(ge);
+    Oe(ve, (r) => {
+      e(R) || r(he);
     });
   }
-  return k(K, q), Pe(ve);
+  return k(K, q), _e(pe);
 }
 export {
-  vt as default
+  pt as default
 };

package/esm/elements/FilePondEntryList/contexts/appContext.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/elements/FilePondEntryList/contexts/dragContext.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/elements/FilePondEntryList/contexts/dropContext.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/elements/FilePondEntryList/contexts/entryContext.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/elements/FilePondEntryList/contexts/springElementTreeContext.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/elements/FilePondEntryList/index.css.js

@@ -1,10 +1,10 @@
 /*!
-* 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
 */
-const e = ".root{isolation:isolate;text-align:left;font-weight:500;touch-action:none}.root[data-disabled] *{pointer-events:none!important}:host{--entry-min-height: 2.5em;--entry-padding: calc(var(--default-padding) * .5);--entry-shadow: none;--entry-color: currentColor;--entry-background-color: inherit;--entry-overlay-color: none;--entry-border-radius: calc(var(--default-border-radius, 0) * .5);--entry-border: var(--default-border, none);--entry-accent-color: var(--default-accent-color);--media-background-color: black;--font-size-m: .75em;--font-size-s: .625em;--font-size-xs: .5em;--status-info: #a7d6fb;--status-success: #97e1a8;--status-warning: #f9db82;--status-error: #f7938c;--status-system: #d3d3d3;--_100ms: calc(.1s * var(--animate));--_150ms: calc(.15s * var(--animate));--_200ms: calc(.2s * var(--animate));--_250ms: calc(.25s * var(--animate));--_500ms: calc(.5s * var(--animate))}*{margin:0;padding:0;border:0;user-select:none;-webkit-user-select:none}li{display:block}label,button,select,textarea,input{-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font:inherit;box-sizing:content-box}element-stack{display:flex;flex-direction:row}element-stack[layout=split]{justify-content:space-between}element-stack[layout=col]{flex-direction:column}element-stack[layout=pile]{display:grid;grid-template:1fr / 1fr}element-stack[layout=pile]>*{grid-area:1 / 1}.implicit{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.cover{position:absolute;inset:0;background:transparent;color:transparent}";
+const e = ".root{isolation:isolate;text-align:left;font-weight:500}.root[data-disabled] *{pointer-events:none!important}:host{--entry-min-height: 2.5em;--entry-padding: calc(var(--default-padding) * .5);--entry-shadow: none;--entry-color: currentColor;--entry-background-color: inherit;--entry-overlay-color: none;--entry-border-radius: calc(var(--default-border-radius, 0) * .5);--entry-border: var(--default-border, none);--entry-accent-color: var(--default-accent-color);--media-background-color: black;--font-size-m: .75em;--font-size-s: .625em;--font-size-xs: .5em;--status-info: #a7d6fb;--status-success: #97e1a8;--status-warning: #f9db82;--status-error: #f7938c;--status-system: #d3d3d3;--_100ms: calc(.1s * var(--animate));--_150ms: calc(.15s * var(--animate));--_200ms: calc(.2s * var(--animate));--_250ms: calc(.25s * var(--animate));--_500ms: calc(.5s * var(--animate))}:host([dragging]){z-index:2147483647}*{margin:0;padding:0;border:0;user-select:none;-webkit-user-select:none}li{display:block}label,button,select,textarea,input{-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font:inherit;box-sizing:content-box}element-stack{display:flex;flex-direction:row}element-stack[layout=split]{justify-content:space-between}element-stack[layout=col]{flex-direction:column}element-stack[layout=pile]{display:grid;grid-template:1fr / 1fr}element-stack[layout=pile]>*{grid-area:1 / 1}.implicit{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.cover{position:absolute;inset:0;background:transparent;color:transparent}";
 export {
   e as default
 };

package/esm/elements/FilePondEntryList/index.js

@@ -1,23 +1,22 @@
 /*!
-* 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 { FilePondSvelteComponentElement as e } from "../FilePondSvelteComponent/index.svelte.js";
-import { setBooleanAttribute as s } from "../../utils/dom.js";
-import { registerShadowRoot as n } from "../common/extendStyles.js";
+import { setBooleanAttribute as n } from "../../utils/dom.js";
+import { registerShadowRoot as s } from "../common/extendStyles.js";
 import i from "./index.svelte.js";
 import a from "./index.css.js";
 const r = [
-  // We don't include 'template' as it's handled with a manual setter, this prevents Svelte from creating a proxy when the template is passed to the `beforeAssignTemplate` function
   "disabled",
-  "beforeAssignTemplate",
-  "beforeRenderNode",
   "assets",
   "locale",
+  "template",
   "propResourceMap",
   "drag",
+  "dragGrabTimeout",
   "dragDetachMargin",
   "dragSafetyMargin",
   "drop",
@@ -27,7 +26,9 @@ const r = [
   "entryAnimationProps",
   "entryAnimationOriginMap",
   "entryAnimationStaggerInterval",
-  "springDefaults"
+  "springDefaults",
+  "byteUnits",
+  "beforeRenderNode"
 ], o = [
   // update routes from model
   "onSetEntries",
@@ -44,21 +45,17 @@ const r = [
   "setAbortTaskCallback"
 ], p = ["dragentry", "dragentrystart", "dragentryend", "updateplaceholder"];
 class y extends e {
-  #t;
-  set template(t) {
-    this.#t = t, this._app && this._app.setTemplate(t);
-  }
   constructor() {
     super(i, {
       properties: r,
       methods: o,
       events: p
-    }), n(this._root, a);
+    }), s(this._root, a);
   }
   connectedCallback() {
     super.connectedCallback(), this.addListener("updateentries", (t) => {
-      s(this, "empty", t.detail === 0);
-    }), this.#t, this._app.setTemplate(this.#t);
+      n(this, "empty", t.detail === 0);
+    });
   }
 }
 function S() {