@genspectrum/dashboard-components 0.10.4 → 0.11.1

package/dist/components.d.ts

@@ -35,12 +35,17 @@ export declare class AggregateComponent extends PreactLitAdapterWithGridJsStyles
     /**
      * A list of tabs with views that this component should provide.
      */
-    views: View[];
+    views: AggregateView[];
     /**
      * The filter to apply to the data.
      * It must be a valid LAPIS filter object.
      */
-    filter: LapisFilter;
+    lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * The width of the component.
      *
@@ -70,6 +75,10 @@ export declare class AggregateComponent extends PreactLitAdapterWithGridJsStyles
     render(): JSX_2.Element;
 }
 
+declare type AggregateView = default_2.infer<typeof aggregateViewSchema>;
+
+declare const aggregateViewSchema: default_2.ZodLiteral<"table">;
+
 /**
  * ## Context
  *
@@ -187,9 +196,9 @@ export declare class DateRangeSelectorComponent extends PreactLitAdapter {
      */
     width: string;
     /**
-     * The name of the column in LAPIS that contains the date information.
+     * The name of the metadata field in LAPIS that contains the date information.
      */
-    dateColumn: string;
+    lapisDateField: string;
     render(): JSX_2.Element;
 }
 
@@ -199,10 +208,6 @@ declare class ErrorEvent_2 extends Event {
 }
 export { ErrorEvent_2 as ErrorEvent }
 
-declare type LapisFilter = default_2.infer<typeof lapisFilterSchema>;
-
-declare const lapisFilterSchema: default_2.ZodRecord<default_2.ZodString, default_2.ZodUnion<[default_2.ZodString, default_2.ZodNumber, default_2.ZodNull, default_2.ZodBoolean]>>;
-
 /**
  *
  * ## Context
@@ -343,7 +348,12 @@ export declare class MutationComparisonComponent extends PreactLitAdapterWithGri
      * It should be human-readable.
      */
     lapisFilters: {
-        lapisFilter: Record<string, string | number | null | boolean>;
+        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+            nucleotideMutations?: string[];
+            aminoAcidMutations?: string[];
+            nucleotideInsertions?: string[];
+            aminoAcidInsertions?: string[];
+        };
         displayName: string;
     }[];
     /**
@@ -471,7 +481,12 @@ export declare class MutationsComponent extends PreactLitAdapterWithGridJsStyles
     /**
      * LAPIS filter to select the displayed data. If not provided, all data is displayed.
      */
-    lapisFilter: Record<string, string | number | null | boolean>;
+    lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * The type of the sequence for which the mutations should be shown.
      */
@@ -529,7 +544,12 @@ export declare class MutationsOverTimeComponent extends PreactLitAdapterWithGrid
     /**
      * LAPIS filter to select the displayed data. If not provided, all data is displayed.
      */
-    lapisFilter: Record<string, string | number | null | boolean>;
+    lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * The type of the sequence for which the mutations should be shown.
      */
@@ -587,11 +607,13 @@ export declare class NumberSequencesOverTimeComponent extends PreactLitAdapterWi
      * The `displayName` will be used to label the component views.
      * It should be human-readable.
      *
-     */ lapisFilter: {
-        lapisFilter: Record<string, string | number | null | boolean>;
-        displayName: string;
-    } | {
-        lapisFilter: Record<string, string | number | null | boolean>;
+     */ lapisFilters: {
+        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+            nucleotideMutations?: string[];
+            aminoAcidMutations?: string[];
+            nucleotideInsertions?: string[];
+            aminoAcidInsertions?: string[];
+        };
         displayName: string;
     }[];
     /**
@@ -700,18 +722,25 @@ export declare class PrevalenceOverTimeComponent extends PreactLitAdapterWithGri
      * It should be human-readable.
      *
      */
-    numeratorFilter: {
-        lapisFilter: Record<string, string | number | null | boolean>;
-        displayName: string;
-    } | {
-        lapisFilter: Record<string, string | number | null | boolean>;
+    numeratorFilters: {
+        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+            nucleotideMutations?: string[];
+            aminoAcidMutations?: string[];
+            nucleotideInsertions?: string[];
+            aminoAcidInsertions?: string[];
+        };
         displayName: string;
     }[];
     /**
      * The LAPIS filter, to select the data of the reference.
      * It must be a valid LAPIS filter object.
      */
-    denominatorFilter: Record<string, string | number | null | boolean>;
+    denominatorFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * The granularity of the time axis.
      */
@@ -854,12 +883,22 @@ export declare class RelativeGrowthAdvantageComponent extends PreactLitAdapter {
      * LAPIS filter to select the data of the focal variant.
      * It must be a valid LAPIS filter object.
      */
-    numeratorFilter: Record<string, string | number | null | boolean>;
+    numeratorFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * LAPIS filter to select the data of the baseline variant.
      * It must be a valid LAPIS filter object.
      */
-    denominatorFilter: Record<string, string | number | null | boolean>;
+    denominatorFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * The generation time represents the number of days over which the variant's relative growth advantage is measured.
      * For example, if we set a generation time of 7 days, then we estimate the growth advantage per week.
@@ -996,7 +1035,12 @@ export declare class SequencesByLocationComponent extends PreactLitAdapterWithGr
      * If you want to display the distribution over the states of a certain country,
      * you should usually filter by that country here (e.g. { country: 'USA' }).
      */
-    lapisFilter: Record<string, string | number | null | boolean>;
+    lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * Required.
      *
@@ -1072,12 +1116,22 @@ export declare class StatisticsComponent extends PreactLitAdapterWithGridJsStyle
      * The filter to apply to the data for the overall number of sequences and as the numerator for the proportion.
      * It must be a valid LAPIS filter object.
      */
-    numeratorFilter: LapisFilter;
+    numeratorFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * The filter to apply to the data for the denominator of the proportion.
      * It must be a valid LAPIS filter object.
      */
-    denominatorFilter: LapisFilter;
+    denominatorFilter: Record<string, string | string[] | number | null | boolean | undefined> & {
+        nucleotideMutations?: string[];
+        aminoAcidMutations?: string[];
+        nucleotideInsertions?: string[];
+        aminoAcidInsertions?: string[];
+    };
     /**
      * The width of the component.
      *
@@ -1139,10 +1193,6 @@ export declare class UserFacingError extends Error {
     constructor(headline: string, message: string);
 }
 
-declare type View = default_2.infer<typeof viewSchema>;
-
-declare const viewSchema: default_2.ZodLiteral<"table">;
-
 export { }
 
 
@@ -1376,7 +1426,7 @@ declare global {
         'gs-mutation-filter': MutationFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-mutation-filter-changed': CustomEvent<SelectedMutationFilterStrings>;
+        'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
     }
 }
 

package/dist/components.js

@@ -6,7 +6,7 @@ import { options, createContext as createContext$1, Fragment, render } from "pre
 import { Grid } from "gridjs";
 import { Chart, registerables, Scale } from "chart.js";
 import { VennDiagramController, ArcSlice, extractSets } from "chartjs-chart-venn";
-import { n as namedLapisFilterSchema, s as sequenceTypeSchema, m as mutationComparisonViewSchema, v as views, l as lapisFilterSchema, t as temporalGranularitySchema, a as dateRangeOptionSchema, b as toYYYYMMDD, D as DateRangeOptionChangedEvent } from "./dateRangeOption-Doo6WHKu.js";
+import { v as views, n as namedLapisFilterSchema, s as sequenceTypeSchema, l as lapisFilterSchema, t as temporalGranularitySchema, a as dateRangeOptionSchema, b as toYYYYMMDD, D as DateRangeOptionChangedEvent, m as mutationsFilterSchema } from "./dateRangeOption-Bh2p78z0.js";
 import { autoUpdate, computePosition, offset, shift, flip } from "@floating-ui/dom";
 import { ReactiveElement } from "@lit/reactive-element";
 import { BarWithErrorBarsController, BarWithErrorBar } from "chartjs-chart-error-bars";
@@ -2038,6 +2038,7 @@ function useQuery(fetchDataCallback, dependencies) {
   }
   return { data, error: null, isLoading: false };
 }
+const mutationComparisonViewSchema = z$1.union([z$1.literal(views.table), z$1.literal(views.venn)]);
 const mutationComparisonPropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
@@ -5640,11 +5641,11 @@ function filterMutationsData(data, displayedSegments, displayedMutationTypes) {
     gridData: filteredSubstitutionsOrDeletions
   };
 }
-const viewSchema$4 = z$1.union([z$1.literal(views.table), z$1.literal(views.grid), z$1.literal(views.insertions)]);
+const mutationsViewSchema = z$1.union([z$1.literal(views.table), z$1.literal(views.grid), z$1.literal(views.insertions)]);
 const mutationsPropsSchema = z$1.object({
   lapisFilter: lapisFilterSchema,
   sequenceType: sequenceTypeSchema,
-  views: viewSchema$4.array(),
+  views: mutationsViewSchema.array(),
   pageSize: z$1.union([z$1.boolean(), z$1.number()]),
   width: z$1.string(),
   height: z$1.string()
@@ -5956,7 +5957,7 @@ const confidenceIntervalDataLabel = (value, lowerLimit, upperLimit, prefix) => {
 };
 const confidenceIntervalMethodSchema = z$1.union([z$1.literal("wilson"), z$1.literal("none")]);
 const axisMaxSchema = z$1.union([z$1.literal("maxInData"), z$1.literal("limitTo1"), z$1.number()]);
-const yAxisMaxConfigSchema = z$1.object({
+z$1.object({
   linear: axisMaxSchema.optional(),
   logarithmic: axisMaxSchema.optional()
 });
@@ -7019,12 +7020,6 @@ function getMinMaxNumber(values) {
   }
   return [min, max];
 }
-function makeArray(arrayOrSingleItem) {
-  if (Array.isArray(arrayOrSingleItem)) {
-    return arrayOrSingleItem;
-  }
-  return [arrayOrSingleItem];
-}
 Chart.register(...registerables, LogitScale);
 const PrevalenceOverTimeBubbleChart = ({
   data,
@@ -7450,8 +7445,7 @@ class DivisionOperator {
     return { content };
   }
 }
-function queryPrevalenceOverTime(numeratorFilter, denominatorFilter, granularity, smoothingWindow, lapis, lapisDateField, signal) {
-  const numeratorFilters = makeArray(numeratorFilter);
+function queryPrevalenceOverTime(numeratorFilters, denominatorFilter, granularity, smoothingWindow, lapis, lapisDateField, signal) {
   const denominatorData = queryAggregatedDataOverTime(
     denominatorFilter,
     granularity,
@@ -7543,7 +7537,7 @@ const ScalingSelector = ({
     }
   );
 };
-const viewSchema$3 = z$1.union([
+const prevalenceOverTimeViewSchema = z$1.union([
   z$1.literal(views.table),
   z$1.literal(views.bar),
   z$1.literal(views.line),
@@ -7552,11 +7546,11 @@ const viewSchema$3 = z$1.union([
 const prevalenceOverTimePropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
-  numeratorFilter: z$1.union([namedLapisFilterSchema, z$1.array(namedLapisFilterSchema)]),
+  numeratorFilters: z$1.array(namedLapisFilterSchema).min(1),
   denominatorFilter: lapisFilterSchema,
   granularity: temporalGranularitySchema,
   smoothingWindow: z$1.number(),
-  views: z$1.array(viewSchema$3),
+  views: z$1.array(prevalenceOverTimeViewSchema),
   confidenceIntervalMethods: z$1.array(confidenceIntervalMethodSchema),
   lapisDateField: z$1.string().min(1),
   pageSize: z$1.union([z$1.boolean(), z$1.number()]),
@@ -7569,18 +7563,18 @@ const PrevalenceOverTime = (componentProps) => {
   return /* @__PURE__ */ u$1(ErrorBoundary, { size, schema: prevalenceOverTimePropsSchema, componentProps, children: /* @__PURE__ */ u$1(ResizeContainer, { size, children: /* @__PURE__ */ u$1(PrevalenceOverTimeInner, { ...componentProps }) }) });
 };
 const PrevalenceOverTimeInner = (componentProps) => {
-  const { numeratorFilter, denominatorFilter, granularity, smoothingWindow, lapisDateField } = componentProps;
+  const { numeratorFilters, denominatorFilter, granularity, smoothingWindow, lapisDateField } = componentProps;
   const lapis = x(LapisUrlContext);
   const { data, error, isLoading } = useQuery(
     () => queryPrevalenceOverTime(
-      numeratorFilter,
+      numeratorFilters,
       denominatorFilter,
       granularity,
       smoothingWindow,
       lapis,
       lapisDateField
     ),
-    [lapis, numeratorFilter, denominatorFilter, granularity, smoothingWindow, lapisDateField]
+    [lapis, numeratorFilters, denominatorFilter, granularity, smoothingWindow, lapisDateField]
   );
   if (isLoading) {
     return /* @__PURE__ */ u$1(LoadingDisplay, {});
@@ -7742,7 +7736,7 @@ var __decorateClass$b = (decorators, target, key, kind) => {
 let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles {
   constructor() {
     super(...arguments);
-    this.numeratorFilter = { displayName: "", lapisFilter: {} };
+    this.numeratorFilters = [];
     this.denominatorFilter = {};
     this.granularity = "day";
     this.smoothingWindow = 0;
@@ -7759,7 +7753,7 @@ let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles
     return /* @__PURE__ */ u$1(
       PrevalenceOverTime,
       {
-        numeratorFilter: this.numeratorFilter,
+        numeratorFilters: this.numeratorFilters,
         denominatorFilter: this.denominatorFilter,
         granularity: this.granularity,
         smoothingWindow: this.smoothingWindow,
@@ -7777,7 +7771,7 @@ let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles
 };
 __decorateClass$b([
   n2({ type: Object })
-], PrevalenceOverTimeComponent.prototype, "numeratorFilter", 2);
+], PrevalenceOverTimeComponent.prototype, "numeratorFilters", 2);
 __decorateClass$b([
   n2({ type: Object })
 ], PrevalenceOverTimeComponent.prototype, "denominatorFilter", 2);
@@ -8041,16 +8035,17 @@ function toYearMonthDay(d2) {
     count: d2.count
   };
 }
-const viewSchema$2 = z$1.literal(views.line);
+const relativeGrowthAdvantageViewSchema = z$1.literal(views.line);
 const relativeGrowthAdvantagePropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
   numeratorFilter: lapisFilterSchema,
   denominatorFilter: lapisFilterSchema,
   generationTime: z$1.number(),
-  views: z$1.array(viewSchema$2),
+  views: z$1.array(relativeGrowthAdvantageViewSchema),
   lapisDateField: z$1.string().min(1),
-  yAxisMaxConfig: yAxisMaxConfigSchema
+  yAxisMaxLinear: axisMaxSchema,
+  yAxisMaxLogarithmic: axisMaxSchema
 });
 const RelativeGrowthAdvantage = (componentProps) => {
   const { width, height } = componentProps;
@@ -8107,7 +8102,10 @@ const RelativeGrowthAdvantageTabs = ({
                 params: data.params
               },
               yAxisScaleType,
-              yAxisMaxConfig: originalComponentProps.yAxisMaxConfig
+              yAxisMaxConfig: {
+                linear: originalComponentProps.yAxisMaxLinear,
+                logarithmic: originalComponentProps.yAxisMaxLogarithmic
+              }
             }
           )
         };
@@ -8202,10 +8200,8 @@ let RelativeGrowthAdvantageComponent = class extends PreactLitAdapter {
         width: this.width,
         height: this.height,
         lapisDateField: this.lapisDateField,
-        yAxisMaxConfig: {
-          linear: this.yAxisMaxLinear,
-          logarithmic: this.yAxisMaxLogarithmic
-        }
+        yAxisMaxLinear: this.yAxisMaxLinear,
+        yAxisMaxLogarithmic: this.yAxisMaxLogarithmic
       }
     );
   }
@@ -8288,11 +8284,11 @@ const AggregateTable = ({ data, fields, pageSize }) => {
   ];
   return /* @__PURE__ */ u$1(Table, { data, columns: headers, pageSize });
 };
-const viewSchema$1 = z$1.literal(views.table);
+const aggregateViewSchema = z$1.literal(views.table);
 const aggregatePropsSchema = z$1.object({
-  filter: lapisFilterSchema,
+  lapisFilter: lapisFilterSchema,
   fields: z$1.array(z$1.string().min(1)),
-  views: z$1.array(viewSchema$1),
+  views: z$1.array(aggregateViewSchema),
   initialSortField: z$1.string(),
   initialSortDirection: z$1.union([z$1.literal("ascending"), z$1.literal("descending")]),
   pageSize: z$1.union([z$1.boolean(), z$1.number()]),
@@ -8305,11 +8301,14 @@ const Aggregate = (componentProps) => {
   return /* @__PURE__ */ u$1(ErrorBoundary, { size, schema: aggregatePropsSchema, componentProps, children: /* @__PURE__ */ u$1(ResizeContainer, { size, children: /* @__PURE__ */ u$1(AggregateInner, { ...componentProps }) }) });
 };
 const AggregateInner = (componentProps) => {
-  const { fields, filter, initialSortField, initialSortDirection } = componentProps;
+  const { fields, lapisFilter, initialSortField, initialSortDirection } = componentProps;
   const lapis = x(LapisUrlContext);
   const { data, error, isLoading } = useQuery(async () => {
-    return queryAggregateData(filter, fields, lapis, { field: initialSortField, direction: initialSortDirection });
-  }, [filter, fields, lapis]);
+    return queryAggregateData(lapisFilter, fields, lapis, {
+      field: initialSortField,
+      direction: initialSortDirection
+    });
+  }, [lapisFilter, fields, lapis]);
   if (isLoading) {
     return /* @__PURE__ */ u$1(LoadingDisplay, {});
   }
@@ -8376,7 +8375,7 @@ let AggregateComponent = class extends PreactLitAdapterWithGridJsStyles {
     super(...arguments);
     this.fields = [];
     this.views = ["table"];
-    this.filter = {};
+    this.lapisFilter = {};
     this.width = "100%";
     this.height = "700px";
     this.initialSortField = "count";
@@ -8389,7 +8388,7 @@ let AggregateComponent = class extends PreactLitAdapterWithGridJsStyles {
       {
         fields: this.fields,
         views: this.views,
-        filter: this.filter,
+        lapisFilter: this.lapisFilter,
         width: this.width,
         height: this.height,
         initialSortField: this.initialSortField,
@@ -8407,7 +8406,7 @@ __decorateClass$9([
 ], AggregateComponent.prototype, "views", 2);
 __decorateClass$9([
   n2({ type: Object })
-], AggregateComponent.prototype, "filter", 2);
+], AggregateComponent.prototype, "lapisFilter", 2);
 __decorateClass$9([
   n2({ type: String })
 ], AggregateComponent.prototype, "width", 2);
@@ -8566,11 +8565,10 @@ const NumberSequencesOverTimeTable = ({ data, granularity, pageSize }) => {
   }, [data, granularity]);
   return /* @__PURE__ */ u$1(Table, { data: flatTableData, columns, pageSize });
 };
-async function queryNumberOfSequencesOverTime(lapis, lapisFilter, lapisDateField, granularity, smoothingWindow) {
-  const lapisFilters = makeArray(lapisFilter);
-  const queries = lapisFilters.map(async ({ displayName, lapisFilter: lapisFilter2 }) => {
+async function queryNumberOfSequencesOverTime(lapis, lapisFilters, lapisDateField, granularity, smoothingWindow) {
+  const queries = lapisFilters.map(async ({ displayName, lapisFilter }) => {
     const { content } = await queryAggregatedDataOverTime(
-      lapisFilter2,
+      lapisFilter,
       granularity,
       smoothingWindow,
       lapisDateField
@@ -8590,7 +8588,7 @@ const numberSequencesOverTimeViewSchema = z$1.union([
 const numberSequencesOverTimePropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
-  lapisFilter: z$1.union([namedLapisFilterSchema, z$1.array(namedLapisFilterSchema)]),
+  lapisFilters: z$1.array(namedLapisFilterSchema).min(1),
   lapisDateField: z$1.string().min(1),
   views: z$1.array(numberSequencesOverTimeViewSchema),
   granularity: temporalGranularitySchema,
@@ -8603,11 +8601,11 @@ const NumberSequencesOverTime = (componentProps) => {
   return /* @__PURE__ */ u$1(ErrorBoundary, { size, componentProps, schema: numberSequencesOverTimePropsSchema, children: /* @__PURE__ */ u$1(ResizeContainer, { size, children: /* @__PURE__ */ u$1(NumberSequencesOverTimeInner, { ...componentProps }) }) });
 };
 const NumberSequencesOverTimeInner = (componentProps) => {
-  const { lapisFilter, lapisDateField, granularity, smoothingWindow } = componentProps;
+  const { lapisFilters, lapisDateField, granularity, smoothingWindow } = componentProps;
   const lapis = x(LapisUrlContext);
   const { data, error, isLoading } = useQuery(
-    () => queryNumberOfSequencesOverTime(lapis, lapisFilter, lapisDateField, granularity, smoothingWindow),
-    [lapis, lapisFilter, lapisDateField, granularity, smoothingWindow]
+    () => queryNumberOfSequencesOverTime(lapis, lapisFilters, lapisDateField, granularity, smoothingWindow),
+    [lapis, lapisFilters, lapisDateField, granularity, smoothingWindow]
   );
   if (isLoading) {
     return /* @__PURE__ */ u$1(LoadingDisplay, {});
@@ -8725,7 +8723,7 @@ var __decorateClass$8 = (decorators, target, key, kind) => {
 let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles {
   constructor() {
     super(...arguments);
-    this.lapisFilter = { displayName: "", lapisFilter: {} };
+    this.lapisFilters = [];
     this.lapisDateField = "";
     this.views = ["bar", "line", "table"];
     this.width = "100%";
@@ -8738,7 +8736,7 @@ let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsS
     return /* @__PURE__ */ u$1(
       NumberSequencesOverTime,
       {
-        lapisFilter: this.lapisFilter,
+        lapisFilters: this.lapisFilters,
         lapisDateField: this.lapisDateField,
         views: this.views,
         width: this.width,
@@ -8752,7 +8750,7 @@ let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsS
 };
 __decorateClass$8([
   n2({ type: Object })
-], NumberSequencesOverTimeComponent.prototype, "lapisFilter", 2);
+], NumberSequencesOverTimeComponent.prototype, "lapisFilters", 2);
 __decorateClass$8([
   n2({ type: String })
 ], NumberSequencesOverTimeComponent.prototype, "lapisDateField", 2);
@@ -9199,11 +9197,11 @@ function useWebWorker(messageToWorker, WorkerConstructor) {
   }, [messageToWorker, worker]);
   return { data, error, isLoading };
 }
-const viewSchema = z$1.literal(views.grid);
+const mutationsOverTimeViewSchema = z$1.literal(views.grid);
 const mutationOverTimeSchema = z$1.object({
   lapisFilter: lapisFilterSchema,
   sequenceType: sequenceTypeSchema,
-  views: z$1.array(viewSchema),
+  views: z$1.array(mutationsOverTimeViewSchema),
   granularity: temporalGranularitySchema,
   lapisDateField: z$1.string().min(1),
   width: z$1.string(),
@@ -10630,7 +10628,7 @@ const dateRangeSelectorInnerPropsSchema = z$1.object({
   initialValue: z$1.string().optional(),
   initialDateFrom: z$1.string().date().optional(),
   initialDateTo: z$1.string().date().optional(),
-  dateColumn: z$1.string().min(1)
+  lapisDateField: z$1.string().min(1)
 });
 const dateRangeSelectorPropsSchema = dateRangeSelectorInnerPropsSchema.extend({
   width: z$1.string()
@@ -10644,7 +10642,7 @@ const DateRangeSelectorInner = ({
   dateRangeOptions,
   earliestDate = "1900-01-01",
   initialValue,
-  dateColumn,
+  lapisDateField,
   initialDateFrom,
   initialDateTo
 }) => {
@@ -10746,8 +10744,8 @@ const DateRangeSelectorInner = ({
     const dateFrom = dateFromPicker == null ? void 0 : dateFromPicker.selectedDates[0];
     const dateTo = dateToPicker == null ? void 0 : dateToPicker.selectedDates[0];
     const detail = {
-      ...dateFrom !== void 0 && { [`${dateColumn}From`]: toYYYYMMDD(dateFrom) },
-      ...dateTo !== void 0 && { [`${dateColumn}To`]: toYYYYMMDD(dateTo) }
+      ...dateFrom !== void 0 && { [`${lapisDateField}From`]: toYYYYMMDD(dateFrom) },
+      ...dateTo !== void 0 && { [`${lapisDateField}To`]: toYYYYMMDD(dateTo) }
     };
     (_a = divRef.current) == null ? void 0 : _a.dispatchEvent(
       new CustomEvent("gs-date-range-filter-changed", {
@@ -10820,7 +10818,7 @@ let DateRangeSelectorComponent = class extends PreactLitAdapter {
     this.initialDateFrom = void 0;
     this.initialDateTo = void 0;
     this.width = "100%";
-    this.dateColumn = "";
+    this.lapisDateField = "";
   }
   render() {
     return /* @__PURE__ */ u$1(
@@ -10831,7 +10829,7 @@ let DateRangeSelectorComponent = class extends PreactLitAdapter {
         initialValue: this.initialValue,
         initialDateFrom: this.initialDateFrom,
         initialDateTo: this.initialDateTo,
-        dateColumn: this.dateColumn,
+        lapisDateField: this.lapisDateField,
         width: this.width
       }
     );
@@ -10857,7 +10855,7 @@ __decorateClass$4([
 ], DateRangeSelectorComponent.prototype, "width", 2);
 __decorateClass$4([
   n2({ type: String })
-], DateRangeSelectorComponent.prototype, "dateColumn", 2);
+], DateRangeSelectorComponent.prototype, "lapisDateField", 2);
 DateRangeSelectorComponent = __decorateClass$4([
   t$2("gs-date-range-selector")
 ], DateRangeSelectorComponent);
@@ -11402,14 +11400,8 @@ const parseAndValidateMutation = (value, referenceGenome) => {
   }
   return null;
 };
-const selectedMutationFilterStringsSchema = z$1.object({
-  nucleotideMutations: z$1.array(z$1.string()),
-  aminoAcidMutations: z$1.array(z$1.string()),
-  nucleotideInsertions: z$1.array(z$1.string()),
-  aminoAcidInsertions: z$1.array(z$1.string())
-});
 const mutationFilterInnerPropsSchema = z$1.object({
-  initialValue: z$1.union([selectedMutationFilterStringsSchema.optional(), z$1.array(z$1.string()), z$1.undefined()])
+  initialValue: z$1.union([mutationsFilterSchema.optional(), z$1.array(z$1.string()), z$1.undefined()])
 });
 const mutationFilterPropsSchema = mutationFilterInnerPropsSchema.extend({
   width: z$1.string()