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

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

@@ -1,182 +1,211 @@
 /*!
-* 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 U } from "../../../../svelte/svelte/src/internal/client/runtime.js";
-import { pop as W, push as X } from "../../../../svelte/svelte/src/internal/client/context.js";
-import { first_child as Y, sibling as Z, child as x } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
-import { set as p, state as A } from "../../../../svelte/svelte/src/internal/client/reactivity/sources.js";
-import { user_effect as y, template_effect as I } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
-import { from_html as P, append as h } 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 E } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
-import { set_custom_element_data as w, set_attribute as $ } from "../../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
-import { set_class as tt } from "../../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { set_style as rt } from "../../../../svelte/svelte/src/internal/client/dom/elements/style.js";
-import { prop as f, spread_props as N } from "../../../../svelte/svelte/src/internal/client/reactivity/props.js";
-import { Spring as et } from "../../../../svelte/svelte/src/motion/spring.js";
-import { getExtensionStateByStatusCode as ot } from "../../../../common/entry.js";
-import { isObjectValuesEqual as nt } from "../../../../utils/object.js";
-import { getValueByKeyFromData as st } from "../../../common/string.js";
-import { getAppContext as it } from "../../contexts/appContext.js";
-import { getEntryContext as at } from "../../contexts/entryContext.js";
-import { gate as ut } from "../../../common/store.svelte.js";
-import lt from "../../../components/SpringElement/index.svelte.js";
+import { onMount as W } from "../../../../svelte/svelte/src/index-client.js";
+import { user_effect as _, template_effect as X } from "../../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { pop as Y, push as Z } from "../../../../svelte/svelte/src/internal/client/context.js";
+import { get as e, untrack as $ } from "../../../../svelte/svelte/src/internal/client/runtime.js";
+import { first_child as tt, sibling as rt, child as et } from "../../../../svelte/svelte/src/internal/client/dom/operations.js";
+import { set as c, state as A } from "../../../../svelte/svelte/src/internal/client/reactivity/sources.js";
+import { from_html as N, append as E } from "../../../../svelte/svelte/src/internal/client/dom/template.js";
+import { user_derived as i } from "../../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
+import { if_block as I } from "../../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
+import { set_attribute as ot } from "../../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
+import { set_style as nt } from "../../../../svelte/svelte/src/internal/client/dom/elements/style.js";
+import { prop as d, spread_props as w } from "../../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { Spring as st } from "../../../../svelte/svelte/src/motion/spring.js";
+import { getExtensionStateByStatusCode as it } from "../../../../common/entry.js";
+import { isObjectValuesEqual as at } from "../../../../utils/object.js";
+import { getValueByKeyFromData as ut } from "../../../common/string.js";
+import { getAppContext as lt } from "../../contexts/appContext.js";
+import { getEntryContext as ct } from "../../contexts/entryContext.js";
+import { gate as pt } from "../../../common/store.svelte.js";
+import ft from "../../../components/SpringElement/index.svelte.js";
 import "../../../components/Button/index.js";
 import "../../../components/ProgressIndicator/index.js";
-import ct from "../../../components/NodeList/index.svelte.js";
-import pt from "../../../components/Button/index.svelte.js";
-import mt from "../../../components/ProgressIndicator/index.svelte.js";
-var ft = P("<element-stack><!></element-stack>", 2), dt = P("<div><!></div>"), gt = P("<!><!>", 1);
-function Lt(O, l) {
-  X(l, !0);
-  let j = f(l, "class", 3, void 0), q = f(l, "part", 3, void 0), d = f(l, "buttonPart", 3, void 0), F = f(l, "states", 19, () => []);
-  const S = a(it), R = a(() => e(S).locale), B = a(() => e(S).enableAnimations), V = at(), D = a(() => Object.values(V.current.extension));
+import mt from "../../../components/NodeList/index.svelte.js";
+import { addListener as F } from "../../../../utils/dom.js";
+import dt from "../../../components/Button/index.svelte.js";
+import gt from "../../../components/ProgressIndicator/index.svelte.js";
+var bt = N("<div><!></div>"), yt = N("<!><!>", 1);
+function zt(O, l) {
+  Z(l, !0);
+  let j = d(l, "class", 3, void 0), q = d(l, "part", 3, void 0), g = d(l, "buttonPart", 3, void 0), L = d(l, "states", 19, () => []), p;
+  const P = i(lt), R = i(() => e(P).locale), S = i(() => e(P).enableAnimations), V = ct(), D = i(() => Object.values(V.current.extension));
   function H(t, r) {
     if (t.length) {
       for (const o of t) {
-        const s = ot(r, o.codes);
+        const s = it(r, o.codes);
         if (!s)
           continue;
-        const b = o.button, v = o.progress ? { ...o.progress, value: s.progress } : null;
-        return { button: b, progress: v };
+        const h = o.button, v = o.progress ? { ...o.progress, value: s.progress } : null;
+        return { button: h, progress: v };
       }
       return null;
     }
   }
-  const C = a(() => H(F(), e(D))), K = a(() => e(C)?.progress), L = a(() => z(e(C)?.button)), c = ut(
+  const B = i(() => H(L(), e(D))), K = i(() => e(B)?.progress), M = i(() => T(e(B)?.button)), a = pt(
     // should update value?
-    (t, r) => t && r ? !nt(t, r) : t !== r,
+    (t, r) => t && r ? !at(t, r) : t !== r,
     // $derived
-    () => e(L)
+    () => e(M)
   );
-  function z(t) {
+  function T(t) {
     if (!t)
       return;
-    const r = { part: d(), ...t.props };
-    return { component: pt, ...t, props: r };
+    const r = { part: g(), ...t.props };
+    return { component: dt, ...t, props: r };
   }
-  function G(t, r) {
+  function z(t, r) {
     if (!t)
       return;
     const { label: o } = t;
     return {
       ...t,
-      label: st(o, r, r.busy)
+      label: ut(o, r, r.busy)
     };
   }
-  const g = a(() => G(e(K), e(R))), _ = new et(0);
-  y(() => {
-    _.set(e(g) ? 1 : 0, { instant: !e(B) });
+  const b = i(() => z(e(K), e(R))), y = new st(0);
+  _(() => {
+    y.set(e(b) ? 1 : 0, { instant: !e(S) });
   });
-  let k = A(void 0);
-  y(() => {
-    e(g) && p(k, { ...e(g) });
+  let C = A(void 0);
+  _(() => {
+    e(b) && c(C, { ...e(b) });
   });
-  function J(t) {
+  function G(t) {
     return !e(n).at(-1) ? !1 : e(n).at(-1)?.props.icon !== t.props.icon;
   }
-  function M(t) {
+  function J(t) {
     if (!e(n).length)
       return !1;
     const { props: r } = e(n).at(-1), { props: o } = t;
     return r.icon === o.icon && r.title === o.title && r.label === o.label && r.onclick.toString() === o.onclick.toString();
   }
   let n = A([]);
-  y(() => {
-    if (!(!c.current && !e(n).length)) {
-      if (!c.current) {
-        p(n, []);
+  _(() => {
+    if (!(!a.current && !e(n).length)) {
+      if (!a.current) {
+        c(n, []);
         return;
       }
-      U(() => {
-        if (M(c.current))
-          return;
-        const t = J(c.current);
-        p(n, e(n).map((r) => ({
+      $(() => {
+        if (J(a.current))
+          return c(n, e(n).map((r) => r.key === a.current.key ? a.current : r));
+        const t = G(a.current);
+        c(n, e(n).map((r) => ({
           ...r,
           props: {
             ...r.props,
             inert: !0,
+            autofocus: !1,
             dataset: { state: t ? "outro" : "idle" }
           }
-        })).filter((r, o, s) => o > s.length - 2)), p(n, [
+        })).filter((r, o, s) => o > s.length - 2)), c(n, [
           ...e(n),
           {
-            ...c.current,
+            ...a.current,
             props: {
-              ...c.current.props,
+              ...a.current.props,
               inert: t,
+              autofocus: f,
               dataset: { state: t ? "intro" : "idle" }
             }
           }
         ]), t && requestAnimationFrame(() => {
-          p(n, e(n).map((r, o, s) => ({
+          c(n, e(n).map((r, o, s) => ({
             ...r,
             props: {
               ...r.props,
               inert: o < s.length - 1,
+              autofocus: f,
               dataset: { state: o < s.length - 1 ? "outro" : "idle" }
             }
           })));
         });
       });
     }
-  }), lt(O, {
+  });
+  const k = i(() => e(n).length ? [
+    {
+      tag: "element-stack",
+      attrs: {
+        layout: "pile",
+        class: "button-pile",
+        part: `${g()}-pile`
+      },
+      children: e(n)
+    }
+  ] : []);
+  let f = !1;
+  W(() => {
+    if (!p)
+      return;
+    const t = [
+      F(p, "focusin", () => {
+        f = !0;
+      }),
+      F(p, "focusout", () => {
+        f = !1;
+      })
+    ];
+    return () => {
+      t.forEach((r) => r());
+    };
+  }), ft(O, {
     tag: "entry-activity-indicator",
     get class() {
       return j();
     },
     subtag: "element-stack",
     subattrs: { layout: "pile" },
+    onroot: (t) => p = t,
     get part() {
       return q();
     },
     children: (t, r) => {
-      var o = gt(), s = Y(o);
+      var o = yt(), s = tt(o);
       {
-        var b = (u) => {
-          var i = ft();
-          tt(i, 1, "button-pile"), w(i, "layout", "pile"), I(() => w(i, "part", d()));
-          var m = x(i);
-          ct(m, N(
+        var h = (u) => {
+          mt(u, w(
             {
               get nodes() {
-                return e(n);
+                return e(k);
               }
             },
             () => l.nodeContext
-          )), h(u, i);
+          ));
         };
-        E(s, (u) => {
-          e(n).length && u(b);
+        I(s, (u) => {
+          e(k).length && u(h);
         });
       }
-      var v = Z(s);
+      var v = rt(s);
       {
         var Q = (u) => {
-          var i = dt();
-          let m;
-          var T = x(i);
-          mt(T, N(() => e(k), {
+          var m = bt();
+          let x;
+          var U = et(m);
+          gt(U, w(() => e(C), {
             get enableAnimations() {
-              return e(B);
+              return e(S);
             }
-          })), I(() => {
-            $(i, "part", d()), m = rt(i, "", m, { opacity: _.current });
-          }), h(u, i);
+          })), X(() => {
+            ot(m, "part", `${g()}-pile`), x = nt(m, "", x, { opacity: y.current });
+          }), E(u, m);
         };
-        E(v, (u) => {
-          _.current > 0 && u(Q);
+        I(v, (u) => {
+          y.current > 0 && u(Q);
         });
       }
-      h(t, o);
+      E(t, o);
     },
     _$slots: { default: !0 }
-  }), W();
+  }), Y();
 }
 export {
-  Lt as default
+  zt as default
 };

package/esm/elements/FilePondEntryList/components/EntryList/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/EntryList/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