@genspectrum/dashboard-components 0.19.4 → 0.19.6

package/src/preact/relativeGrowthAdvantage/relative-growth-advantage.stories.tsx

@@ -7,6 +7,7 @@ import { RelativeGrowthAdvantage, type RelativeGrowthAdvantageProps } from './re
 import { AGGREGATED_ENDPOINT, LAPIS_URL } from '../../constants';
 import { LapisUrlContextProvider } from '../LapisUrlContext';
 import { expectInvalidAttributesErrorMessage } from '../shared/stories/expectErrorMessage';
+import { playThatExpectsFinishedLoadingEvent } from '../shared/stories/expectFinishedLoadingEvent';
 
 export default {
     title: 'Visualization/RelativeGrowthAdvantage',
@@ -90,6 +91,11 @@ export const Primary: StoryObj<RelativeGrowthAdvantageProps> = {
     },
 };
 
+export const FiresFinishedLoadingEvent: StoryObj<RelativeGrowthAdvantageProps> = {
+    ...Primary,
+    play: playThatExpectsFinishedLoadingEvent(),
+};
+
 export const TooFewDataToComputeGrowthAdvantage: StoryObj<RelativeGrowthAdvantageProps> = {
     ...Primary,
     args: {

package/src/preact/relativeGrowthAdvantage/relative-growth-advantage.tsx

@@ -9,6 +9,7 @@ import {
     type RelativeGrowthAdvantageData,
 } from '../../query/queryRelativeGrowthAdvantage';
 import { lapisFilterSchema, views } from '../../types';
+import { useDispatchFinishedLoadingEvent } from '../../utils/useDispatchFinishedLoadingEvent';
 import { useLapisUrl } from '../LapisUrlContext';
 import { ErrorBoundary } from '../components/error-boundary';
 import { Fullscreen } from '../components/fullscreen';
@@ -103,6 +104,8 @@ const RelativeGrowthAdvantageTabs: FunctionComponent<RelativeGrowthAdvantageTabs
     setYAxisScaleType,
     originalComponentProps,
 }) => {
+    const tabsRef = useDispatchFinishedLoadingEvent();
+
     const maintainAspectRatio = getMaintainAspectRatio(originalComponentProps.height);
 
     const getTab = (view: RelativeGrowthAdvantageView) => {
@@ -138,7 +141,7 @@ const RelativeGrowthAdvantageTabs: FunctionComponent<RelativeGrowthAdvantageTabs
         />
     );
 
-    return <Tabs tabs={tabs} toolbar={toolbar} />;
+    return <Tabs ref={tabsRef} tabs={tabs} toolbar={toolbar} />;
 };
 
 type RelativeGrowthAdvantageToolbarProps = {

package/src/preact/sequencesByLocation/sequences-by-location.stories.tsx

@@ -7,6 +7,7 @@ import { LapisUrlContextProvider } from '../LapisUrlContext';
 import aggregatedWorld from './__mockData__/aggregatedWorld.json';
 import { SequencesByLocation, type SequencesByLocationProps } from './sequences-by-location';
 import { expectInvalidAttributesErrorMessage, playThatExpectsErrorMessage } from '../shared/stories/expectErrorMessage';
+import { playThatExpectsFinishedLoadingEvent } from '../shared/stories/expectFinishedLoadingEvent';
 
 import 'leaflet/dist/leaflet.css';
 import './leafletStyleModifications.css';
@@ -92,6 +93,11 @@ export const Default: StoryObj<SequencesByLocationProps> = {
     },
 };
 
+export const FiresFinishedLoadingEvent: StoryObj<SequencesByLocationProps> = {
+    ...Default,
+    play: playThatExpectsFinishedLoadingEvent(),
+};
+
 export const NoData: StoryObj<SequencesByLocationProps> = {
     ...Default,
     parameters: {

package/src/preact/sequencesByLocation/sequences-by-location.tsx

@@ -11,6 +11,7 @@ import {
 } from '../../query/computeMapLocationData';
 import { type AggregateData } from '../../query/queryAggregateData';
 import { querySequencesByLocationData } from '../../query/querySequencesByLocationData';
+import { useDispatchFinishedLoadingEvent } from '../../utils/useDispatchFinishedLoadingEvent';
 import { CsvDownloadButton } from '../components/csv-download-button';
 import { ErrorBoundary } from '../components/error-boundary';
 import { Fullscreen } from '../components/fullscreen';
@@ -93,6 +94,8 @@ const SequencesByLocationMapTabs: FunctionComponent<SequencesByLocationMapTabsPr
     originalComponentProps,
     data,
 }) => {
+    const tabsRef = useDispatchFinishedLoadingEvent();
+
     const maintainAspectRatio = getMaintainAspectRatio(originalComponentProps.height);
 
     const getTab = (view: SequencesByLocationMapView) => {
@@ -136,6 +139,7 @@ const SequencesByLocationMapTabs: FunctionComponent<SequencesByLocationMapTabsPr
 
     return (
         <Tabs
+            ref={tabsRef}
             tabs={tabs}
             toolbar={<Toolbar originalComponentProps={originalComponentProps} tableData={data.tableData} />}
         />

package/src/preact/shared/stories/expectFinishedLoadingEvent.ts

@@ -0,0 +1,12 @@
+import { expect, fn, waitFor } from '@storybook/test';
+
+import { gsEventNames } from '../../../utils/gsEventNames';
+
+export function playThatExpectsFinishedLoadingEvent() {
+    return async ({ canvasElement }: { canvasElement: HTMLElement }) => {
+        const componentFinishedLoadingListenerMock = fn();
+        canvasElement.addEventListener(gsEventNames.componentFinishedLoading, componentFinishedLoadingListenerMock);
+
+        await waitFor(() => expect(componentFinishedLoadingListenerMock).toHaveBeenCalled());
+    };
+}

package/src/preact/statistic/statistics.stories.tsx

@@ -6,6 +6,7 @@ import { LapisUrlContextProvider } from '../LapisUrlContext';
 import denominatorData from './__mockData__/denominator.json';
 import numeratorData from './__mockData__/numerator.json';
 import { Statistics, type StatisticsProps } from './statistics';
+import { playThatExpectsFinishedLoadingEvent } from '../shared/stories/expectFinishedLoadingEvent';
 
 const meta: Meta<StatisticsProps> = {
     title: 'Visualization/Statistics',
@@ -78,3 +79,8 @@ export const Default: StoryObj<StatisticsProps> = {
         });
     },
 };
+
+export const FiresFinishedLoadingEvent: StoryObj<StatisticsProps> = {
+    ...Default,
+    play: playThatExpectsFinishedLoadingEvent(),
+};

package/src/preact/statistic/statistics.tsx

@@ -3,6 +3,7 @@ import z from 'zod';
 
 import { queryGeneralStatistics } from '../../query/queryGeneralStatistics';
 import { lapisFilterSchema } from '../../types';
+import { useDispatchFinishedLoadingEvent } from '../../utils/useDispatchFinishedLoadingEvent';
 import { useLapisUrl } from '../LapisUrlContext';
 import { ErrorBoundary } from '../components/error-boundary';
 import { LoadingDisplay } from '../components/loading-display';
@@ -60,9 +61,11 @@ type MetricDataTabsProps = {
 };
 
 const MetricDataTabs: FunctionComponent<MetricDataTabsProps> = ({ data }) => {
+    const ref = useDispatchFinishedLoadingEvent();
+
     const { count, proportion } = data;
     return (
-        <div className='flex flex-col sm:flex-row rounded-md border-2 border-gray-100 min-w-[180px]'>
+        <div ref={ref} className='flex flex-col sm:flex-row rounded-md border-2 border-gray-100 min-w-[180px]'>
             <div className='stat'>
                 <div className='stat-title'>Sequences</div>
                 <div className='stat-value text-2xl sm:text-4xl'>{count.toLocaleString('en-us')}</div>

package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.stories.tsx

@@ -1,5 +1,6 @@
 import { type Meta, type StoryObj } from '@storybook/preact';
-import { expect, userEvent } from '@storybook/test';
+import { expect, userEvent, waitFor } from '@storybook/test';
+import type { Canvas } from '@storybook/types';
 
 import { WastewaterMutationsOverTime, type WastewaterMutationsOverTimeProps } from './wastewater-mutations-over-time';
 import { WISE_DETAILS_ENDPOINT, WISE_LAPIS_URL } from '../../../constants';
@@ -7,6 +8,8 @@ import referenceGenome from '../../../lapisApi/__mockData__/referenceGenome.json
 import { LapisUrlContextProvider } from '../../LapisUrlContext';
 import { ReferenceGenomeContext } from '../../ReferenceGenomeContext';
 import details from './__mockData__/details.json';
+import type { MutationsOverTimeProps } from '../../mutationsOverTime/mutations-over-time';
+import { playThatExpectsFinishedLoadingEvent } from '../../shared/stories/expectFinishedLoadingEvent';
 
 const meta: Meta<WastewaterMutationsOverTimeProps> = {
     title: 'Wastewater visualization/Wastewater mutations over time',
@@ -65,6 +68,7 @@ export const Default: StoryObj<WastewaterMutationsOverTimeProps> = {
             ],
         },
     },
+    play: playThatExpectsFinishedLoadingEvent(),
 };
 
 export const ChangingRowsPerPageChangesItForEveryTag: StoryObj<WastewaterMutationsOverTimeProps> = {
@@ -108,3 +112,35 @@ export const AminoAcids: StoryObj<WastewaterMutationsOverTimeProps> = {
         });
     },
 };
+
+export const UsesMutationFilter: StoryObj<MutationsOverTimeProps> = {
+    ...Default,
+    play: async ({ canvas, step }) => {
+        await expectMutationOnPage(canvas, 'A966C');
+
+        await step('input filter', async () => {
+            const filterButton = canvas.getByRole('button', { name: 'Filter mutations' });
+            await userEvent.click(filterButton);
+
+            const filterInput = canvas.getByPlaceholderText('Filter');
+            await userEvent.type(filterInput, '26');
+        });
+
+        await step('should show only matching filter', async () => {
+            await expectMutationOnPage(canvas, 'T4026G');
+            await expectMutationOnPage(canvas, 'T5260C');
+
+            await waitFor(async () => {
+                const filteredMutation = canvas.queryByText('A966C');
+                await expect(filteredMutation).not.toBeInTheDocument();
+            });
+        });
+    },
+};
+
+async function expectMutationOnPage(canvas: Canvas, mutation: string) {
+    await waitFor(async () => {
+        const mutationOnFirstPage = canvas.getAllByText(mutation)[0];
+        await expect(mutationOnFirstPage).toBeVisible();
+    });
+}

package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.tsx

@@ -3,20 +3,24 @@ import { type Dispatch, type StateUpdater, useMemo, useState } from 'preact/hook
 import z from 'zod';
 
 import { computeWastewaterMutationsOverTimeDataPerLocation } from './computeWastewaterMutationsOverTimeDataPerLocation';
-import { lapisFilterSchema, sequenceTypeSchema } from '../../../types';
+import { lapisFilterSchema, type SequenceType, sequenceTypeSchema } from '../../../types';
 import { Map2dView } from '../../../utils/map2d';
+import { useDispatchFinishedLoadingEvent } from '../../../utils/useDispatchFinishedLoadingEvent';
 import { useLapisUrl } from '../../LapisUrlContext';
+import { useMutationAnnotationsProvider } from '../../MutationAnnotationsContext';
 import { type ColorScale } from '../../components/color-scale-selector';
 import { ColorScaleSelectorDropdown } from '../../components/color-scale-selector-dropdown';
 import { ErrorBoundary } from '../../components/error-boundary';
 import { Fullscreen } from '../../components/fullscreen';
 import Info, { InfoComponentCode, InfoHeadline1, InfoParagraph } from '../../components/info';
 import { LoadingDisplay } from '../../components/loading-display';
+import { MutationsOverTimeTextFilter } from '../../components/mutations-over-time-text-filter';
 import { NoDataDisplay } from '../../components/no-data-display';
 import { ResizeContainer } from '../../components/resize-container';
 import { type DisplayedSegment, SegmentSelector } from '../../components/segment-selector';
 import Tabs from '../../components/tabs';
 import { type MutationOverTimeDataMap } from '../../mutationsOverTime/MutationOverTimeData';
+import { mutationOrAnnotationDoNotMatchFilter } from '../../mutationsOverTime/getFilteredMutationsOverTimeData';
 import MutationsOverTimeGrid from '../../mutationsOverTime/mutations-over-time-grid';
 import { pageSizesSchema } from '../../shared/tanstackTable/pagination';
 import { PageSizeContextProvider } from '../../shared/tanstackTable/pagination-context';
@@ -111,13 +115,23 @@ type MutationOverTimeTabsProps = {
 function getFilteredMutationOverTimeData({
     data,
     displayedSegments,
+    mutationFilterValue,
+    annotationProvider,
+    sequenceType,
 }: {
     data: MutationOverTimeDataMap;
     displayedSegments: DisplayedSegment[];
+    mutationFilterValue: string;
+    sequenceType: SequenceType;
+    annotationProvider: ReturnType<typeof useMutationAnnotationsProvider>;
 }): MutationOverTimeDataMap {
     const filteredData = new Map2dView(data);
 
     const mutationsToFilterOut = data.getFirstAxisKeys().filter((entry) => {
+        if (mutationOrAnnotationDoNotMatchFilter(entry, sequenceType, mutationFilterValue, annotationProvider)) {
+            return true;
+        }
+
         return displayedSegments.some((segment) => segment.segment === entry.segment && !segment.checked);
     });
 
@@ -132,6 +146,11 @@ const MutationsOverTimeTabs: FunctionComponent<MutationOverTimeTabsProps> = ({
     mutationOverTimeDataPerLocation,
     originalComponentProps,
 }) => {
+    const tabsRef = useDispatchFinishedLoadingEvent();
+
+    const [mutationFilterValue, setMutationFilterValue] = useState('');
+    const annotationProvider = useMutationAnnotationsProvider();
+
     const [colorScale, setColorScale] = useState<ColorScale>({ min: 0, max: 1, color: 'indigo' });
     const [displayedSegments, setDisplayedSegments] = useDisplayedSegments(mutationOverTimeDataPerLocation);
 
@@ -141,14 +160,28 @@ const MutationsOverTimeTabs: FunctionComponent<MutationOverTimeTabsProps> = ({
                 title: location,
                 content: (
                     <MutationsOverTimeGrid
-                        data={getFilteredMutationOverTimeData({ data, displayedSegments })}
+                        data={getFilteredMutationOverTimeData({
+                            data,
+                            displayedSegments,
+                            mutationFilterValue,
+                            annotationProvider,
+                            sequenceType: originalComponentProps.sequenceType,
+                        })}
                         colorScale={colorScale}
                         pageSizes={originalComponentProps.pageSizes}
                         sequenceType={originalComponentProps.sequenceType}
                     />
                 ),
             })),
-        [mutationOverTimeDataPerLocation, displayedSegments, colorScale, originalComponentProps],
+        [
+            mutationOverTimeDataPerLocation,
+            displayedSegments,
+            mutationFilterValue,
+            annotationProvider,
+            colorScale,
+            originalComponentProps.pageSizes,
+            originalComponentProps.sequenceType,
+        ],
     );
 
     const toolbar = (
@@ -159,12 +192,14 @@ const MutationsOverTimeTabs: FunctionComponent<MutationOverTimeTabsProps> = ({
             data={mutationOverTimeDataPerLocation}
             displayedSegments={displayedSegments}
             setDisplayedSegments={setDisplayedSegments}
+            setFilterValue={setMutationFilterValue}
+            mutationFilterValue={mutationFilterValue}
         />
     );
 
     return (
         <PageSizeContextProvider pageSizes={originalComponentProps.pageSizes}>
-            <Tabs tabs={tabs} toolbar={toolbar} />
+            <Tabs ref={tabsRef} tabs={tabs} toolbar={toolbar} />
         </PageSizeContextProvider>
     );
 };
@@ -176,6 +211,8 @@ type ToolbarProps = {
     data: MutationOverTimeDataPerLocation;
     displayedSegments: DisplayedSegment[];
     setDisplayedSegments: (segments: DisplayedSegment[]) => void;
+    mutationFilterValue: string;
+    setFilterValue: (filterValue: string) => void;
 };
 
 const Toolbar: FunctionComponent<ToolbarProps> = ({
@@ -184,9 +221,12 @@ const Toolbar: FunctionComponent<ToolbarProps> = ({
     originalComponentProps,
     displayedSegments,
     setDisplayedSegments,
+    setFilterValue,
+    mutationFilterValue,
 }) => {
     return (
         <>
+            <MutationsOverTimeTextFilter setFilterValue={setFilterValue} value={mutationFilterValue} />
             <ColorScaleSelectorDropdown colorScale={colorScale} setColorScale={setColorScale} />
             <SegmentSelector
                 displayedSegments={displayedSegments}

package/src/utilEntrypoint.ts

@@ -40,3 +40,5 @@ export { TextFilterChangedEvent } from './preact/textFilter/TextFilterChangedEve
 export type { MutationAnnotations, MutationAnnotation } from './web-components/mutation-annotations-context';
 
 export { gsEventNames } from './utils/gsEventNames';
+
+export { type NumberRange } from './preact/numberRangeFilter/NumberRangeFilterChangedEvent';

package/src/utils/gsEventNames.ts

@@ -1,5 +1,6 @@
 export const gsEventNames = {
     error: 'gs-error',
+    componentFinishedLoading: 'gs-component-finished-loading',
     dateRangeFilterChanged: 'gs-date-range-filter-changed',
     dateRangeOptionChanged: 'gs-date-range-option-changed',
     mutationFilterChanged: 'gs-mutation-filter-changed',

package/src/utils/useDispatchFinishedLoadingEvent.ts

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'preact/hooks';
+
+import { gsEventNames } from './gsEventNames';
+
+export function useDispatchFinishedLoadingEvent() {
+    const ref = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        if (ref.current === null) {
+            return;
+        }
+
+        ref.current.dispatchEvent(
+            new CustomEvent(gsEventNames.componentFinishedLoading, { bubbles: true, composed: true }),
+        );
+    }, [ref]);
+
+    return ref;
+}

package/src/web-components/visualization/gs-aggregate.tsx

@@ -30,6 +30,9 @@ import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsS
  *
  * The chart shows the bars with the highest aggregated `count`.
  * The number of bars can be adjusted with the `maxNumberOfBars` property.
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-aggregate')
 export class AggregateComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/visualization/gs-genome-data-viewer.tsx

@@ -10,6 +10,8 @@ import { PreactLitAdapter } from '../PreactLitAdapter';
  * This component shows the Coding Sequence (CDS) of a genome using a gff3 file as input.
  * The CDS shows which parts of the genome are translated into proteins.
  *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data.
  */
 @customElement('gs-genome-data-viewer')
 export class GenomeDataViewerComponent extends PreactLitAdapter {

package/src/web-components/visualization/gs-mutation-comparison.tsx

@@ -34,6 +34,9 @@ import { type MutationAnnotations, mutationAnnotationsContext } from '../mutatio
  * selected proportion interval.
  * Thus, changing the proportion interval may change a mutations from being "common" between the datasets
  * to being "for one dataset only".
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-mutation-comparison')
 export class MutationComparisonComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/visualization/gs-mutations-over-time.tsx

@@ -38,6 +38,9 @@ import { type MutationAnnotations, mutationAnnotationsContext } from '../mutatio
  * Users can filter the displayed rows by mean proportion via a slider in the toolbar.
  * The mean proportion of each row is calculated by LAPIS over the whole data range that the component displays.
  * The initial mean proportion can be set via `initialMeanProportionInterval`.
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-mutations-over-time')
 export class MutationsOverTimeComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/visualization/gs-mutations.tsx

@@ -60,6 +60,8 @@ import { type MutationAnnotations, mutationAnnotationsContext } from '../mutatio
  *
  * The insertions view shows the count of all insertions for the dataset.
  *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-mutations')
 export class MutationsComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/visualization/gs-number-sequences-over-time.tsx

@@ -19,6 +19,9 @@ import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsS
  * Thus, the `lapisFilter` implicitly also defines the range that is shown on the x-axis.
  * If you want to restrict the x-axis to a smaller date range,
  * then you need to set appropriate filter values in the `lapisFilter`.
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-number-sequences-over-time')
 export class NumberSequencesOverTimeComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/visualization/gs-prevalence-over-time.tsx

@@ -41,6 +41,9 @@ import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsS
  * ### Table View
  *
  * Displays the prevalence over time as a table with one row per time point.
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-prevalence-over-time')
 export class PrevalenceOverTimeComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/visualization/gs-relative-growth-advantage.tsx

@@ -33,6 +33,9 @@ import { PreactLitAdapter } from '../PreactLitAdapter';
  * The dots in the plot show the proportions of the focal variant (defined by the `numeratorFilter`) to the baseline variant (defined by the `denominatorFilter`)
  * for every day as observed in the data.
  * The line shows a logistic curve fitted to the data points, including a 95% confidence interval.
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-relative-growth-advantage')
 export class RelativeGrowthAdvantageComponent extends PreactLitAdapter {

package/src/web-components/visualization/gs-sequences-by-location.tsx

@@ -94,6 +94,9 @@ const leafletModificationsCss = unsafeCSS(leafletStyleModifications);
  * - `lapisLocationField`,
  * - `count` (the number of samples in this location matching the `lapisFilter`),
  * - `proportion` (`count` / sum of the `count` of all locations).
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-sequences-by-location')
 export class SequencesByLocationComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/visualization/gs-statistics.tsx

@@ -10,6 +10,9 @@ import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsS
  *
  * This component displays general statistics (number of sequences, overall proportion)
  * for a given numerator and denominator filter.
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-statistics')
 export class StatisticsComponent extends PreactLitAdapterWithGridJsStyles {

package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.tsx

@@ -24,6 +24,9 @@ import { type MutationAnnotations, mutationAnnotationsContext } from '../mutatio
  * This component also assumes that the LAPIS instance has the field `date` which can be used for the time axis.
  *
  * @slot infoText - Additional information text to be shown in the info modal (the "?" button).
+ *
+ * @fires {CustomEvent<undefined>} gs-component-finished-loading
+ * Fired when the component has finished loading the required data from LAPIS.
  */
 @customElement('gs-wastewater-mutations-over-time')
 export class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGridJsStyles {