@performant-software/core-data 2.3.10-beta.8 → 2.3.10

package/dist/index.es50.js

@@ -1,8 +1,9 @@
 import { j as s } from "./index.es73.js";
-import { clsx as b } from "./index.es104.js";
-import { useState as y, useRef as ft, useEffect as R, useMemo as E, useCallback as O } from "react";
-import { mergeRefs as bt } from "./index.es107.js";
-import et from "./index.es108.js";
+import { useTimer as wt } from "@performant-software/shared-components";
+import { clsx as N } from "./index.es104.js";
+import { useState as E, useRef as ut, useEffect as y, useMemo as I, useCallback as j } from "react";
+import { mergeRefs as jt } from "./index.es107.js";
+import nt from "./index.es108.js";
 import l from "./index.es74.js";
 import "./index.es75.js";
 import "./index.es76.js";
@@ -32,103 +33,122 @@ import "./index.es99.js";
 import "./index.es100.js";
 import "./index.es101.js";
 import Nt from "./index.es48.js";
-import nt from "./index.es13.js";
-import ot from "./index.es109.js";
-import jt from "./index.es110.js";
+import ot from "./index.es13.js";
+import { useEventsService as Tt } from "./index.es34.js";
+import st from "./index.es109.js";
+import pt from "./index.es110.js";
 import at from "./index.es111.js";
-import { timeTicks as wt } from "./index.es112.js";
-const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2, _t = 1, K = 8, mt = 1, st = 0.5, Et = 32, yt = 3e3, it = 80, ut = 15, Y = 1, ct = 2, It = 1.5, Rt = (o) => {
-  var H, v;
-  const [m, A] = y(new Date(o.range.min, 0, 1)), [_, k] = y(new Date(o.range.max, 11, 31)), [M, i] = et(), [U, r] = et(), g = ft(), [c, D] = y(!1), [u, N] = y(Y);
-  R(() => {
-    N(Y);
+import { timeTicks as Ot } from "./index.es112.js";
+const lt = 864e5, Mt = 24192e5, _t = 26784e5, P = 154, Z = 42, O = 4, mt = O * 2, It = 1, W = 8, ct = 1, it = 0.5, yt = 32, Et = 3e3, $ = 80, ht = 15, Y = 1, ft = 2, kt = 1.5, Rt = (o) => {
+  var A, D;
+  const [i, K] = E(new Date(o.range.min, 0, 1)), [M, k] = E(new Date(o.range.max, 11, 31)), [R, r] = nt(), [L, m] = nt(), x = ut(), [d, v] = E(!1), [c, w] = E(Y);
+  y(() => {
+    w(Y);
   }, [o.range]);
-  const X = E(() => (r.width - Et) * u, [u, r]), j = E(() => ({
+  const U = I(() => (m.width - yt) * c, [c, m]), u = I(() => ({
     min: new Date(o.range.min, 0, 1),
     max: new Date(o.range.max, 0, 1)
   }), [o.range]);
-  R(() => {
-    var d;
-    const t = r.width / 2, a = i.width / 2 - t;
-    (d = g.current) == null || d.scrollTo({ left: a });
-  }, [u, r, i, g]);
-  const x = O(() => {
-    N((t) => t * ct);
-  }, [N]), P = O(() => {
-    N((t) => t === Y ? t : t / ct);
-  }, [N]), q = O((t) => {
+  y(() => {
+    var a;
+    const t = m.width / 2, n = r.width / 2 - t;
+    (a = x.current) == null || a.scrollTo({ left: n });
+  }, [c, m, r, x]);
+  const X = j(() => {
+    w((t) => t * ft);
+  }, [w]), q = j(() => {
+    w((t) => t === Y ? t : t / ft);
+  }, [w]), J = j((t) => {
     var e;
-    D(!0), (e = g.current) == null || e.setPointerCapture(t.pointerId);
-  }, [g.current]), J = O((t) => {
+    v(!0), (e = x.current) == null || e.setPointerCapture(t.pointerId);
+  }, [x.current]), b = j((t) => {
     var e;
-    D(!1), (e = g.current) == null || e.releasePointerCapture(t.pointerId);
-  }, [g.current]), F = O((t) => {
+    v(!1), (e = x.current) == null || e.releasePointerCapture(t.pointerId);
+  }, [x.current]), F = j((t) => {
     var e;
-    (e = g.current) != null && e.hasPointerCapture(t.pointerId) && (g.current.scrollLeft -= t.movementX * It);
-  }, [g]), Q = E(() => i.width < yt, [i.width, u]), L = E(() => u > Y, [u]), z = O(
-    (t, e) => l.some(e, (a) => a.yOffset === t.yOffset && t.xOffset < a.xOffset + S && t.xOffset + S > a.xOffset),
+    (e = x.current) != null && e.hasPointerCapture(t.pointerId) && (x.current.scrollLeft -= t.movementX * kt);
+  }, [x]), Q = I(() => r.width < Et, [r.width, c]), B = I(() => c > Y, [c]), z = j(
+    (t, e) => l.some(e, (n) => n.yOffset === t.yOffset && t.xOffset < n.xOffset + P && t.xOffset + P > n.xOffset),
     []
-  ), V = E(() => {
+  ), C = I(() => {
     let t = 0;
-    return l.chain(o.events).sortBy("date").reduce((e, a) => {
-      let w = (a.date - j.min) / (j.max - j.min) * i.width, G = !1;
-      w + S > i.width && (G = !0, w -= S);
-      let T = 0;
-      const h = r.height - i.height;
-      for (; z({ xOffset: w, yOffset: T }, e); ) {
-        if (T + $ * 2 >= h) {
-          T = t, t + $ * 2 < h ? t += $ : t = 0;
+    return l.chain(o.events).sortBy("date").reduce((e, n) => {
+      let f = (n.date - u.min) / (u.max - u.min) * r.width, _ = !1;
+      f + P > r.width && (_ = !0, f -= P);
+      let p = 0;
+      const g = m.height - r.height;
+      for (; z({ xOffset: f, yOffset: p }, e); ) {
+        if (p + Z * 2 >= g) {
+          p = t, t + Z * 2 < g ? t += Z : t = 0;
           break;
         }
-        T += $;
+        p += Z;
       }
       return e.push({
-        ...a,
-        xOffset: w,
-        yOffset: T,
-        anchorRight: G
+        ...n,
+        xOffset: f,
+        yOffset: p,
+        anchorRight: _
       }), e;
     }, []).value();
-  }, [o.events, i, r.height, j]), C = O((t, e, a, d = "major") => {
-    const w = a, G = Math.floor(w / it), T = at().domain([t, e]).range([0, w]), h = wt(t, e, G).map((I) => ({
-      value: I,
-      xOffset: T(I)
+  }, [o.events, r, m.height, u]), S = j((t, e, n, a = "major") => {
+    const f = n, _ = Math.floor(f / $), p = at().domain([t, e]).range([0, f]), g = Ot(t, e, _).map((T) => ({
+      value: T,
+      xOffset: p(T)
     }));
-    return h.length > 0 && (l.last(h).value.getTime() < e.getTime() && h.push({ value: e, xOffset: T(e), hideVal: !0 }), l.first(h).value.getTime() > t.getTime() && h.unshift({ value: t, xOffset: T(t), hideVal: !0 })), d === "minor" ? h.length > 1 ? l.chain(h).map((I, B) => {
-      if (B > 0) {
-        const Z = [h[B - 1].value, I.value];
-        if (Z[1] - Z[0] <= pt)
+    return g.length > 0 && l.last(g).value.getTime() < e.getTime() && g.push({ value: e, xOffset: p(e), hideVal: !0 }), a === "minor" ? g.length > 1 ? l.chain(g).map((T, tt) => {
+      if (tt > 0) {
+        const H = [g[tt - 1].value, T.value];
+        if (H[1] - H[0] <= _t)
           return [];
-        const tt = [h[B - 1].xOffset, I.xOffset], dt = tt[1] - tt[0], ht = Math.floor(dt / ut), rt = at().domain(Z).range(tt).nice(), gt = l.map(rt.ticks(ht), (W) => ({
-          value: W,
-          xOffset: rt(W)
+        const et = [g[tt - 1].xOffset, T.xOffset], dt = et[1] - et[0], gt = Math.floor(dt / ht), rt = at().domain(H).range(et).nice(), xt = l.map(rt.ticks(gt), (G) => ({
+          value: G,
+          xOffset: rt(G)
         }));
-        return l.filter(gt, (W) => !l.map(
-          Z,
-          (xt) => xt.getTime()
-        ).includes(W.value.getTime()));
+        return l.filter(xt, (G) => !l.map(
+          H,
+          (bt) => bt.getTime()
+        ).includes(G.value.getTime()));
       }
       return [];
-    }).flatten().uniq(!0, (I) => I.value).value() : [] : h;
+    }).flatten().uniq(!0, (T) => T.value).value() : [] : g;
   }, []);
-  R(() => {
-    A(j.min), k(j.max);
-  }, [j.min, j.max]);
-  const n = E(() => ({
-    major: i != null && i.width ? C(m, _, i.width, "major") : [],
-    minor: i != null && i.width ? C(m, _, i.width, "minor") : []
-  }), [m, _, i.width]), f = O((t, e) => {
-    var a;
-    if (((a = n == null ? void 0 : n.major) == null ? void 0 : a.length) > 1) {
-      const d = n.major[1].value - n.major[0].value;
-      return !e || (e == null ? void 0 : e.getFullYear()) !== t.getFullYear() ? t.getFullYear() : d > Tt || e || (e == null ? void 0 : e.getMonth()) !== t.getMonth() ? t.toLocaleDateString(void 0, { month: "short" }) : t.toLocaleDateString(void 0, { day: "numeric" });
+  y(() => {
+    let t = u.min, e = u.max;
+    const n = l.pluck(S(
+      u.min,
+      u.max,
+      r.width,
+      $
+    ), "value");
+    if ((n == null ? void 0 : n.length) > 1) {
+      const a = n[1] - n[0];
+      if (u.min < l.first(n)) {
+        const f = l.first(n);
+        t = Math.min(u.min, f.getTime() - lt - a);
+      }
+      if (u.max > l.last(n)) {
+        const f = l.last(n);
+        e = Math.max(u.max, f.getTime() + lt + a);
+      }
+    }
+    K(t), k(e);
+  }, [u.min, u.max, r.width]);
+  const h = I(() => ({
+    major: r != null && r.width ? S(i, M, r.width, "major") : [],
+    minor: r != null && r.width ? S(i, M, r.width, "minor") : []
+  }), [i, M, r.width]), V = j((t, e) => {
+    var n;
+    if (((n = h == null ? void 0 : h.major) == null ? void 0 : n.length) > 1) {
+      const a = h.major[1].value - h.major[0].value;
+      return !e || (e == null ? void 0 : e.getFullYear()) !== t.getFullYear() ? t.getFullYear() : a > Mt || e || (e == null ? void 0 : e.getMonth()) !== t.getMonth() ? t.toLocaleDateString(void 0, { month: "short" }) : t.toLocaleDateString(void 0, { day: "numeric" });
     }
     return t.toString();
-  }, [n.major]);
+  }, [h.major]);
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: b(
+      className: N(
         "grow",
         "px-4",
         "pt-6",
@@ -138,49 +158,49 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
         "justify-end",
         "overflow-x-scroll",
         "select-none",
-        c ? "cursor-grabbing" : "cursor-grab"
+        d ? "cursor-grabbing" : "cursor-grab"
       ),
-      ref: bt([U, g]),
+      ref: jt([L, x]),
       onPointerMove: F,
-      onPointerUp: J,
+      onPointerUp: b,
       style: { scrollbarWidth: "none" },
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "absolute top-5 right-5 z-30 flex flex-row", children: [
           /* @__PURE__ */ s.jsx(
             "button",
             {
-              "aria-label": ot.t("Timeline.zoomIn"),
-              className: b(
+              "aria-label": st.t("Timeline.zoomIn"),
+              className: N(
                 "p-3",
                 "disabled:opacity-50",
                 "disabled:hover:bg-transparent",
                 "rounded-tl",
                 "rounded-bl",
-                (H = o.classNames) == null ? void 0 : H.zoom
+                (A = o.classNames) == null ? void 0 : A.zoom
               ),
               disabled: !Q,
               type: "button",
-              onClick: x,
-              children: /* @__PURE__ */ s.jsx(nt, { name: "magnifying_glass_plus", size: 19 })
+              onClick: X,
+              children: /* @__PURE__ */ s.jsx(ot, { name: "magnifying_glass_plus", size: 19 })
             }
           ),
           /* @__PURE__ */ s.jsx(
             "button",
             {
-              "aria-label": ot.t("Timeline.zoomOut"),
-              className: b(
+              "aria-label": st.t("Timeline.zoomOut"),
+              className: N(
                 "ml-[1px]",
                 "p-3",
                 "disabled:opacity-50",
                 "disabled:hover:bg-transparent",
                 "rounded-tr",
                 "rounded-br",
-                (v = o.classNames) == null ? void 0 : v.zoom
+                (D = o.classNames) == null ? void 0 : D.zoom
               ),
-              disabled: !L,
+              disabled: !B,
               type: "button",
-              onClick: P,
-              children: /* @__PURE__ */ s.jsx(nt, { name: "magnifying_glass_minus", size: 19 })
+              onClick: q,
+              children: /* @__PURE__ */ s.jsx(ot, { name: "magnifying_glass_minus", size: 19 })
             }
           )
         ] }),
@@ -188,10 +208,10 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
           "div",
           {
             className: "h-full min-h-36 flex flex-col",
-            style: { width: X },
-            onPointerDown: q,
+            style: { width: U },
+            onPointerDown: J,
             children: [
-              /* @__PURE__ */ s.jsx("div", { className: "grow relative", children: l.map(V, (t) => {
+              /* @__PURE__ */ s.jsx("div", { className: "grow relative", children: l.map(C, (t) => {
                 var e;
                 return /* @__PURE__ */ s.jsxs(
                   "div",
@@ -199,29 +219,29 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
                     className: "w-44 absolute",
                     style: {
                       left: `${t.xOffset}px`,
-                      bottom: `${t.yOffset + K}px`
+                      bottom: `${t.yOffset + W}px`
                     },
                     children: [
                       /* @__PURE__ */ s.jsxs(
                         "svg",
                         {
-                          className: b(
+                          className: N(
                             "absolute",
                             "top-[32px]"
                           ),
-                          height: t.yOffset + K + lt,
-                          width: lt,
+                          height: t.yOffset + W + mt,
+                          width: mt,
                           style: {
-                            left: `${t.anchorRight ? S + _t - p : -p}px`
+                            left: `${t.anchorRight ? P + It - O : -O}px`
                           },
                           children: [
                             /* @__PURE__ */ s.jsx(
                               "line",
                               {
-                                x1: p,
-                                x2: p,
+                                x1: O,
+                                x2: O,
                                 y1: 0,
-                                y2: t.yOffset + K + p - mt,
+                                y2: t.yOffset + W + O - ct,
                                 className: "stroke-neutral-300 stroke-[1px]",
                                 shapeRendering: "crispEdges"
                               }
@@ -229,10 +249,10 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
                             /* @__PURE__ */ s.jsx(
                               "circle",
                               {
-                                cx: p,
-                                cy: t.yOffset + K + p - mt,
-                                r: p,
-                                className: b(((e = o.classNames) == null ? void 0 : e.marker) || "fill-neutral-500")
+                                cx: O,
+                                cy: t.yOffset + W + O - ct,
+                                r: O,
+                                className: N(((e = o.classNames) == null ? void 0 : e.marker) || "fill-neutral-500")
                               }
                             )
                           ]
@@ -241,7 +261,7 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
                       /* @__PURE__ */ s.jsx(
                         "button",
                         {
-                          className: b(
+                          className: N(
                             "h-9",
                             "w-44",
                             "px-2",
@@ -262,7 +282,7 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
                             t.anchorRight ? "rounded-bl" : "rounded-br",
                             "mb-1"
                           ),
-                          onPointerDown: (a) => a.stopPropagation(),
+                          onPointerDown: (n) => n.stopPropagation(),
                           onClick: () => o.onClick(t),
                           type: "button",
                           children: /* @__PURE__ */ s.jsx("span", { className: "truncate text-sm", children: t.name })
@@ -273,7 +293,7 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
                   t.uuid
                 );
               }) }),
-              /* @__PURE__ */ s.jsx("div", { ref: M, className: "w-fill", children: n && /* @__PURE__ */ s.jsxs(
+              /* @__PURE__ */ s.jsx("div", { ref: R, className: "w-fill", children: h && /* @__PURE__ */ s.jsxs(
                 "svg",
                 {
                   className: "!overflow-visible w-fill",
@@ -282,8 +302,8 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
                   overflow: "visible",
                   shapeRendering: "crispEdges",
                   children: [
-                    l.last(n.major) && /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "0", x2: l.last(n.major).xOffset + st, y2: "0", stroke: "currentColor" }),
-                    l.map(n.major, ({ value: t, xOffset: e, hideVal: a }, d) => !a && /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e}, 0)`, children: [
+                    l.last(h.major) && /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "0", x2: l.last(h.major).xOffset + it, y2: "0", stroke: "currentColor" }),
+                    l.map(h.major, ({ value: t, xOffset: e, hideVal: n }, a) => !n && /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e}, 0)`, children: [
                       /* @__PURE__ */ s.jsx("line", { y2: 10, stroke: "currentColor" }),
                       /* @__PURE__ */ s.jsx(
                         "text",
@@ -293,12 +313,12 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
                             textAnchor: "middle"
                           },
                           fill: "currentColor",
-                          children: f(t, d !== 0 ? n.major[d - 1].value : null)
+                          children: V(t, a !== 0 ? h.major[a - 1].value : null)
                         },
                         t
                       )
                     ] }, t)),
-                    l.map(n.minor, ({ xOffset: t }, e) => /* @__PURE__ */ s.jsx("g", { transform: `translate(${t}, 0)`, children: /* @__PURE__ */ s.jsx("line", { y2: 5, stroke: "currentColor" }) }, e))
+                    l.map(h.minor, ({ xOffset: t }, e) => /* @__PURE__ */ s.jsx("g", { transform: `translate(${t}, 0)`, children: /* @__PURE__ */ s.jsx("line", { y2: 5, stroke: "currentColor" }) }, e))
                   ]
                 }
               ) })
@@ -308,98 +328,119 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
       ]
     }
   );
-}, ge = (o) => {
-  var L, z, V, C;
-  const { range: m = {}, refine: A, start: _ = [] } = o, k = Math.max(m.min, Number.isFinite(_[0]) ? _[0] : m.min), M = Math.min(m.max, Number.isFinite(_[1]) ? _[1] : m.max), [i, U] = y(), [r, g] = y(m.max), [c, D] = y(m.min), [u, N] = y([k, M]), X = ft(), [j, x] = et();
-  R(() => {
-    N((n) => {
-      const f = [...n];
-      return c > n[0] ? f[0] = c : r < n[0] && (f[0] = r), r < n[1] ? f[1] = r : c > n[1] && (f[1] = c), f;
+}, je = (o) => {
+  var h, V, A, D;
+  const { range: i = {}, refine: K, start: M = [] } = o, k = Math.max(i.min, Number.isFinite(M[0]) ? M[0] : i.min), R = Math.min(i.max + 1, Number.isFinite(M[1]) ? M[1] : i.max + 1), [r, L] = E(), [m, x] = E(i.max + 1), [d, v] = E(i.min), [c, w] = E([k, R]), U = Tt(), u = ut(), { clearTimer: X, setTimer: q } = wt(), [J, b] = nt();
+  y(() => {
+    w((t) => {
+      const e = [...t];
+      return d > t[0] ? e[0] = d : m < t[0] && (e[0] = m), m < t[1] ? e[1] = m : d > t[1] && (e[1] = d), e;
     });
-  }, [c, r]);
-  const P = () => {
-    N([c, r]), A([c, r]);
-  }, q = E(() => [{
+  }, [d, m]);
+  const F = () => {
+    w([d, m]);
+  }, Q = I(() => [{
     className: "-mt-4",
-    label: ot.t("Timeline.resetRange"),
-    icon: /* @__PURE__ */ s.jsx(nt, { name: "reset", className: "w-5 h-5" }),
-    onClick: P,
+    label: st.t("Timeline.resetRange"),
+    icon: /* @__PURE__ */ s.jsx(ot, { name: "reset", className: "w-5 h-5" }),
+    onClick: F,
     position: "right",
-    disabled: u[0] === c && u[1] === r
-  }], [P, u]), J = O((n) => {
-    const f = !l.isEmpty(n.start_date) && n.start_date[0] || !l.isEmpty(n.end_date) && n.end_date[0];
-    return f && new Date(f * Ot);
-  }, []);
-  R(() => {
-    U(l.map(o.data, (n) => ({
-      ...n,
-      date: J(n)
+    disabled: c[0] === d && c[1] === m
+  }], [F, c]), B = j((t) => {
+    var n, a;
+    const e = ((n = t.start_date) == null ? void 0 : n.start_date) || ((a = t.end_date) == null ? void 0 : a.start_date);
+    return e && new Date(e);
+  }, []), z = j((t) => {
+    L(l.map(t.events, (e) => ({
+      ...e,
+      date: B(e)
     })));
-  }, [o.data]), R(() => {
-    o.onLoad && o.onLoad(i);
-  }, [i, o.onLoad]), R(() => {
-    N([k, M]), D(m.min), g(m.max);
-  }, [k, M, m.min, m.max]);
-  const F = O((n, f, H, v = "major") => {
-    let t = f - n;
-    const e = H - st;
-    if (e / t < it)
-      t = Math.floor(e / (v === "minor" ? ut : it));
-    else if (v === "minor")
+  }, []);
+  y(() => {
+    c && (X(), q(() => {
+      L([]);
+      const t = {
+        min_year: c[0],
+        max_year: c[1]
+      };
+      U.fetchAll(t).then(z);
+    }));
+  }, [z, m, d, c]), y(() => {
+    o.onLoad && o.onLoad(r);
+  }, [r, o.onLoad]), y(() => {
+    w([k, R]), v(i.min), x(i.max + 1);
+  }, [k, R, i.min, i.max]);
+  const C = j((t, e, n, a = "major") => {
+    let f = e - t;
+    const _ = n - it;
+    if (_ / f < $)
+      f = Math.floor(_ / (a === "minor" ? ht : $));
+    else if (a === "minor")
       return [];
-    const d = jt().domain([n, f]).range([st, e]);
-    return d.ticks(t).map((w) => ({
-      value: w,
-      xOffset: d(w)
+    const g = pt().domain([t, e]).range([it, _]);
+    return g.ticks(f).map((T) => ({
+      value: T,
+      xOffset: g(T)
     }));
-  }, []), Q = E(() => ({
-    major: x != null && x.width ? F(c, r, x.width, "major") : [],
-    minor: x != null && x.width ? F(c, r, x.width, "minor") : []
-  }), [c, r, x.width]);
-  return /* @__PURE__ */ s.jsxs(
+  }, []), S = I(() => ({
+    major: b != null && b.width ? C(d, m, b.width, "major") : [],
+    minor: b != null && b.width ? C(d, m, b.width, "minor") : []
+  }), [d, m, b.width]);
+  return y(() => {
+    const t = i.max + 1 - i.min, e = l.pluck(C(
+      i.min,
+      i.max + 1,
+      b.width,
+      "major"
+    ), "value");
+    if ((e == null ? void 0 : e.length) < t && e.length > 1) {
+      const n = e[1] - e[0], a = Math.min(i.min, l.first(e) - n), f = Math.max(i.max + 1, l.last(e) + n);
+      v(a), x(f), c[0] === i.min && c[1] === i.max + 1 && w([a, f]);
+    }
+  }, [i.min, i.max, b.width]), /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: b(
+      className: N(
         "h-full",
         "flex",
         "flex-col",
         "relative",
         o.className
       ),
-      ref: X,
+      ref: u,
       children: [
         /* @__PURE__ */ s.jsx(
           Rt,
           {
             classNames: o.classNames,
-            events: i,
+            events: r,
             onClick: o.onClick,
-            range: { min: u[0], max: u[1] + 1 }
+            range: { min: c[0], max: c[1] }
           }
         ),
         /* @__PURE__ */ s.jsx(
           Nt,
           {
             actions: [
-              ...q,
+              ...Q,
               ...o.actions || []
             ],
             classNames: {
               ...o.classNames,
-              range: b("cursor-grab", "active:cursor-grabbing", "bg-slate-500", "border", "border-black", (L = o.classNames) == null ? void 0 : L.range),
-              root: b("ml-14", "mr-5", (z = o.classNames) == null ? void 0 : z.root),
-              track: b("cursor-grab", "active:cursor-grabbing", "h-5", "mb-4", (V = o.classNames) == null ? void 0 : V.track),
-              thumb: b("opacity-0", "w-[1px]", (C = o.classNames) == null ? void 0 : C.thumb)
+              range: N("cursor-grab", "active:cursor-grabbing", "bg-slate-500", "border", "border-black", (h = o.classNames) == null ? void 0 : h.range),
+              root: N("ml-14", "mr-5", (V = o.classNames) == null ? void 0 : V.root),
+              track: N("cursor-grab", "active:cursor-grabbing", "h-5", "mb-4", (A = o.classNames) == null ? void 0 : A.track),
+              thumb: N("opacity-0", "w-[1px]", (D = o.classNames) == null ? void 0 : D.thumb)
             },
             hideStepButtons: !0,
-            max: r,
-            min: c,
-            onValueChange: N,
-            onValueCommit: A,
+            max: m,
+            min: d,
+            onValueChange: w,
+            onValueCommit: K,
             position: "bottom",
-            ticks: Q,
-            ref: j,
-            value: u
+            ticks: S,
+            ref: J,
+            value: c
           }
         )
       ]
@@ -407,6 +448,6 @@ const Ot = 1e3, Tt = 24192e5, pt = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2,
   );
 };
 export {
-  ge as default
+  je as default
 };
 //# sourceMappingURL=index.es50.js.map