{#if matrix}
{#key matrix}
{@const shear_matrix = new Matrix4().makeBasis(
new Vector3(...matrix[0]),
new Vector3(...matrix[1]),
new Vector3(...matrix[2]),
)}
{@const box_geometry = new BoxGeometry(1, 1, 1).applyMatrix4(shear_matrix)}
{#if cell_edge_opacity > 0}
{@const edges_geometry = new EdgesGeometry(box_geometry)}
{@const edge_segments = get_edge_segments(edges_geometry)}
{#each edge_segments as [start, end], idx (idx)}
{@const { position, rotation, length } = get_cylinder_transform(start, end)}
{/each}
{/if}
{#if cell_surface_opacity > 0}
{/if}
{#if show_cell_vectors}
{#each matrix as vec, idx (vec)}
{@const shaft_length = Math.hypot(...vec) * 0.85}
{@const tip_start_position = math.scale(vec, 0.85)}
{@const quaternion = new Quaternion().setFromUnitVectors(
new Vector3(0, 1, 0), // Default up direction for cylinder/cone
new Vector3(...vec).normalize(),
)}
{@const rotation = new Euler()
.setFromQuaternion(quaternion)
.toArray()
.slice(0, 3) as Vec3}
{@const shaft_center = math.scale(vec, 0.425)}
hovered_idx = idx}
onpointerleave={() => hovered_idx = null}
>
hovered_idx = idx}
onpointerleave={() => hovered_idx = null}
>
{/each}
{#if hovered_idx !== null && matrix}
{@const hovered_vec = matrix[hovered_idx]}
{@const tooltip_position = math.add(vector_origin, hovered_vec)}
{[`A`, `B`, `C`][hovered_idx]}
({hovered_vec.map((coord) => format_num(coord, float_fmt)).join(`, `)}) Å
{/if}
{/if}
{/key}
{/if}