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

package/esm/elements/components/ProgressIndicator/index.svelte.js

@@ -1,173 +1,147 @@
 /*!
-* 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 { push as qe, pop as Be } from "../../../svelte/svelte/src/internal/client/context.js";
-import { first_child as k, child as v, sibling as w } from "../../../svelte/svelte/src/internal/client/dom/operations.js";
-import { state as V, set as p } from "../../../svelte/svelte/src/internal/client/reactivity/sources.js";
-import { user_effect as y, template_effect as U } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
-import { comment as q, append as u, from_html as Ne, from_svg as X } from "../../../svelte/svelte/src/internal/client/dom/template.js";
+import { push as Se, pop as Re } from "../../../svelte/svelte/src/internal/client/context.js";
+import { first_child as A, child as b, sibling as x } from "../../../svelte/svelte/src/internal/client/dom/operations.js";
+import { state as V, set as g } from "../../../svelte/svelte/src/internal/client/reactivity/sources.js";
+import { user_effect as k, template_effect as U } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { comment as ne, append as w, from_html as Ve, from_svg as J } from "../../../svelte/svelte/src/internal/client/dom/template.js";
 import { user_derived as c } from "../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
-import { if_block as T } from "../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
-import { set_custom_element_data as We, set_attribute as h } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
-import { set_class as je } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { set_style as ze } from "../../../svelte/svelte/src/internal/client/dom/elements/style.js";
-import { bind_this as O } 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 { clsx as Ee } from "../../../svelte/svelte/src/internal/shared/attributes.js";
-import { Spring as me } from "../../../svelte/svelte/src/motion/spring.js";
-import { clamp as Ge } from "../../../utils/math.js";
-import { isNumber as D, isSafari as He } from "../../../utils/test.js";
-import { getUniqueId as Je } from "../../../utils/string.js";
-var Ke = X("<rect></rect><rect></rect>", 1), Qe = X('<g><circle></circle><circle pathLength="1"></circle></g>'), Xe = X('<defs><mask><rect width="100%" height="100%" fill="black"></rect><rect x="0" y="0" stroke="white"></rect></mask></defs><g><rect></rect><rect pathLength="1"></rect></g>', 1), Ye = Ne('<progress-indicator><progress></progress> <div><svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><!></svg></div></progress-indicator>', 2);
-function pt(ue, a) {
-  qe(a, !0);
+import { if_block as H } from "../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
+import { set_custom_element_data as Te, set_attribute as v } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
+import { set_class as Oe } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
+import { set_style as De } from "../../../svelte/svelte/src/internal/client/dom/elements/style.js";
+import { bind_this as T } from "../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
+import { prop as l } from "../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { clsx as Le } from "../../../svelte/svelte/src/internal/shared/attributes.js";
+import { Spring as ie } from "../../../svelte/svelte/src/motion/spring.js";
+import { clamp as Ae } from "../../../utils/math.js";
+import { isNumber as O, isSafari as Ue } from "../../../utils/test.js";
+import { getUniqueId as qe } from "../../../utils/string.js";
+var Be = J("<rect></rect><rect></rect>", 1), Ne = J('<g><circle></circle><circle pathLength="1"></circle></g>'), We = J('<mask><rect width="100%" height="100%" fill="black"></rect><rect x="0" y="0" stroke="white"></rect></mask><g><rect></rect><rect pathLength="1"></rect></g>', 1), je = Ve('<progress-indicator><progress></progress> <div><svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><!></svg></div></progress-indicator>', 2);
+function st(oe, a) {
+  Se(a, !0);
   const i = { Line: "line", Circle: "circle", Rectangle: "rectangle" };
-  let de = f(a, "class", 3, void 0), B = f(a, "max", 3, 1), ge = f(a, "label", 3, "Busy"), ve = f(a, "direction", 3, "normal"), Y = f(a, "shape", 3, "auto"), Z = f(a, "oncomplete", 3, void 0), $ = f(a, "onchange", 3, void 0), N = f(a, "precision", 3, 3), W = f(a, "enableAnimations", 3, !0);
-  function ee(t) {
+  let se = l(a, "class", 3, void 0), q = l(a, "max", 3, 1), ce = l(a, "label", 3, "Busy"), le = l(a, "direction", 3, "normal"), K = l(a, "shape", 3, "auto"), Q = l(a, "oncomplete", 3, void 0), X = l(a, "onchange", 3, void 0), B = l(a, "precision", 3, 3), N = l(a, "enableAnimations", 3, !0);
+  function Y(t) {
     return t.substring(7).slice(0, -1).split(",");
   }
-  function pe(t) {
-    const r = ee(t);
+  function fe(t) {
+    const r = Y(t);
     return Math.atan2(parseFloat(r[1]), parseFloat(r[0]));
   }
-  function he(t) {
-    const r = ee(t);
+  function me(t) {
+    const r = Y(t);
     return parseFloat(r[4]);
   }
-  let F = V(void 0), _ = V(void 0);
-  const _e = { stiffness: 0.1, damping: 0.7, precision: 1e-3 }, C = new me(void 0, { precision: 0.01 }), M = new me(0, _e);
-  let j = V(void 0), P = V(void 0);
-  const be = c(() => ve() === "reverse" ? -1 : 1), te = c(() => D(a.value)), I = c(() => e(te) && a.value !== 1 / 0);
-  y(() => {
-    C.set(e(I) ? a.value : 0.5, { instant: !W() });
-  }), y(() => {
-    $() && e(I) && $()(Math.min(a.value, C.current));
+  let y = V(void 0), p = V(void 0);
+  const ue = { stiffness: 0.1, damping: 0.7, precision: 1e-3 }, F = new ie(void 0, { precision: 0.01 }), C = new ie(0, ue);
+  let W = V(void 0), M = V(void 0);
+  const de = c(() => le() === "reverse" ? -1 : 1), Z = c(() => O(a.value)), P = c(() => e(Z) && a.value !== 1 / 0);
+  k(() => {
+    F.set(e(P) ? a.value : 0.5, { instant: !N() });
+  }), k(() => {
+    X() && e(P) && X()(Math.min(a.value, F.current));
   });
-  function xe(t, r) {
+  function ge(t, r) {
     if (!t)
       return;
-    const s = getComputedStyle(t).getPropertyValue("transform"), d = (r === i.Circle ? pe : he)(s);
-    M.set(d, { instant: !0 });
-    let g;
-    r === i.Circle ? g = d > Math.PI / 2 ? Math.PI * 4 : Math.PI * 2 : g = 0, M.set(g, { instant: !W() });
+    const s = getComputedStyle(t).getPropertyValue("transform"), u = (r === i.Circle ? fe : me)(s);
+    C.set(u, { instant: !0 });
+    let d;
+    r === i.Circle ? d = u > Math.PI / 2 ? Math.PI * 4 : Math.PI * 2 : d = 0, C.set(d, { instant: !N() });
   }
-  function ke(t) {
+  function ve(t) {
     if (!t)
       return;
     const r = parseFloat(getComputedStyle(t).getPropertyValue("stroke-dashoffset"));
-    M.set(r, { instant: !0 });
+    C.set(r, { instant: !0 });
     const s = r < 0.5 ? -1 : 0;
-    M.set(s, { instant: !W() });
+    C.set(s, { instant: !N() });
   }
-  function we(t, r) {
-    const s = Math.min(r, t / 2), b = 4 * (t - 2 * s), d = 2 * Math.PI * s, g = b + d;
-    return -((t / 2 - s) / g);
+  function pe(t, r) {
+    const s = Math.min(r, t / 2), h = 4 * (t - 2 * s), u = 2 * Math.PI * s, d = h + u;
+    return -((t / 2 - s) / d);
   }
-  y(() => {
-    e(I) ? (e(j) === !1 && (e(m) === i.Rectangle ? ke(e(_)) : xe(e(m) === i.Circle ? e(P) : e(_), e(m))), p(j, !0)) : p(j, !1);
+  k(() => {
+    e(P) ? (e(W) === !1 && (e(m) === i.Rectangle ? ve(e(p)) : ge(e(m) === i.Circle ? e(M) : e(p), e(m))), g(W, !0)) : g(W, !1);
   });
-  const ye = c(() => e(I) ? Ge(C.current, 0, B()) : void 0);
-  y(() => {
-    e(F) && (e(I) ? e(F).setAttribute("value", e(ye).toFixed(N())) : e(F).removeAttribute("value"));
-  }), y(() => {
-    Z() && Fe(a.value, C.current);
+  const he = c(() => e(P) ? Ae(F.current, 0, q()) : void 0);
+  k(() => {
+    e(y) && (e(P) ? e(y).setAttribute("value", e(he).toFixed(B())) : e(y).removeAttribute("value"));
+  }), k(() => {
+    Q() && _e(a.value, F.current);
   });
-  function Fe(t, r) {
-    t < 1 || Math.round(r) < B() || Z()?.();
+  function _e(t, r) {
+    t < 1 || Math.round(r) < q() || Q()?.();
   }
-  let L = V(void 0);
-  const A = c(() => e(L) ? getComputedStyle(e(L)) : void 0), z = c(() => !!e(A)), o = c(() => e(z) ? parseFloat(e(A).getPropertyValue("height")) : void 0), l = c(() => e(z) ? parseFloat(e(A).getPropertyValue("border-radius")) : void 0), re = c(() => e(z) ? parseFloat(e(A).getPropertyValue("--_stroke-width")) : void 0), Ce = c(() => D(e(o)) && D(e(l)) ? we(e(o), e(l)) : void 0), m = c(() => Y() !== "auto" ? Y() : !D(e(l)) || !D(e(o)) ? i.Circle : e(l) < e(o) * 0.5 ? i.Rectangle : i.Circle), ae = `mask_${Je()}`, ne = c(() => He() && e(o) && e(l) && e(re) ? `data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='black'/><rect width='${e(o)}' height='${e(o)}' rx='${e(l)}' stroke='white' stroke-width='${e(re) * 2}'/></svg>` : void 0);
-  y(() => {
-    e(P) && e(m) === i.Rectangle && (e(P).style.mask = e(ne) ? `url("${e(ne)}") luminance` : `url(#${ae})`);
+  let D = V(void 0);
+  const L = c(() => e(D) ? getComputedStyle(e(D)) : void 0), j = c(() => !!e(L)), o = c(() => e(j) ? parseFloat(e(L).getPropertyValue("height")) : void 0), f = c(() => e(j) ? parseFloat(e(L).getPropertyValue("border-radius")) : void 0), $ = c(() => e(j) ? parseFloat(e(L).getPropertyValue("--_stroke-width")) : void 0), be = c(() => O(e(o)) && O(e(f)) ? pe(e(o), e(f)) : void 0), m = c(() => K() !== "auto" ? K() : !O(e(f)) || !O(e(o)) ? i.Circle : e(f) < e(o) * 0.5 ? i.Rectangle : i.Circle), ee = `mask_${qe()}`, te = c(() => Ue() && e(o) && e(f) && e($) ? `data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='black'/><rect width='${e(o)}' height='${e(o)}' rx='${e(f)}' stroke='white' stroke-width='${e($) * 2}'/></svg>` : void 0);
+  k(() => {
+    e(M) && e(m) === i.Rectangle && (e(M).style.mask = e(te) ? `url("${e(te)}") luminance` : `url(#${ee})`);
   });
-  var Me = { ProgressIndicatorShape: i }, ie = q(), Pe = k(ie);
+  var xe = { ProgressIndicatorShape: i }, re = ne(), ke = A(re);
   {
-    var Ie = (t) => {
-      var r = Ye();
-      U(() => We(r, "shape", e(m)));
-      var s = v(r);
-      O(s, (n) => p(F, n), () => e(F));
-      var b = w(s, 2);
-      let d;
-      var g = v(b), oe = v(g);
+    var we = (t) => {
+      var r = je();
+      U(() => Te(r, "shape", e(m)));
+      var s = b(r);
+      T(s, (n) => g(y, n), () => e(y));
+      var h = x(s, 2);
+      let u;
+      var d = b(h), ae = b(d);
       {
-        var Se = (n) => {
-          var S = Ke(), E = w(k(S));
-          O(E, (G) => p(_, G), () => e(_)), u(n, S);
-        }, Re = (n) => {
-          var S = q(), E = k(S);
+        var ye = (n) => {
+          var I = Be(), z = x(A(I));
+          T(z, (E) => g(p, E), () => e(p)), w(n, I);
+        }, Fe = (n) => {
+          var I = ne(), z = A(I);
           {
-            var G = (H) => {
-              var se = q(), Ve = k(se);
-              {
-                var Te = (x) => {
-                  var R = Qe(), J = w(v(R));
-                  U(() => h(J, "transform", `rotate(-90) translate(-${e(o)})`)), u(x, R);
-                }, Oe = (x) => {
-                  var R = q(), J = k(R);
-                  {
-                    var De = (K) => {
-                      var ce = Xe(), fe = k(ce), le = v(fe), Q = w(v(le)), Le = w(fe), Ae = w(v(Le));
-                      O(Ae, (Ue) => p(_, Ue), () => e(_)), U(() => {
-                        h(le, "id", ae), h(Q, "width", e(o)), h(Q, "height", e(o)), h(Q, "rx", e(l));
-                      }), u(K, ce);
-                    };
-                    T(
-                      J,
-                      (K) => {
-                        e(m) === i.Rectangle && K(De);
-                      },
-                      !0
-                    );
-                  }
-                  u(x, R);
-                };
-                T(Ve, (x) => {
-                  e(m) === i.Circle ? x(Te) : x(Oe, !1);
-                });
-              }
-              u(H, se);
+            var E = (_) => {
+              var S = Ne(), R = x(b(S));
+              U(() => v(R, "transform", `rotate(-90) translate(-${e(o)})`)), w(_, S);
+            }, Ce = (_) => {
+              var S = We(), R = A(S), G = x(b(R)), Me = x(R), Pe = x(b(Me));
+              T(Pe, (Ie) => g(p, Ie), () => e(p)), U(() => {
+                v(R, "id", ee), v(G, "width", e(o)), v(G, "height", e(o)), v(G, "rx", e(f));
+              }), w(_, S);
             };
-            T(
-              E,
-              (H) => {
-                e(o) && H(G);
-              },
-              !0
-            );
+            H(z, (_) => {
+              e(m) === i.Circle ? _(E) : e(m) === i.Rectangle && _(Ce, 1);
+            });
           }
-          u(n, S);
+          w(n, I);
         };
-        T(oe, (n) => {
-          e(m) === i.Line ? n(Se) : n(Re, !1);
+        H(ae, (n) => {
+          e(m) === i.Line ? n(ye) : e(o) && n(Fe, 1);
         });
       }
-      O(b, (n) => p(P, n), () => e(P)), O(r, (n) => p(L, n), () => e(L)), U(
+      T(h, (n) => g(M, n), () => e(M)), T(r, (n) => g(D, n), () => e(D)), U(
         (n) => {
-          je(r, 1, Ee(de())), h(s, "aria-label", ge()), h(s, "max", B()), d = ze(b, "", d, n);
+          Oe(r, 1, Le(se())), v(s, "aria-label", ce()), v(s, "max", q()), u = De(h, "", u, n);
         },
         [
           () => ({
             "--_size": e(o),
-            "--_border-radius": e(l),
-            "--_offset": M.current?.toFixed(N()),
-            "--_center": e(Ce),
-            "--_progress": C.current?.toFixed(N()),
-            "--_flip": e(be)
+            "--_border-radius": e(f),
+            "--_offset": C.current?.toFixed(B()),
+            "--_center": e(be),
+            "--_progress": F.current?.toFixed(B()),
+            "--_flip": e(de)
           })
         ]
-      ), u(t, r);
+      ), w(t, r);
     };
-    T(Pe, (t) => {
-      e(te) && t(Ie);
+    H(ke, (t) => {
+      e(Z) && t(we);
     });
   }
-  return u(ue, ie), Be(Me);
+  return w(oe, re), Re(xe);
 }
 export {
-  pt as default
+  st as default
 };

package/esm/elements/components/RangeInput/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 r = 'range-input{--transition-duration: var(--_150ms);--thumb-size: .5em;--thumb-color: currentColor;--track-color: color-mix(in srgb, currentColor 25%, transparent);--track-size: .1875em;--track-interaction-size: 1.25em;--progress-color: currentColor;display:block;position:relative;opacity:var(--opacity)}range-input input{--br-alignment: calc(var(--track-border-radius) * 1px);appearance:none;pointer-events:all;display:block;width:calc(100% + (var(--thumb-size) * 2) - (var(--br-alignment) * 2));margin-left:calc((var(--thumb-size) * -1) + var(--br-alignment));height:var(--track-interaction-size);cursor:pointer;background:transparent}range-input input::-webkit-slider-thumb{opacity:0}.range-input-bar,.range-input-knob{contain:layout;pointer-events:none}:is(.range-input-bar,.range-input-knob),:is(.range-input-bar,.range-input-knob) div,:is(.range-input-bar,.range-input-knob):before,:is(.range-input-bar,.range-input-knob):after{position:absolute;top:0;left:0;transform-origin:0 0}.range-input-bar{height:var(--track-size);margin-top:calc((var(--track-interaction-size) * .5) - (var(--track-size) * .5))}.range-input-bar element-pane{--background-color: var(--fill);--backdrop-filter: var(--track-backdrop-filter, none);--border-radius: 9999px}.range-input-track{--fill: var(--track-color)}.range-input-progress{--fill: var(--progress-color)}.range-input-hover{transition:opacity var(--transition-duration) ease-out;opacity:0;--fill: var(--progress-color)}.range-input-knob{transform:translate3d(calc((var(--offset) + var(--track-border-radius)) * 1px),0,0);margin-top:calc((var(--track-interaction-size) * .5))}.range-input-knob:after{transform-origin:center center;transition:transform var(--transition-duration) ease-out;content:"";position:absolute;background:var(--thumb-background-color);border-radius:9999px;width:var(--thumb-size);height:var(--thumb-size);top:calc(var(--thumb-size) * -.5);left:calc(var(--thumb-size) * -.5);transform:scale(0)}.range-input-title{position:absolute;left:0;bottom:calc(100% - var(--track-interaction-size) * .25);transform:translate(var(--title-x));transition:opacity var(--transition-duration) ease-out;opacity:var(--title-reveal);pointer-events:none}range-input:hover .range-input-hover{opacity:.5}range-input:hover .range-input-knob:after{transform:scale(1)}range-input input::-moz-range-thumb{opacity:0}';
+const r = 'range-input{--transition-duration: var(--_150ms);--thumb-size: .5em;--thumb-color: currentColor;--track-color: color-mix(in srgb, currentColor 25%, transparent);--track-size: .1875em;--track-interaction-size: 1.25em;--progress-color: currentColor;display:block;position:relative;opacity:var(--opacity)}range-input input{--br-alignment: calc(var(--track-border-radius) * 1px);appearance:none;pointer-events:all;display:block;width:calc(100% + (var(--thumb-size) * 2) - (var(--br-alignment) * 2));margin-left:calc((var(--thumb-size) * -1) + var(--br-alignment));height:var(--track-interaction-size);cursor:pointer;background:transparent}range-input input::-webkit-slider-thumb{opacity:0}.range-input-bar,.range-input-knob{contain:layout;pointer-events:none}:is(.range-input-bar,.range-input-knob),:is(.range-input-bar,.range-input-knob) div,:is(.range-input-bar,.range-input-knob):before,:is(.range-input-bar,.range-input-knob):after{position:absolute;top:0;left:0;transform-origin:0 0}.range-input-bar{height:var(--track-size);margin-top:calc((var(--track-interaction-size) * .5) - (var(--track-size) * .5))}.range-input-bar element-pane{--background-color: var(--fill);--backdrop-filter: var(--track-backdrop-filter, none);--border-radius: 9999px}.range-input-track{--fill: var(--track-color)}.range-input-progress{--fill: var(--progress-color)}.range-input-hover{transition:opacity var(--transition-duration) ease-out;opacity:0;--fill: var(--progress-color)}.range-input-knob{transform:translate3d(calc((var(--offset) + var(--track-border-radius)) * 1px),0,0);margin-top:calc((var(--track-interaction-size) * .5))}.range-input-knob:after{transform-origin:center center;transition:transform var(--transition-duration) ease-out;content:"";position:absolute;background:var(--thumb-color);border-radius:9999px;width:var(--thumb-size);height:var(--thumb-size);top:calc(var(--thumb-size) * -.5);left:calc(var(--thumb-size) * -.5);transform:scale(0)}.range-input-title{position:absolute;left:0;bottom:calc(100% - var(--track-interaction-size) * .25);transform:translate(var(--title-x));transition:opacity var(--transition-duration) ease-out;opacity:var(--title-reveal);pointer-events:none}range-input:hover .range-input-hover{opacity:.5}range-input input:focus-visible~.range-input-knob:after,range-input:hover .range-input-knob:after{transform:scale(1)}range-input input::-moz-range-thumb{opacity:0}';
 export {
   r as default
 };

package/esm/elements/components/RangeInput/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/components/RangeInput/index.svelte.js

@@ -1,108 +1,109 @@
 /*!
-* 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 t } from "../../../svelte/svelte/src/internal/client/runtime.js";
-import { pop as xt, push as yt } from "../../../svelte/svelte/src/internal/client/context.js";
+import { pop as Rt, push as Ct } from "../../../svelte/svelte/src/internal/client/context.js";
 import { child as g, sibling as h } from "../../../svelte/svelte/src/internal/client/dom/operations.js";
-import { set as o, state as s } from "../../../svelte/svelte/src/internal/client/reactivity/sources.js";
-import { user_effect as J, template_effect as zt } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
-import { delegate as Rt, event as Ct } from "../../../svelte/svelte/src/internal/client/dom/elements/events.js";
-import { from_html as Ht, append as At } from "../../../svelte/svelte/src/internal/client/dom/template.js";
-import { snippet as Dt } from "../../../svelte/svelte/src/internal/client/dom/blocks/snippet.js";
+import { state as s, set as a } from "../../../svelte/svelte/src/internal/client/reactivity/sources.js";
+import { user_effect as K, template_effect as Q } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { delegate as Ht, delegated as R, event as At } from "../../../svelte/svelte/src/internal/client/dom/elements/events.js";
+import { from_html as Dt, append as Ft } from "../../../svelte/svelte/src/internal/client/dom/template.js";
+import { snippet as Mt } from "../../../svelte/svelte/src/internal/client/dom/blocks/snippet.js";
 import { user_derived as i } from "../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
-import { attach as R } from "../../../svelte/svelte/src/internal/client/dom/elements/attachments.js";
-import { set_attribute as F, set_value as Ft } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
-import { set_class as Mt } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { set_style as M } from "../../../svelte/svelte/src/internal/client/dom/elements/style.js";
-import { bind_this as K } from "../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
-import { prop as a } from "../../../svelte/svelte/src/internal/client/reactivity/props.js";
-import { clsx as Ot } from "../../../svelte/svelte/src/internal/shared/attributes.js";
-import { Spring as St } from "../../../svelte/svelte/src/motion/spring.js";
-import { resizable as C } from "../../attachments/resizable.js";
-import { getStylePropertyAsNumber as It } from "../../../utils/dom.js";
-import { clamp as Q } from "../../../utils/math.js";
-import { noop as Y } from "../../../utils/placeholder.js";
-import { isNumber as Tt } from "../../../utils/test.js";
+import { attach as C } from "../../../svelte/svelte/src/internal/client/dom/elements/attachments.js";
+import { set_attribute as M, set_value as Ot, set_custom_element_data as St } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
+import { set_class as It } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
+import { set_style as O } from "../../../svelte/svelte/src/internal/client/dom/elements/style.js";
+import { bind_this as Y } from "../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
+import { prop as o } from "../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { clsx as Tt } from "../../../svelte/svelte/src/internal/shared/attributes.js";
+import { Spring as Wt } from "../../../svelte/svelte/src/motion/spring.js";
+import { resizable as H } from "../../attachments/resizable.js";
+import { getStylePropertyAsNumber as Xt } from "../../../utils/dom.js";
+import { clamp as Z } from "../../../utils/math.js";
+import { noop as $ } from "../../../utils/placeholder.js";
+import { isNumber as Bt } from "../../../utils/test.js";
 import "../ElementPane/index.js";
-import O from "../ElementPane/index.svelte.js";
-var Wt = Ht('<range-input><input type="range"/> <div class="range-input-bar range-input-track"><!></div> <div class="range-input-bar range-input-hover"><!></div> <div class="range-input-bar range-input-progress"><!></div> <div class="range-input-knob"></div> <span class="range-input-title"><!></span></range-input>', 2);
-function le(Z, r) {
-  yt(r, !0);
-  let $ = a(r, "class", 3, void 0), m = a(r, "min", 3, 0), _ = a(r, "max", 3, 1), S = a(r, "value", 3, 0), tt = a(r, "step", 3, 0.1), I = a(r, "oninput", 3, Y), et = a(r, "onhover", 3, Y), T = a(r, "precision", 3, 2), rt = a(r, "enableAnimations", 3, !0);
-  const b = new St(void 0);
-  J(() => {
+import S from "../ElementPane/index.svelte.js";
+var Lt = Dt('<range-input><input type="range"/> <div class="range-input-bar range-input-track"><!></div> <div class="range-input-bar range-input-hover"><!></div> <div class="range-input-bar range-input-progress"><!></div> <div class="range-input-knob"></div> <span class="range-input-title"><!></span></range-input>', 2);
+function de(tt, r) {
+  Ct(r, !0);
+  let et = o(r, "class", 3, void 0), rt = o(r, "part", 3, void 0), m = o(r, "min", 3, 0), _ = o(r, "max", 3, 1), I = o(r, "value", 3, 0), nt = o(r, "step", 3, 0.1), T = o(r, "oninput", 3, $), it = o(r, "onhover", 3, $), W = o(r, "precision", 3, 2), ot = o(r, "enableAnimations", 3, !0);
+  const b = new Wt(void 0);
+  K(() => {
     r.springDefaults && Object.assign(b, r.springDefaults);
   });
-  let f = s(void 0), k = s(void 0);
-  const W = i(() => t(k) && getComputedStyle(t(k))), nt = i(() => t(W) && It(t(W), "border-radius") || 0);
+  let c = s(void 0), k = s(void 0);
+  const X = i(() => t(k) && getComputedStyle(t(k))), at = i(() => t(X) && Xt(t(X), "border-radius") || 0);
   let P = s(null), d = s(null), l = s(null), p = s(void 0);
-  const it = i(() => Tt(b.current) ? b.current : null), H = i(() => Math.min(t(nt), t(p) * 0.5)), w = i(() => Math.max(0, t(it) - t(H) * 2));
-  function ot(e) {
-    o(d, e.width), b.set(t(d), { instant: !rt() });
+  const st = i(() => Bt(b.current) ? b.current : null), A = i(() => Math.min(t(at), t(p) * 0.5)), w = i(() => Math.max(0, t(st) - t(A) * 2));
+  function lt(e) {
+    a(d, e.width), b.set(t(d), { instant: !ot() });
   }
-  function at(e) {
-    o(P, e.width);
+  function ut(e) {
+    a(P, e.width);
   }
-  function st(e) {
-    o(p, e.height);
+  function mt(e) {
+    a(p, e.height);
   }
   let x = !1;
-  function lt() {
+  function dt() {
     x = !0;
   }
-  function ut() {
+  function pt() {
     x = !1;
   }
-  function mt(e) {
-    o(l, e.offsetX), x && (t(f).value = `${m() + t(l) / t(P) * (_() - m())}`, I()(parseFloat(t(f).value)));
+  function ft(e) {
+    a(l, e.offsetX), x && (t(c).value = `${m() + t(l) / t(P) * (_() - m())}`, T()(parseFloat(t(c).value)));
   }
-  function dt() {
-    o(l, null), x = !1;
+  function ct() {
+    a(l, null), x = !1;
   }
-  const pt = i(() => t(l) !== null);
-  let X = s(0);
-  function ft(e) {
-    o(X, e);
+  const vt = i(() => t(l) !== null);
+  let B = s(0);
+  function gt(e) {
+    a(B, e);
   }
-  function ct(e, u, z, q) {
-    const G = u - z;
-    return Q((e - G / 2 - q) / (u - G - q * 2));
+  function ht(e, u, z, G) {
+    const J = u - z;
+    return Z((e - J / 2 - G) / (u - J - G * 2));
   }
-  const c = i(() => t(pt) && t(P) && t(d) && t(l) !== null ? ct(t(l), t(P), t(d), t(H)) : t(X));
-  J(() => {
-    ft(t(c)), et()?.(t(c));
+  const v = i(() => t(vt) && t(P) && t(d) && t(l) !== null ? ht(t(l), t(P), t(d), t(A)) : t(B));
+  K(() => {
+    gt(t(v)), it()?.(t(v));
   });
-  let A = s(void 0);
-  function vt(e) {
-    o(A, e.width);
+  let D = s(void 0);
+  function _t(e) {
+    a(D, e.width);
   }
-  function gt(e, u, z) {
-    return Q(e * u - z * 0.5, 0, u - z);
+  function bt(e, u, z) {
+    return Z(e * u - z * 0.5, 0, u - z);
   }
-  const ht = i(() => t(d) && t(A) ? gt(t(c), t(d), t(A)) : 0), B = i(() => S() / (_() - m()));
-  function _t() {
-    I()(parseFloat(t(f).value));
+  const kt = i(() => t(d) && t(D) ? bt(t(v), t(d), t(D)) : 0), L = i(() => I() / (_() - m()));
+  function Pt() {
+    T()(parseFloat(t(c).value));
   }
-  var v = Wt();
-  let L;
-  var n = g(v);
-  n.__input = _t, n.__pointerdown = lt, n.__pointerup = ut, n.__pointermove = mt, K(n, (e) => o(f, e), () => t(f)), R(n, () => C({ onresize: at }));
-  var y = h(n, 2), bt = g(y);
-  O(bt, {
+  var f = Lt();
+  Q(() => St(f, "part", rt()));
+  let N;
+  var n = g(f);
+  Y(n, (e) => a(c, e), () => t(c)), C(n, () => H({ onresize: ut }));
+  var y = h(n, 2), wt = g(y);
+  S(wt, {
     get width() {
       return t(w);
     },
     get height() {
       return t(p);
     }
-  }), K(y, (e) => o(k, e), () => t(k)), R(y, () => C({ onresize: st }));
-  var N = h(y, 2), kt = g(N);
+  }), Y(y, (e) => a(k, e), () => t(k)), C(y, () => H({ onresize: mt }));
+  var j = h(y, 2), xt = g(j);
   {
-    let e = i(() => t(w) * t(c));
-    O(kt, {
+    let e = i(() => t(w) * t(v));
+    S(xt, {
       get width() {
         return t(e);
       },
@@ -111,10 +112,10 @@ function le(Z, r) {
       }
     });
   }
-  var j = h(N, 2), Pt = g(j);
+  var E = h(j, 2), yt = g(E);
   {
-    let e = i(() => Math.max(t(w) * t(B), t(p)));
-    O(Pt, {
+    let e = i(() => Math.max(t(w) * t(L), t(p)));
+    S(yt, {
       get width() {
         return t(e);
       },
@@ -123,27 +124,27 @@ function le(Z, r) {
       }
     });
   }
-  var E = h(j, 2);
-  let U;
-  var D = h(E, 2);
+  var U = h(E, 2);
   let V;
-  var wt = g(D);
-  Dt(wt, () => r.children, () => ({ hoverValue: m() + t(c) * (_() - m()) })), R(D, () => C({ onresize: vt })), R(v, () => C({ onresize: ot })), zt(
+  var F = h(U, 2);
+  let q;
+  var zt = g(F);
+  Mt(zt, () => r.children, () => ({ hoverValue: m() + t(v) * (_() - m()) })), C(F, () => H({ onresize: _t })), C(f, () => H({ onresize: lt })), Q(
     (e, u) => {
-      Mt(v, 1, Ot($())), L = M(v, "", L, { "--track-border-radius": t(H) }), F(n, "min", m()), F(n, "max", _()), Ft(n, S()), F(n, "step", e), U = M(E, "", U, u), V = M(D, "", V, {
-        "--title-x": `${t(ht)}px`,
+      It(f, 1, Tt(et())), N = O(f, "", N, { "--track-border-radius": t(A) }), M(n, "min", m()), M(n, "max", _()), Ot(n, I()), M(n, "step", e), V = O(U, "", V, u), q = O(F, "", q, {
+        "--title-x": `${t(kt)}px`,
         "--title-reveal": t(l) !== null ? 1 : 0
       });
     },
     [
-      () => tt().toFixed(T()),
+      () => nt().toFixed(W()),
       () => ({
-        "--offset": (t(w) * t(B)).toFixed(T())
+        "--offset": (t(w) * t(L)).toFixed(W())
       })
     ]
-  ), Ct("pointerleave", n, dt), At(Z, v), xt();
+  ), R("input", n, Pt), R("pointerdown", n, dt), R("pointerup", n, pt), R("pointermove", n, ft), At("pointerleave", n, ct), Ft(tt, f), Rt();
 }
-Rt(["input", "pointerdown", "pointerup", "pointermove"]);
+Ht(["input", "pointerdown", "pointerup", "pointermove"]);
 export {
-  le as default
+  de as default
 };