@zag-js/slider 1.34.1 → 1.35.1

package/dist/slider.utils.mjs

@@ -0,0 +1,164 @@
+// src/slider.utils.ts
+import { clampValue, getNextStepValue, getPreviousStepValue, getValueRanges, snapValueToStep } from "@zag-js/utils";
+function getThumbBounds(ctx) {
+  const { index, values, min, max, gap } = ctx;
+  const prevThumb = values[index - 1];
+  const nextThumb = values[index + 1];
+  return {
+    min: prevThumb != null ? prevThumb + gap : min,
+    max: nextThumb != null ? nextThumb - gap : max
+  };
+}
+function round(value) {
+  return Math.round(value * 1e10) / 1e10;
+}
+function handleNone(ctx) {
+  const { index, value, values } = ctx;
+  const bounds = getThumbBounds(ctx);
+  const nextValues = values.slice();
+  nextValues[index] = round(clampValue(value, bounds.min, bounds.max));
+  return { values: nextValues, index, swapped: false };
+}
+function handlePush(ctx) {
+  const { index, value, values, min, max, gap } = ctx;
+  const nextValues = values.slice();
+  const absoluteMin = min + index * gap;
+  const absoluteMax = max - (values.length - 1 - index) * gap;
+  nextValues[index] = round(clampValue(value, absoluteMin, absoluteMax));
+  for (let i = index + 1; i < values.length; i++) {
+    const minAllowed = nextValues[i - 1] + gap;
+    if (nextValues[i] < minAllowed) {
+      nextValues[i] = round(minAllowed);
+    }
+  }
+  for (let i = index - 1; i >= 0; i--) {
+    const maxAllowed = nextValues[i + 1] - gap;
+    if (nextValues[i] > maxAllowed) {
+      nextValues[i] = round(maxAllowed);
+    }
+  }
+  return { values: nextValues, index, swapped: false };
+}
+function handleSwap(ctx, startValue) {
+  const { index, value, values, gap } = ctx;
+  const prevThumb = values[index - 1];
+  const nextThumb = values[index + 1];
+  const crossingNext = nextThumb != null && value >= nextThumb && value > startValue;
+  const crossingPrev = prevThumb != null && value <= prevThumb && value < startValue;
+  if (!crossingNext && !crossingPrev) {
+    return handleNone(ctx);
+  }
+  const swapIndex = crossingNext ? index + 1 : index - 1;
+  const nextValues = values.slice();
+  const newCtx = { ...ctx, index: swapIndex };
+  const bounds = getThumbBounds(newCtx);
+  nextValues[swapIndex] = round(clampValue(value, bounds.min, bounds.max));
+  nextValues[index] = values[swapIndex];
+  if (crossingNext && nextValues[index] > nextValues[swapIndex] - gap) {
+    nextValues[index] = round(nextValues[swapIndex] - gap);
+  } else if (crossingPrev && nextValues[index] < nextValues[swapIndex] + gap) {
+    nextValues[index] = round(nextValues[swapIndex] + gap);
+  }
+  return { values: nextValues, index: swapIndex, swapped: true };
+}
+function resolveThumbCollision(behavior, index, value, values, min, max, step, minStepsBetweenThumbs, startValue) {
+  if (values.length === 1) {
+    return { values: [round(clampValue(value, min, max))], index: 0, swapped: false };
+  }
+  const gap = step * minStepsBetweenThumbs;
+  const ctx = { behavior, index, value, values, min, max, gap };
+  switch (behavior) {
+    case "push":
+      return handlePush(ctx);
+    case "swap":
+      return handleSwap(ctx, startValue ?? values[index]);
+    case "none":
+    default:
+      return handleNone(ctx);
+  }
+}
+function normalizeValues(params, nextValues) {
+  return nextValues.map((value, index) => {
+    return constrainValue(params, value, index);
+  });
+}
+function getRangeAtIndex(params, index) {
+  const { context, prop } = params;
+  const step = prop("step") * prop("minStepsBetweenThumbs");
+  return getValueRanges(context.get("value"), prop("min"), prop("max"), step)[index];
+}
+function constrainValue(params, value, index) {
+  const { prop } = params;
+  const range = getRangeAtIndex(params, index);
+  const snapValue = snapValueToStep(value, prop("min"), prop("max"), prop("step"));
+  return clampValue(snapValue, range.min, range.max);
+}
+function decrement(params, index, step) {
+  const { context, prop } = params;
+  const idx = index ?? context.get("focusedIndex");
+  const range = getRangeAtIndex(params, idx);
+  const nextValues = getPreviousStepValue(idx, {
+    ...range,
+    step: step ?? prop("step"),
+    values: context.get("value")
+  });
+  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max);
+  return nextValues;
+}
+function increment(params, index, step) {
+  const { context, prop } = params;
+  const idx = index ?? context.get("focusedIndex");
+  const range = getRangeAtIndex(params, idx);
+  const nextValues = getNextStepValue(idx, {
+    ...range,
+    step: step ?? prop("step"),
+    values: context.get("value")
+  });
+  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max);
+  return nextValues;
+}
+function getClosestIndex(params, pointValue) {
+  const { context } = params;
+  const values = context.get("value");
+  let closestIndex = 0;
+  let minDistance = Math.abs(values[0] - pointValue);
+  for (let i = 1; i < values.length; i++) {
+    const distance = Math.abs(values[i] - pointValue);
+    if (distance <= minDistance) {
+      closestIndex = i;
+      minDistance = distance;
+    }
+  }
+  return selectMovableThumb(params, closestIndex);
+}
+function selectMovableThumb(params, index) {
+  const { context, prop } = params;
+  const values = context.get("value");
+  const max = prop("max");
+  const thumbValue = values[index];
+  if (thumbValue === max) {
+    let movableIndex = index;
+    while (movableIndex > 0 && values[movableIndex - 1] === max) {
+      movableIndex -= 1;
+    }
+    return movableIndex;
+  }
+  return index;
+}
+function assignArray(current, next) {
+  for (let i = 0; i < next.length; i++) {
+    const value = next[i];
+    current[i] = value;
+  }
+}
+export {
+  assignArray,
+  constrainValue,
+  decrement,
+  getClosestIndex,
+  getRangeAtIndex,
+  increment,
+  normalizeValues,
+  resolveThumbCollision,
+  selectMovableThumb
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "1.34.1",
+  "version": "1.35.1",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,16 +27,16 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.34.1",
-    "@zag-js/core": "1.34.1",
-    "@zag-js/dom-query": "1.34.1",
-    "@zag-js/utils": "1.34.1",
-    "@zag-js/types": "1.34.1"
+    "@zag-js/anatomy": "1.35.1",
+    "@zag-js/core": "1.35.1",
+    "@zag-js/dom-query": "1.35.1",
+    "@zag-js/utils": "1.35.1",
+    "@zag-js/types": "1.35.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"
   },
-  "clean-package": "../../../clean-package.config.json",
+  "clean-package": "./clean-package.config.json",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -51,6 +51,16 @@
         "default": "./dist/index.js"
       }
     },
+    "./anatomy": {
+      "import": {
+        "types": "./dist/slider.anatomy.d.mts",
+        "default": "./dist/slider.anatomy.mjs"
+      },
+      "require": {
+        "types": "./dist/slider.anatomy.d.ts",
+        "default": "./dist/slider.anatomy.js"
+      }
+    },
     "./package.json": "./package.json"
   },
   "scripts": {