Adds UI elements to the score set page to allow users to search for specific variants.
Adds an auto complete search bar above the histogram and heatmap. Users may enter text into the auto complete and any matching HGVS strings will display below it for the user to select.
The selected variant is now passed as a prop to the histogram and heatmap. When this prop is null, the histogram and heatmap behave as they do now. When a user selects a variant in the auto complete, the variant is passed to the visualizations as the external selection.
The histogram will highlight the bin containing the external selection and display a tooltip with information about the bin.
The heatmap will highlight both the variant square and stacked variant bar in addition to showing a tooltip with information about the variant.
When you mouse over the histogram while a variant is selected, the tooltip will disappear and the tooltip related to your mouse over will display. When your mouse leaves the histogram focus, the selected variant tooltip will show up again.
When you mouse over the heatmap while a variant is selected, an additional tooltip will display. If you mouse over the selected variant, it will disappear. When your mouse leaves the focus area for the heatmap, the additional tooltip will dissapear.
Selecting a variant in the auto complete will scroll to the variant's position in the heatmap, if it is not already on the screen.
Removed some unused code for clicks in the heatmap definition.
Added an emits event for clicking a square in the heatmap. If you click a variant, the variant you click will be emitted to the parent component. This event is used by the score set view to change the variant selection.
Adds UI elements to the score set page to allow users to search for specific variants.
Adds an auto complete search bar above the histogram and heatmap. Users may enter text into the auto complete and any matching HGVS strings will display below it for the user to select.
The selected variant is now passed as a prop to the histogram and heatmap. When this prop is null, the histogram and heatmap behave as they do now. When a user selects a variant in the auto complete, the variant is passed to the visualizations as the external selection.
The histogram will highlight the bin containing the external selection and display a tooltip with information about the bin.
The heatmap will highlight both the variant square and stacked variant bar in addition to showing a tooltip with information about the variant.
When you mouse over the histogram while a variant is selected, the tooltip will disappear and the tooltip related to your mouse over will display. When your mouse leaves the histogram focus, the selected variant tooltip will show up again.
When you mouse over the heatmap while a variant is selected, an additional tooltip will display. If you mouse over the selected variant, it will disappear. When your mouse leaves the focus area for the heatmap, the additional tooltip will dissapear.
Selecting a variant in the auto complete will scroll to the variant's position in the heatmap, if it is not already on the screen.
Removed some unused code for clicks in the heatmap definition.
Added an
emits
event for clicking a square in the heatmap. If you click a variant, the variant you click will be emitted to the parent component. This event is used by the score set view to change the variant selection.