Feat: Add configurable distance calculation methods

[Braggiouy]

Based on the following issue: → Wrong decision on distance measurement SpatialNavigation.ts :getSecondaryAxisDistance()

We wanted to improve the way on how we handle the algorithm that takes care of the distance calculation between two elements.

This implementation allows developers to choose the best method for navigating between focusable elements. Using corners is ideal for siblings of the same size, while the center method is better suited for siblings of varying sizes. Additionally, the edges option provides another method for edge-based distance calculations.

Quick summary :

• Added a new initialization option distanceCalculationMethod in the init method. This option accepts three values: center, edges, and corners(default).
• Updated the getSecondaryAxisDistance method to support different distance calculation methods.

Usage:

init({
  debug: false,
  visualDebug: false,
  distanceCalculationMethod: 'center',
  // other options
});

Working Demo With Asset sizing modifications :
distanceCalculationMethod: 'center'

Grabacion.de.pantalla.2024-08-05.a.las.10.15.49.mov

Feel free to add any improvement or suggestion to this implementation.

[predikament]

This change looks good to me - Especially that people can pass their custom function as needed.

Let's sort out the conflicts and get this change in.

@asgvard: Agreed?

[asgvard]

Looks very good 💯