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

package/esm/elements/FilePondEntryList/components/EntryStatus/index.svelte.js

@@ -1,101 +1,101 @@
 /*!
-* 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 { get as e } from "../../../../svelte/svelte/src/internal/client/runtime.js";
-import { pop as X, push as Y } from "../../../../svelte/svelte/src/internal/client/context.js";
-import { first_child as g, sibling as S, child as C } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
-import { template_effect as v } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { get as r } from "../../../../svelte/svelte/src/internal/client/runtime.js";
+import { pop as Z, push as $ } from "../../../../svelte/svelte/src/internal/client/context.js";
+import { first_child as g, sibling as C, child as R } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
+import { template_effect as l } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
 import { user_derived as a } from "../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
-import { set_text as Z } from "../../../../svelte/svelte/src/internal/client/render.js";
-import { comment as R, append as f, from_html as P } from "../../../../svelte/svelte/src/internal/client/dom/template.js";
-import { if_block as d } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
-import { each as $, index as tt } from "../../../../svelte/svelte/src/internal/client/dom/blocks/each.js";
-import { html as et } from "../../../../svelte/svelte/src/internal/client/dom/blocks/html.js";
-import { set_custom_element_data as rt } from "../../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
-import { set_class as ot } from "../../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { clsx as st } from "../../../../svelte/svelte/src/internal/shared/attributes.js";
-import { prop as k } from "../../../../svelte/svelte/src/internal/client/reactivity/props.js";
-import { getExtensionStatusItems as nt } from "../../../../common/entry.js";
-import { statusToLabel as at, statusToIcon as mt } from "../../../common/string.js";
-import { arrayRemoveFalsy as I } from "../../../../utils/array.js";
-import { getAppContext as it } from "../../contexts/appContext.js";
+import { set_text as tt } from "../../../../svelte/svelte/src/internal/client/render.js";
+import { comment as k, append as u, from_html as T } from "../../../../svelte/svelte/src/internal/client/dom/template.js";
+import { if_block as v } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
+import { each as et, index as rt } from "../../../../svelte/svelte/src/internal/client/dom/blocks/each.js";
+import { html as ot } from "../../../../svelte/svelte/src/internal/client/dom/blocks/html.js";
+import { set_custom_element_data as I } from "../../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
+import { set_class as st } from "../../../../svelte/svelte/src/internal/client/dom/elements/class.js";
+import { clsx as nt } from "../../../../svelte/svelte/src/internal/shared/attributes.js";
+import { prop as _ } from "../../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { getExtensionStatusItems as at } from "../../../../common/entry.js";
+import { statusToLabel as mt, statusToIcon as it } from "../../../common/string.js";
+import { arrayRemoveFalsy as P } from "../../../../utils/array.js";
+import { getAppContext as ft } from "../../contexts/appContext.js";
 import { getEntryContext as pt } from "../../contexts/entryContext.js";
-import ft from "../../../components/SpringElement/index.svelte.js";
+import lt from "../../../components/SpringElement/index.svelte.js";
 import "../../../components/ElementPane/index.js";
-import lt from "../../../components/ElementPane/index.svelte.js";
-var ut = P("<!> <span> </span> <!>", 1), ct = P("<entry-status><ul></ul></entry-status>", 2);
-function Wt(T, l) {
-  Y(l, !0);
-  let j = k(l, "class", 3, void 0), A = k(l, "part", 3, void 0);
-  const _ = it(), F = a(() => _.assets), L = a(() => _.locale), O = pt(), W = a(() => Object.values(O.current.extension)), q = { error: 5, warning: 4, success: 3, info: 2, system: 1 };
-  function z({ code: t, subcode: r, type: n, values: u }, s, m) {
-    const i = at({ code: t, subcode: r, values: u }, s), p = mt({ type: n }, s, m);
-    if (!(!i || !p))
-      return { weight: q[n], code: t, type: n, icon: p, text: i };
+import ut from "../../../components/ElementPane/index.svelte.js";
+var ct = T("<!> <span> </span> <!>", 1), dt = T("<entry-status><ul></ul></entry-status>", 2);
+function qt(j, m) {
+  $(m, !0);
+  let A = _(m, "class", 3, void 0), F = _(m, "part", 3, void 0), L = _(m, "id", 3, void 0);
+  const h = ft(), O = a(() => h.assets), W = a(() => h.locale), q = pt(), z = a(() => Object.values(q.current.extension)), B = { error: 5, warning: 4, success: 3, info: 2, system: 1 };
+  function D({ code: t, subcode: e, type: n, values: c }, s, i) {
+    const f = mt({ code: t, subcode: e, values: c }, s), p = it({ type: n }, s, i);
+    if (!(!f || !p))
+      return { weight: B[n], code: t, type: n, icon: p, text: f };
   }
-  const h = a(() => I(I(nt(e(W))).map((t) => z(t, e(L), e(F)))).sort((t, r) => t.weight < r.weight ? 1 : -1));
-  var x = R(), B = g(x);
+  const x = a(() => P(P(at(r(z))).map((t) => D(t, r(W), r(O)))).sort((t, e) => t.weight < e.weight ? 1 : -1));
+  var y = k(), G = g(y);
   {
-    var D = (t) => {
-      var r = ct();
-      v(() => rt(r, "part", A()));
-      var n = C(r);
-      $(n, 21, () => e(h), tt, (u, s) => {
-        let m = () => e(s).icon, i = () => e(s).text, p = () => e(s).type;
+    var H = (t) => {
+      var e = dt();
+      l(() => I(e, "part", F())), l(() => I(e, "id", L()));
+      var n = R(e);
+      et(n, 21, () => r(x), rt, (c, s) => {
+        let i = () => r(s).icon, f = () => r(s).text, p = () => r(s).type;
         {
-          const G = (J, K) => {
-            let c = () => K?.().visualRect;
-            var y = ut(), w = g(y);
+          const J = (M, N) => {
+            let d = () => N?.().visualRect;
+            var w = ct(), b = g(w);
             {
-              var M = (o) => {
-                var E = R(), V = g(E);
-                et(V, m), f(o, E);
+              var Q = (o) => {
+                var S = k(), Y = g(S);
+                ot(Y, i), u(o, S);
               };
-              d(w, (o) => {
-                m() && o(M);
+              v(b, (o) => {
+                i() && o(Q);
               });
             }
-            var b = S(w, 2), N = C(b), Q = S(b, 2);
+            var E = C(b, 2), U = R(E), V = C(E, 2);
             {
-              var U = (o) => {
-                lt(o, {
+              var X = (o) => {
+                ut(o, {
                   get width() {
-                    return c().width;
+                    return d().width;
                   },
                   get height() {
-                    return c().height;
+                    return d().height;
                   }
                 });
               };
-              d(Q, (o) => {
-                c() && o(U);
+              v(V, (o) => {
+                d() && o(X);
               });
             }
-            v(() => Z(N, i())), f(J, y);
+            l(() => tt(U, f())), u(M, w);
           };
-          let H = a(() => ({ type: p() }));
-          ft(u, {
+          let K = a(() => ({ type: p() }));
+          lt(c, {
             tag: "li",
             class: "entry-status-message",
             subclass: "entry-status-message-content",
             get dataset() {
-              return e(H);
+              return r(K);
             },
-            children: G,
+            children: J,
             _$slots: { default: !0 }
           });
         }
-      }), v(() => ot(r, 1, st(j()))), f(t, r);
+      }), l(() => st(e, 1, nt(A()))), u(t, e);
     };
-    d(B, (t) => {
-      e(h).length && t(D);
+    v(G, (t) => {
+      r(x).length && t(H);
     });
   }
-  f(T, x), X();
+  u(j, y), Z();
 }
 export {
-  Wt as default
+  qt as default
 };

package/esm/elements/FilePondEntryList/components/MediaImage/components/BitmapRenderer.svelte.js

@@ -1,82 +1,87 @@
 /*!
-* 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 { onMount as E, onDestroy as G } from "../../../../../svelte/svelte/src/index-client.js";
+import { onMount as A, onDestroy as H } from "../../../../../svelte/svelte/src/index-client.js";
 import { user_effect as w } from "../../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
-import { push as J, pop as K } from "../../../../../svelte/svelte/src/internal/client/context.js";
+import { push as E, pop as G } from "../../../../../svelte/svelte/src/internal/client/context.js";
 import { get as e } from "../../../../../svelte/svelte/src/internal/client/runtime.js";
-import { state as l, set as o } from "../../../../../svelte/svelte/src/internal/client/reactivity/sources.js";
-import { from_html as N, append as V } from "../../../../../svelte/svelte/src/internal/client/dom/template.js";
-import { user_derived as z } from "../../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
-import { bind_this as X } from "../../../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
-import { prop as c } from "../../../../../svelte/svelte/src/internal/client/reactivity/props.js";
-import { isFirefox as Y } from "../../../../../utils/test.js";
-import { createObjectURL as Z } from "../../../../../utils/objectURL.js";
-import { getImageSize as $ } from "../../../../../utils/media.js";
-import { getAppContext as ee } from "../../../contexts/appContext.js";
-import { getBitmapCacheItem as te, setBitmapCacheItem as y } from "./BitmapRendererCache.js";
-import { thread as ie } from "../../../../../utils/thread.js";
-var ae = N("<canvas></canvas>");
-function ze(O, t) {
-  J(t, !0);
-  let I = c(t, "maximumPixels", 3, 1024 * 1024), D = c(t, "resizeQuality", 3, "medium"), U = c(t, "oninit", 3, void 0), k = c(t, "onload", 3, void 0), W = c(t, "onrender", 3, void 0), x = c(t, "onerror", 3, void 0);
-  const j = () => Z(t.file), R = () => t.file.type !== "image/svg+xml", { size: f, canvas: h } = te(t.file) ?? {};
-  let a = f?.width, r = f?.height, C = l(!!f), S = l(!!f), v = l(!!h), u = l(!1);
+import { state as f, set as n } from "../../../../../svelte/svelte/src/internal/client/reactivity/sources.js";
+import { from_html as J, append as K } from "../../../../../svelte/svelte/src/internal/client/dom/template.js";
+import { user_derived as v } from "../../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
+import { bind_this as N } from "../../../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
+import { prop as m } from "../../../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { isFirefox as V } from "../../../../../utils/test.js";
+import { createObjectURL as X } from "../../../../../utils/objectURL.js";
+import { getImageSize as Y } from "../../../../../utils/media.js";
+import { getAppContext as Z } from "../../../contexts/appContext.js";
+import { getBitmapCacheItem as $, setBitmapCacheItem as z } from "./BitmapRendererCache.js";
+import { thread as ee, createThreadWorker as te } from "../../../../../utils/thread.js";
+import { transformImage as ie } from "../../../../../workers/transformImage.js";
+var re = J('<canvas width="0" height="0"></canvas>');
+function ke(_, t) {
+  E(t, !0);
+  let g = m(t, "maximumPixels", 3, 1024 * 1024), B = m(t, "resizeQuality", 3, "medium"), p = m(t, "workersURL", 3, void 0), D = m(t, "oninit", 3, void 0), k = m(t, "onload", 3, void 0), T = m(t, "onrender", 3, void 0), R = m(t, "onerror", 3, void 0);
+  const W = () => X(t.file), y = () => t.file.type !== "image/svg+xml", { size: l, canvas: c } = $(t.file) ?? {};
+  let r = l?.width, a = l?.height, x = f(!!l), b = f(!!l), I = f(!!c), u = f(!1);
   w(() => {
-    e(u) && W()?.({ didRestore: !!h });
+    e(u) && T()?.({ didRestore: !!c });
   });
-  const { pushTask: b, abortTask: q } = ee();
-  let s = l(void 0), i = l(void 0);
-  const B = z(() => !!e(i)), P = z(() => e(B) && !e(C)), Q = z(() => e(B) && e(S) && !e(v));
-  function T(n, d, m, g, H) {
-    createImageBitmap(n, {
-      resizeWidth: d,
-      resizeHeight: m,
-      resizeQuality: g
-    }).then((L) => {
-      H(null, L, [L]);
-    });
-  }
-  async function F(n, { abortController: d }) {
-    o(v, !0);
+  const { pushTask: C, abortTask: L } = Z();
+  let d = f(void 0), i = f(void 0);
+  const S = v(() => !!e(i)), j = v(() => e(S) && !e(x)), P = v(() => e(S) && e(b) && !e(I));
+  async function Q(o, { abortController: h }) {
+    n(I, !0);
     try {
-      const m = await ie(T, [t.file, a, r, D()], { abortController: d });
-      e(i).width = a, e(i).height = r, e(i).getContext("bitmaprenderer")?.transferFromImageBitmap(m), y(t.file, { size: { width: a, height: r }, canvas: e(i) }), o(u, !0);
-    } catch (m) {
-      x()?.(m);
+      const s = await ee(
+        te(p(), ie),
+        [
+          t.file,
+          null,
+          {
+            resizeWidth: r,
+            resizeHeight: a,
+            resizeQuality: B(),
+            imageOrientation: "from-image"
+          }
+        ],
+        { abortController: h }
+      );
+      e(i).width = r, e(i).height = a, e(i).getContext("bitmaprenderer")?.transferFromImageBitmap(s), z(t.file, { size: { width: r, height: a }, canvas: e(i) }), n(u, !0);
+    } catch (s) {
+      R()?.(s);
     }
   }
-  async function A() {
-    o(v, !0), o(s, new Image()), e(s).src = j(), await e(s).decode(), e(i).width = a, e(i).height = r, e(i).getContext("2d")?.drawImage(e(s), 0, 0, a, r), y(t.file, { size: { width: a, height: r }, canvas: e(i) }), o(u, !0);
+  async function F() {
+    n(I, !0), n(d, new Image()), e(d).src = W(), await e(d).decode(), e(i).width = r, e(i).height = a, e(i).getContext("2d")?.drawImage(e(d), 0, 0, r, a), z(t.file, { size: { width: r, height: a }, canvas: e(i) }), n(u, !0);
   }
-  const M = Y() || !R() ? A : F;
-  async function _() {
-    o(C, !0);
-    let n;
+  const q = V() || !y() ? F : Q;
+  async function M() {
+    n(x, !0);
+    let o;
     try {
-      n = await $(t.file);
-    } catch (g) {
-      throw x()?.(g), g;
+      o = await Y(t.file);
+    } catch (U) {
+      throw R()?.(U), U;
     }
-    let d = 1;
-    const m = n.width * n.height;
-    I() && (m > I() || !R()) && (d = Math.sqrt(I()) / Math.sqrt(m)), a = Math.floor(n.width * d), r = Math.floor(n.height * d), k()?.({ width: a, height: r }), e(i).width = a, e(i).height = r, y(t.file, { size: { width: a, height: r }, canvas: null }), o(S, !0);
+    let h = 1;
+    const s = o.width * o.height;
+    g() && (s > g() || !y()) && (h = Math.sqrt(g()) / Math.sqrt(s)), r = Math.floor(o.width * h), a = Math.floor(o.height * h), k()?.({ width: r, height: a }), e(i).width = r, e(i).height = a, z(t.file, { size: { width: r, height: a }, canvas: null }), n(b, !0);
   }
   w(() => {
-    e(P) && b(t.taskId, _, { parallel: 1, isOptional: !0 });
+    e(j) && C(t.taskId, M, { parallel: 1, isOptional: !0 });
   }), w(() => {
-    e(Q) && b(t.taskId, M, { parallel: 1, isOptional: !0 });
-  }), E(() => {
-    U()?.(), f && (k()?.({ width: a, height: r }), h && (e(i).replaceWith(h), o(u, !0)));
-  }), G(() => {
-    q(t.taskId, _), q(t.taskId, M), e(s) && URL.revokeObjectURL(e(s).src);
+    e(P) && C(t.taskId, q, { parallel: 1, isOptional: !0 });
+  }), A(() => {
+    D()?.(), l && (k()?.({ width: r, height: a }), c && (e(i).replaceWith(c), n(u, !0)));
+  }), H(() => {
+    L(t.taskId, M), L(t.taskId, q), e(d) && URL.revokeObjectURL(e(d).src);
   });
-  var p = ae();
-  X(p, (n) => o(i, n), () => e(i)), V(O, p), K();
+  var O = re();
+  N(O, (o) => n(i, o), () => e(i)), K(_, O), G();
 }
 export {
-  ze as default
+  ke as default
 };

package/esm/elements/FilePondEntryList/components/MediaImage/components/BitmapRendererCache.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/MediaImage/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/MediaImage/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
@@ -7,6 +7,7 @@
 import "../MediaPane/index.js";
 import "../../../../utils/file.js";
 import "../../../../utils/poly.js";
+import "../../../../workers/transformImage.js";
 import { extendShadowRootStyles as o } from "../../../common/extendStyles.js";
 import t from "./index.css.js";
 o(t);

package/esm/elements/FilePondEntryList/components/MediaImage/index.svelte.js

@@ -1,157 +1,165 @@
 /*!
-* 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 { get as e, untrack as y } from "../../../../svelte/svelte/src/internal/client/runtime.js";
-import { pop as ae, push as ne } from "../../../../svelte/svelte/src/internal/client/context.js";
-import { first_child as le, child as me } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
-import { set as l, state as p } from "../../../../svelte/svelte/src/internal/client/reactivity/sources.js";
-import { user_effect as b, template_effect as c } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
-import { comment as se, append as E, from_html as w } from "../../../../svelte/svelte/src/internal/client/dom/template.js";
-import { user_derived as m } from "../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
-import { if_block as fe } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
-import { each as ue } from "../../../../svelte/svelte/src/internal/client/dom/blocks/each.js";
+import { get as e, untrack as E } from "../../../../svelte/svelte/src/internal/client/runtime.js";
+import { pop as le, push as me } from "../../../../svelte/svelte/src/internal/client/context.js";
+import { first_child as se, child as fe } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
+import { set as o, state as p } from "../../../../svelte/svelte/src/internal/client/reactivity/sources.js";
+import { user_effect as b, template_effect as g } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { comment as de, append as F, from_html as B } from "../../../../svelte/svelte/src/internal/client/dom/template.js";
+import { user_derived as f } from "../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
+import { if_block as ue } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
+import { each as ce } from "../../../../svelte/svelte/src/internal/client/dom/blocks/each.js";
 import { set_custom_element_data as M } from "../../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
-import { set_class as O } from "../../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { clsx as j } from "../../../../svelte/svelte/src/internal/shared/attributes.js";
-import { prop as s } from "../../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { set_class as z } from "../../../../svelte/svelte/src/internal/client/dom/elements/class.js";
+import { clsx as Q } from "../../../../svelte/svelte/src/internal/shared/attributes.js";
+import { prop as d } from "../../../../svelte/svelte/src/internal/client/reactivity/props.js";
 import "../MediaPane/index.js";
-import { arrayRemoveFalsy as de } from "../../../../utils/array.js";
-import { isImageFile as ce, isString as pe } from "../../../../utils/test.js";
-import { getAppContext as ge } from "../../contexts/appContext.js";
+import { arrayRemoveFalsy as pe } from "../../../../utils/array.js";
+import { isImageFile as R, isBlobOrFile as ge, isURL as Pe } from "../../../../utils/test.js";
+import { getAppContext as he } from "../../contexts/appContext.js";
 import { getEntryContext as ve } from "../../contexts/entryContext.js";
-import { filesAreProbablyEqual as Pe } from "../../../../utils/file.js";
+import { filesAreProbablyEqual as ye } from "../../../../utils/file.js";
 import { Status as _e } from "../../../../common/status.js";
 import xe from "./components/BitmapRenderer.svelte.js";
-import he from "../MediaPane/index.svelte.js";
-var ye = w("<media-image-item><!></media-image-item>", 2), be = w("<media-image></media-image>", 2);
-function Je(Q, o) {
-  ne(o, !0);
-  let S = s(o, "class", 3, void 0), D = s(o, "maximumPixels", 3, void 0), T = s(o, "resizeQuality", 3, void 0), V = s(o, "objectSize", 3, void 0), q = s(o, "overflowAmount", 3, void 0), B = s(o, "enableParallax", 3, void 0);
-  const { setEntryExtensionState: I, getEntryExtensionState: G } = ge(), f = ve(), g = m(() => f.current.file), H = m(() => G(f.current)), A = m(() => e(H)?.poster);
-  let u = p(null);
+import Ee from "../MediaPane/index.svelte.js";
+var be = B("<media-image-item><!></media-image-item>", 2), Fe = B("<media-image></media-image>", 2);
+function Ke(D, a) {
+  me(a, !0);
+  let I = d(a, "class", 3, void 0), T = d(a, "maximumPixels", 3, void 0), V = d(a, "resizeQuality", 3, void 0), q = d(a, "objectFit", 3, void 0), U = d(a, "overflowAmount", 3, void 0), G = d(a, "enableParallax", 3, void 0);
+  const { setEntryExtensionState: w, getEntryExtensionState: H } = he(), u = ve(), P = f(() => u.current.file), J = f(() => H(u.current)), n = f(() => e(J)?.poster);
+  let l = p(null);
   b(() => {
-    ce(e(g)) ? Pe(
+    R(e(P)) ? ye(
       // don't want to re-run when currentFile is assigned
-      y(() => e(u)?.file),
+      E(() => e(l)?.file),
       e(
         // newly updated file
-        g
+        P
       )
     ).then((t) => {
-      t || l(u, { file: e(g), isComplete: !1, isPoster: !1 });
-    }).catch(v) : pe(e(A)) && fetch(e(A)).then((t) => t.blob()).then((t) => {
-      l(u, { file: t, isComplete: !1, isPoster: !0 });
-    }).catch(v);
+      t || o(l, { file: e(P), isComplete: !1, isPoster: !1 });
+    }).catch(h) : e(n) && (ge(e(n)) && R(e(n)) ? o(l, { file: e(n), isComplete: !1, isPoster: !0 }) : Pe(e(n)) && fetch(e(n)).then((t) => {
+      if (!t.ok)
+        throw new Error("Failed to load poster");
+      return t.blob();
+    }).then((t) => {
+      if (!R(t))
+        throw new Error("Poster is not an image");
+      return { file: t, isComplete: !1, isPoster: !0 };
+    }).then((t) => {
+      o(l, t);
+    }).catch(h));
   });
-  let a = p([]);
+  let m = p([]);
   b(() => {
-    e(u) && y(() => {
-      l(a, de([e(a).at(-1), e(u)]).sort((t, r) => t.isPoster && !r.isPoster ? -1 : r.isPoster && !t.isPoster ? 1 : 0));
+    e(l) && E(() => {
+      o(m, pe([e(m).at(-1), e(l)]).sort((t, r) => t.isPoster && !r.isPoster ? -1 : r.isPoster && !t.isPoster ? 1 : 0));
     });
   });
-  function J(t) {
-    l(a, e(a).map((r) => r.file === t ? { ...r, isComplete: !0 } : r));
+  function K(t) {
+    o(m, e(m).map((r) => r.file === t ? { ...r, isComplete: !0 } : r));
   }
-  const R = m(() => e(a).map(({ file: t, isPoster: r, isComplete: d }, i, P) => ({
+  const A = f(() => e(m).map(({ file: t, isPoster: r, isComplete: c }, i, v) => ({
     // use file as draw key
     key: t,
     // file object
     file: t,
     // previous file was a poster, if this is true we instantly replace the previous image
-    replacesPoster: !!e(a)[i - 1]?.isPoster,
+    replacesPoster: !!e(m)[i - 1]?.isPoster,
     // always make last file active
-    active: i === P.length - 1 ? "" : void 0,
+    active: i === v.length - 1 ? "" : void 0,
     // did draw this file to bitmap
-    complete: d ? "" : void 0,
+    complete: c ? "" : void 0,
     // is this a poster
     poster: r ? "" : void 0
   })));
-  function v(t) {
-    I(f.current, {
+  function h(t) {
+    w(u.current, {
       status: {
         type: _e.Error,
         code: "MEDIA_LOAD_ERROR",
         values: { error: t, fileMainType: "fileMainTypeImage" }
       }
-    }), l(z, !0);
+    }), o(C, !0);
   }
-  let z = p(!1), C = p(!1);
+  let C = p(!1), k = p(!1), S = p(!1);
   b(() => {
-    const t = { isVisible: !!e(C) };
-    y(() => {
-      I(f.current, { media: t });
+    const t = { isReady: e(k), isVisible: e(S) };
+    E(() => {
+      w(u.current, { media: t });
     });
   });
-  var F = se(), K = le(F);
+  var L = de(), N = se(L);
   {
-    var N = (t) => {
-      var r = be();
-      ue(r, 21, () => e(R), ({ key: d, file: i, active: P, complete: U, poster: _, replacesPoster: k }) => d, (d, i, P, U) => {
-        let _ = () => e(i).file, k = () => e(i).active, W = () => e(i).complete, X = () => e(i).poster, L = () => e(i).replacesPoster;
-        var n = ye();
-        c(() => M(n, "active", k())), c(() => M(n, "complete", W())), c(() => M(n, "poster", X()));
-        var Y = me(n);
+    var W = (t) => {
+      var r = Fe();
+      ce(r, 21, () => e(A), ({ key: c, file: i, active: v, complete: X, poster: y, replacesPoster: O }) => c, (c, i, v, X) => {
+        let y = () => e(i).file, O = () => e(i).active, Y = () => e(i).complete, Z = () => e(i).poster, j = () => e(i).replacesPoster;
+        var s = be();
+        g(() => M(s, "active", O())), g(() => M(s, "complete", Y())), g(() => M(s, "poster", Z()));
+        var $ = fe(s);
         {
-          const Z = (te, x) => {
-            let re = () => x?.().onInitMedia, ie = () => x?.().onLoadMedia, oe = () => x?.().onRenderMedia;
-            xe(te, {
+          const ee = (ie, _) => {
+            let oe = () => _?.().onInitMedia, ae = () => _?.().onLoadMedia, ne = () => _?.().onRenderMedia;
+            xe(ie, {
               get file() {
-                return _();
+                return y();
               },
               get resizeQuality() {
-                return T();
+                return V();
               },
               get maximumPixels() {
-                return D();
+                return T();
               },
               get taskId() {
-                return f.current.id;
+                return u.current.id;
               },
               oninit: () => {
-                re()();
+                oe()();
               },
-              onload: (h) => {
-                J(_()), ie()(h);
+              onload: (x) => {
+                o(k, !0), K(y()), ae()(x);
               },
-              onrender: ({ didRestore: h }) => {
-                l(C, !0), oe()({ instant: h });
+              onrender: ({ didRestore: x }) => {
+                o(S, !0), ne()({ instant: x });
               },
-              onerror: v
+              onerror: h
             });
           };
-          let $ = m(() => L() ? 1 : 0), ee = m(() => L() || e(R).length > 1 ? 1 : 0);
-          he(Y, {
+          let te = f(() => j() ? 1 : 0), re = f(() => j() || e(A).length > 1 ? 1 : 0);
+          Ee($, {
             get enableParallax() {
-              return B();
+              return G();
             },
             get overflowAmount() {
-              return q();
+              return U();
             },
-            get mediaObjectSize() {
-              return V();
+            get mediaObjectFit() {
+              return q();
             },
             get mediaInitialOpacity() {
-              return e($);
+              return e(te);
             },
             get mediaInitialScalar() {
-              return e(ee);
+              return e(re);
             },
-            children: Z,
+            children: ee,
             _$slots: { default: !0 }
           });
         }
-        c(() => O(n, 1, j(S()))), E(d, n);
-      }), c(() => O(r, 1, j(S()))), E(t, r);
+        g(() => z(s, 1, Q(I()))), F(c, s);
+      }), g(() => z(r, 1, Q(I()))), F(t, r);
     };
-    fe(K, (t) => {
-      e(z) || t(N);
+    ue(N, (t) => {
+      e(C) || t(W);
     });
   }
-  E(Q, F), ae();
+  F(D, L), le();
 }
 export {
-  Je as default
+  Ke as default
 };