@cdx-ui/primitives 0.0.1-beta.170 → 0.0.1-beta.172

package/src/slider/utils.ts

@@ -88,6 +88,82 @@ export function formatSliderValue(value: number): string {
   return Number.isInteger(value) ? String(value) : value.toFixed(1);
 }
 
+export function arraysEqual(a: readonly number[], b: readonly number[]): boolean {
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((value, index) => value === b[index]);
+}
+
+export function normalizeSliderValue(
+  input: number | readonly number[] | undefined,
+  min: number,
+  defaultScalar?: number,
+): number[] {
+  if (input == null) {
+    return [defaultScalar ?? min];
+  }
+  if (Array.isArray(input)) {
+    return [...input];
+  }
+  return [input as number];
+}
+
+export function denormalizeSliderValue(
+  values: readonly number[],
+  asArray: boolean,
+): number | number[] {
+  return asArray ? [...values] : values[0];
+}
+
+export function getClosestValueIndex(values: readonly number[], target: number): number {
+  if (values.length === 0) {
+    return 0;
+  }
+
+  let closestIndex = 0;
+  let closestDistance = Math.abs(values[0] - target);
+
+  for (let index = 1; index < values.length; index += 1) {
+    const distance = Math.abs(values[index] - target);
+    if (distance < closestDistance) {
+      closestDistance = distance;
+      closestIndex = index;
+    }
+  }
+
+  return closestIndex;
+}
+
+export function getFillExtent(
+  startPercent: number,
+  endPercent: number,
+  trackSize: number,
+  thumbSize: number,
+): { offset: number; length: number } {
+  if (trackSize <= 0) {
+    return { offset: 0, length: 0 };
+  }
+
+  const start = (clamp(startPercent, 0, 100) / 100) * trackSize;
+  const end = (clamp(endPercent, 0, 100) / 100) * trackSize;
+  const span = end - start;
+
+  if (span > 0) {
+    return { offset: start, length: span };
+  }
+
+  if (start <= 0) {
+    return { offset: 0, length: 0 };
+  }
+
+  const halfThumb = Math.max(thumbSize, 0) / 2;
+  const offset = clamp(start - halfThumb, 0, trackSize);
+  const endUnderThumb = clamp(start + halfThumb, 0, trackSize);
+
+  return { offset, length: endUnderThumb - offset };
+}
+
 export function getMarkerStepValues(min: number, max: number, step: number): number[] {
   if (step <= 0 || max <= min) {
     return [];