const DEFAULT_GIZMO_STYLE: {
moveX: {
color: number[],
width: number,
range: number,
zBias: number,
},
moveY: {
color: number[],
width: number,
range: number,
zBias: number,
},
moveZ: {
color: number[],
width: number,
range: number,
zBias: number,
},
moveX:hover: {
width: number,
},
moveY:hover: {
width: number,
},
moveZ:hover: {
width: number,
},
moveXY: {
stroke: number[],
fill: number[],
width: number,
},
moveYZ: {
stroke: number[],
fill: number[],
width: number,
},
moveZX: {
stroke: number[],
fill: number[],
width: number,
},
moveXY:hover: {
stroke: number[],
fill: number[],
},
moveYZ:hover: {
stroke: number[],
fill: number[],
},
moveZX:hover: {
stroke: number[],
fill: number[],
},
rotateX: {
color: number[],
width: number,
range: number,
},
rotateY: {
color: number[],
width: number,
range: number,
},
rotateZ: {
color: number[],
width: number,
range: number,
},
rotateX:hover: {
color: number[],
width: number,
},
rotateY:hover: {
color: number[],
width: number,
},
rotateZ:hover: {
color: number[],
width: number,
},
scaleX: {
color: number[],
size: number,
range: number,
zBias: number,
},
scaleY: {
color: number[],
size: number,
range: number,
zBias: number,
},
scaleZ: {
color: number[],
size: number,
range: number,
zBias: number,
},
scaleX:hover: {
size: number,
},
scaleY:hover: {
size: number,
},
scaleZ:hover: {
size: number,
},
}
packages / interact / src / controls / gizmo.ts