filepond 5.0.0-beta.20 → 5.0.0-beta.21

package/esm/templates/media.js

@@ -1,32 +1,32 @@
 /*!
-* FilePond v5.0.0-beta.20
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
 import "../elements/FilePondEntryList/components/MediaVideo/index.js";
-import { createEntryMatcher as S, createButton as a, hasExtensionWithStatusCode as p, createSpringPane as d, whenEntryIs as l, whenEntryNotHasStatus as u, whenEntryHasAction as g, getExtensionByAction as h, hasExtensionWithStatusType as M, hasExtensionWithProp as R } from "./helpers.js";
+import { createEntryMatcher as F, createButton as c, hasExtensionWithStatusCode as u, createSpringPane as l, whenEntryIs as R, whenEntryNotHasStatus as M, whenEntryHasAction as h, getExtensionByAction as I, hasExtensionWithStatusType as _, hasExtensionWithProp as B } from "./helpers.js";
 import "../elements/components/RangeInput/index.js";
-import { supportsRequestFullscreen as T } from "../utils/support.js";
-import { toTime as O } from "../utils/date.js";
-import { nodeTree as c } from "../elements/common/nodeTree.js";
-import { boolToAttributeValue as m } from "../utils/dom.js";
+import { supportsRequestFullscreen as C } from "../utils/support.js";
+import { toTime as U } from "../utils/date.js";
+import { nodeTree as d } from "../elements/common/nodeTree.js";
+import { boolToAttributeValue as E } from "../utils/dom.js";
 import "../elements/FilePondEntryList/components/MediaTimeIndicator/index.js";
 import "../elements/FilePondEntryList/components/EntryActivityIndicator/index.js";
 import "../elements/FilePondEntryList/components/MediaImage/index.js";
-import i from "../elements/components/SpringElement/index.svelte.js";
+import a from "../elements/components/SpringElement/index.svelte.js";
 import "../elements/components/ElementPane/index.js";
-import A from "../elements/FilePondEntryList/components/EntryActivityIndicator/index.svelte.js";
-import v from "../elements/FilePondEntryList/components/MediaImage/index.svelte.js";
-import P from "../elements/FilePondEntryList/components/MediaVideo/index.svelte.js";
-import F from "../elements/components/RangeInput/index.svelte.js";
-import I from "../elements/FilePondEntryList/components/MediaTimeIndicator/index.svelte.js";
-import _ from "../elements/components/ElementPane/index.svelte.js";
-function y(e) {
+import w from "../elements/FilePondEntryList/components/EntryActivityIndicator/index.svelte.js";
+import V from "../elements/FilePondEntryList/components/MediaImage/index.svelte.js";
+import N from "../elements/FilePondEntryList/components/MediaVideo/index.svelte.js";
+import x from "../elements/components/RangeInput/index.svelte.js";
+import L from "../elements/FilePondEntryList/components/MediaTimeIndicator/index.svelte.js";
+import j from "../elements/components/ElementPane/index.svelte.js";
+function T(e) {
   const { action: t = "editMedia" } = e ?? {};
   return {
     key: "button-media-edit",
-    component: A,
+    component: w,
     props: ({ id: n, entry: r }, { updateEntryState: o }) => ({
       buttonPart: "media-button",
       states: [
@@ -38,9 +38,9 @@ function y(e) {
             "TRANSFORM_COMPLETE",
             "TRANSFORM_BUSY"
           ],
-          button: a("button-transform-activate", {
+          button: c("button-transform-activate", {
             icon: "mediaEdit",
-            disabled: p(r, [
+            disabled: u(r, [
               "STORE_QUEUED",
               "STORE_BUSY",
               "TRANSFORM_BUSY"
@@ -51,9 +51,9 @@ function y(e) {
         {
           codes: ["TRANSFORM_PREPARE"],
           progress: !0,
-          button: a("button-transform-abort", {
+          button: c("button-transform-abort", {
             icon: "abort",
-            disabled: p(r, [
+            disabled: u(r, [
               "STORE_QUEUED",
               "STORE_BUSY",
               "TRANSFORM_BUSY"
@@ -67,17 +67,17 @@ function y(e) {
     })
   };
 }
-function b(e) {
+function O(e) {
   const { action: t = "editMedia" } = e ?? {};
-  return a("button-media-reset", {
+  return c("button-media-reset", {
     props: ({ id: n, entry: r }, { updateEntryState: o }) => ({
       part: "media-button",
-      disabled: p(r, [
+      disabled: u(r, [
         "STORE_QUEUED",
         "STORE_BUSY",
         "TRANSFORM_PREPARE",
         "TRANSFORM_BUSY"
-      ]) || !h(r, t)?.input,
+      ]) || !I(r, t)?.input,
       icon: "mediaReset",
       label: "reset",
       title: "reset",
@@ -85,10 +85,10 @@ function b(e) {
     })
   });
 }
-function f(e) {
+function v(e) {
   return {
     key: e,
-    component: _,
+    component: j,
     spring: ({ visualRect: t }) => ({
       opacity: {
         value: t.height > 0 ? 1 : 0,
@@ -108,11 +108,11 @@ function f(e) {
     })
   };
 }
-function B(e) {
+function Y(e) {
   const { objectFit: t = void 0 } = e ?? {};
   return {
     key: "entry-image-spring",
-    component: i,
+    component: a,
     props: {
       class: "entry-media",
       part: "entry-media"
@@ -120,16 +120,16 @@ function B(e) {
     children: [
       {
         key: "entry-image",
-        component: v,
+        component: V,
         props: e
       },
       {
         if: {
           test: () => t === "contain",
-          then: f("entry-image-pane")
+          then: v("entry-image-pane")
         }
       },
-      d({
+      l({
         key: "entry-image-overlay",
         class: "media-overlay",
         part: "media-overlay"
@@ -137,18 +137,18 @@ function B(e) {
     ]
   };
 }
-function U({ entry: e }) {
+function S({ entry: e }) {
   const { media: t, video: n } = e.extension.EntryListView || {};
   return {
     media: t,
     video: n
   };
 }
-function w(e) {
+function D(e) {
   const { objectFit: t = void 0 } = e ?? {};
   return {
     key: "entry-video-spring",
-    component: i,
+    component: a,
     props: {
       class: "entry-media",
       part: "entry-media"
@@ -156,16 +156,16 @@ function w(e) {
     children: [
       {
         key: "entry-video",
-        component: P,
+        component: N,
         props: e
       },
       {
         if: {
           test: () => t === "contain",
-          then: f("entry-video-pane")
+          then: v("entry-video-pane")
         }
       },
-      d({
+      l({
         key: "entry-video-overlay",
         class: "media-overlay",
         part: "media-overlay"
@@ -173,99 +173,102 @@ function w(e) {
     ]
   };
 }
-function C(e) {
+function Q(e) {
   const { key: t, justifyContent: n } = e || {}, r = "media-control-group" + (n ? ` justify-content-${n}` : "");
-  return c({
+  return d({
     key: t,
-    component: i,
+    component: a,
     props: {
       subtag: "element-stack",
       class: r
     },
     children: [
-      d({
+      l({
         key: "media-control-group-background",
         class: "media-control-pane"
       })
     ]
   });
 }
-function s(e) {
+function m(e) {
   const { key: t } = e || {};
-  return c({
+  return d({
     key: t,
-    component: i,
+    component: a,
     props: {
       subtag: "element-stack",
       class: "media-control"
     },
     children: [
-      d({
+      l({
         key: "media-control-background",
         class: "media-control-pane"
       })
     ]
   });
 }
-function k(e) {
+function A(e) {
   const { key: t = "media-controls", justifyContent: n } = e || {}, r = "entry-media-controls" + (n ? ` justify-content-${n}` : "");
-  return c({
+  return d({
     if: {
       // don't render media controls if in error state
-      test: ({ entry: o }) => !M(o, ["error"]),
+      test: ({ entry: o }) => {
+        const { media: i } = S({ entry: o });
+        return i && i.isReady && !_(o, ["error"]);
+      },
       then: {
         key: t,
         tag: "element-stack",
-        context: U,
-        attrs: ({ media: o, video: E }) => ({
+        context: S,
+        attrs: ({ media: o, video: i }) => ({
           class: r,
           part: "media-controls",
-          "data-media-is-visible": m(o?.isVisible),
-          "data-media-is-playing": m(E?.isPlaying)
+          "data-media-is-visible": E(o?.isVisible),
+          "data-media-is-playing": E(i?.isPlaying)
         })
       }
     }
   });
 }
-function V() {
+function W() {
   return {
     key: "toggle-playback-spring",
-    component: i,
+    component: a,
     props: {
       class: "toggle-playback"
     },
-    children: a("toggle-playback", ({ video: e }) => ({
+    children: c("toggle-playback", ({ video: e }) => ({
       part: "media-button",
       icon: e?.isPaused ? "mediaPlay" : "mediaPause"
     }))
   };
 }
-function N() {
+function H() {
   return {
     key: "toggle-audio-spring",
-    component: i,
+    component: a,
     props: {
       class: "toggle-audio"
     },
-    children: a("toggle-audio", ({ video: e }) => ({
+    children: c("toggle-audio", ({ video: e }) => ({
       part: "media-button",
       icon: e?.isMute ? "mediaSilent" : e?.isMuted ? "mediaUnmute" : "mediaMute",
       disabled: e?.isMute
     }))
   };
 }
-function oe() {
+function ue() {
   return {
     // only added when fullscreen is supported
     if: {
-      test: T,
+      test: C,
       then: {
         key: "toggle-fullscreen-spring",
-        component: i,
+        component: a,
         props: {
           class: "toggle-fullscreen"
         },
-        children: a("toggle-fullscreen", {
+        children: c("toggle-fullscreen", {
           part: "media-button",
           icon: "mediaFullscreen"
         })
@@ -273,17 +276,17 @@ function oe() {
     }
   };
 }
-function x() {
+function $() {
   return {
     key: "media-scrubber-spring",
-    component: i,
+    component: a,
     props: {
       class: "media-scrubber"
     },
     children: [
       {
         key: "media-scrubber",
-        component: F,
+        component: x,
         props: ({ video: e }) => ({
           part: "media-scrubber",
           step: e?.framesPerSecond,
@@ -295,12 +298,12 @@ function x() {
     ]
   };
 }
-function ae() {
+function ge() {
   return {
     key: "media-scrubber-title",
     tag: "time",
     context: ({ hoverValue: e }) => ({
-      time: O(e)
+      time: U(e)
     }),
     attrs: ({ time: e }) => ({
       datetime: e
@@ -308,16 +311,16 @@ function ae() {
     children: "{{time}}"
   };
 }
-function L() {
+function q() {
   return {
     key: "media-time-indicator-spring",
-    component: i,
+    component: a,
     props: {
       class: "media-time-indicator"
     },
     children: {
       key: "media-time-indicator",
-      component: I,
+      component: L,
       props: ({ video: e }) => ({
         timeISO: e?.timeISO,
         timeLabel: e?.timeLabel,
@@ -327,46 +330,51 @@ function L() {
     }
   };
 }
-const j = S("image");
-function ce(e, t) {
-  const { imageViewOptions: n } = t ?? {};
-  return c(e).find("entry").append(
-    l((r) => j(r) || R(r, "poster")).append(
-      B(n),
-      u("error").append(
-        g("editMedia").append(
-          k({ justifyContent: "end" }).append(
-            s().append(b()),
-            s().append(y())
+const G = F("image");
+function ye(e, t) {
+  const { imageViewOptions: n, imageEditOptions: r } = t ?? {}, { enableEdit: o = !0, enableReset: i = !0 } = r ?? {}, p = o || i;
+  return d(e).find("entry").append(
+    R((s) => G(s) || B(s, "poster")).append(
+      Y(n),
+      p && M("error").append(
+        h("editMedia").append(
+          A({ justifyContent: "end" }).append(
+            i && m().append(O()),
+            o && m().append(T())
           )
         )
       )
     )
   ), e;
 }
-function se(e, t) {
-  const { videoViewOptions: n } = t ?? {};
-  return c(e).update("entry", (r) => {
-    r.routes = {
+function be(e, t) {
+  const { videoViewOptions: n, videoEditOptions: r, videoControlOptions: o } = t ?? {}, {
+    enablePlay: i = !0,
+    enableScrubber: p = !0,
+    enableTime: s = !0,
+    enableMute: g = !0
+  } = o ?? {}, { enableEdit: y = !0, enableReset: b = !0 } = r ?? {}, f = y || b, k = i || p || s || g;
+  return d(e).update("entry", (P) => {
+    P.routes = {
       "toggle-playback:click": "entry-video.togglePlayback",
       "toggle-audio:click": "entry-video.toggleAudio",
       "toggle-fullscreen:click": "entry-video.toggleFullscreen",
       "media-scrubber:input": "entry-video.setCurrentTime"
     };
   }).append(
-    l("video").append(
-      w(n),
-      u("error").append(
-        k().append(
-          C({ key: "video-controls" }).append(
-            V(),
-            x(),
-            L(),
-            N()
+    R("video").append(
+      D(n),
+      (f || k) && M("error").append(
+        A().append(
+          k && Q({ key: "video-controls" }).append(
+            i && W(),
+            p && $(),
+            s && q(),
+            g && H()
           ),
-          g("editMedia").append(
-            s().append(b()),
-            s().append(y())
+          f && h("editMedia").append(
+            b && m().append(O()),
+            y && m().append(T())
           )
         )
       )
@@ -374,19 +382,19 @@ function se(e, t) {
   ), e;
 }
 export {
-  ce as appendEntryImageView,
-  se as appendEntryVideoView,
-  y as createEditMediaButton,
-  B as createImageView,
-  s as createMediaControl,
-  C as createMediaControlGroup,
-  k as createMediaControls,
-  x as createMediaScrubber,
-  ae as createMediaScrubberTitle,
-  L as createMediaTimeIndicator,
-  b as createResetMediaButton,
-  N as createToggleAudioButton,
-  oe as createToggleFullscreenButton,
-  V as createTogglePlaybackButton,
-  w as createVideoView
+  ye as appendEntryImageView,
+  be as appendEntryVideoView,
+  T as createEditMediaButton,
+  Y as createImageView,
+  m as createMediaControl,
+  Q as createMediaControlGroup,
+  A as createMediaControls,
+  $ as createMediaScrubber,
+  ge as createMediaScrubberTitle,
+  q as createMediaTimeIndicator,
+  O as createResetMediaButton,
+  H as createToggleAudioButton,
+  ue as createToggleFullscreenButton,
+  W as createTogglePlaybackButton,
+  D as createVideoView
 };

package/esm/utils/array.js

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

package/esm/utils/bounds.js

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

package/esm/utils/cache.js

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

package/esm/utils/canvasToBlob.js

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

package/esm/utils/date.js

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

package/esm/utils/debounce.js

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

package/esm/utils/dom.js

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

package/esm/utils/file.js

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

package/esm/utils/functionToBlob.js

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

package/esm/utils/keyboard.js

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

package/esm/utils/math.js

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

package/esm/utils/media.js

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

package/esm/utils/number.js

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

package/esm/utils/object.js

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

package/esm/utils/objectURL.js

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

package/esm/utils/placeholder.js

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

package/esm/utils/poly.js

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

package/esm/utils/pubsub.js

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

package/esm/utils/rect.js

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

package/esm/utils/size.js

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

package/esm/utils/sleep.js

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

package/esm/utils/string.js

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

package/esm/utils/support.js

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