Function onTrackDown

packages/react-aria/src/color/useColorWheel.ts:183–213

(
    track: Element,
    id: number | null | undefined,
    pageX: number,
    pageY: number
  )

  };

  let onTrackDown = (
    track: Element,
    id: number | null | undefined,
    pageX: number,
    pageY: number
  ) => {
    let rect = track.getBoundingClientRect();
    let x = pageX - rect.x - rect.width / 2;
    let y = pageY - rect.y - rect.height / 2;
    let radius = Math.sqrt(x * x + y * y);
    if (
      innerRadius < radius &&
      radius < outerRadius &&
      !state.isDragging &&
      currentPointer.current === undefined
    ) {
      isOnTrack.current = true;
      currentPointer.current = id;
      state.setHueFromPoint(x, y, radius);

      focusInput();
      state.setDragging(true);

      if (typeof PointerEvent !== 'undefined') {
        addGlobalListener(window, 'pointerup', onTrackUp, false);
      } else {
        addGlobalListener(window, 'mouseup', onTrackUp, false);
        addGlobalListener(window, 'touchend', onTrackUp, false);
      }
    }
  };

  let onTrackUp = e => {
    let id = e.pointerId ?? e.changedTouches?.[0].identifier;