@genspectrum/dashboard-components 0.1.1

package/custom-elements.json

@@ -0,0 +1,1587 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/PreactLitAdapter.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PreactLitAdapter",
+          "members": [],
+          "superclass": {
+            "name": "ReactiveElement",
+            "package": "@lit/reactive-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PreactLitAdapter",
+          "declaration": {
+            "name": "PreactLitAdapter",
+            "module": "src/web-components/PreactLitAdapter.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/PreactLitAdapterWithGridJsStyles.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PreactLitAdapterWithGridJsStyles",
+          "members": [],
+          "superclass": {
+            "name": "PreactLitAdapter",
+            "module": "/src/web-components/PreactLitAdapter"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PreactLitAdapterWithGridJsStyles",
+          "declaration": {
+            "name": "PreactLitAdapterWithGridJsStyles",
+            "module": "src/web-components/PreactLitAdapterWithGridJsStyles.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/app.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "App",
+          "members": [
+            {
+              "kind": "field",
+              "name": "lapis",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "lapis"
+            },
+            {
+              "kind": "field",
+              "name": "referenceGenome",
+              "type": {
+                "text": "ReferenceGenome"
+              },
+              "default": "{\n        nucleotideSequences: [],\n        genes: [],\n    }"
+            },
+            {
+              "kind": "field",
+              "name": "updateReferenceGenome",
+              "privacy": "private",
+              "default": "new Task(this, {\n        task: async () => {\n            this.referenceGenome = await fetchReferenceGenome(this.lapis);\n        },\n        args: () => [this.lapis],\n    })"
+            },
+            {
+              "kind": "method",
+              "name": "createRenderRoot"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "lapis",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "lapis"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "gs-app",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "App",
+          "declaration": {
+            "name": "App",
+            "module": "src/web-components/app.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-app",
+          "declaration": {
+            "name": "App",
+            "module": "src/web-components/app.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MutationComparisonComponent",
+          "declaration": {
+            "name": "MutationComparisonComponent",
+            "module": "./mutation-comparison-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MutationsComponent",
+          "declaration": {
+            "name": "MutationsComponent",
+            "module": "./mutations-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PrevalenceOverTimeComponent",
+          "declaration": {
+            "name": "PrevalenceOverTimeComponent",
+            "module": "./prevalence-over-time-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RelativeGrowthAdvantageComponent",
+          "declaration": {
+            "name": "RelativeGrowthAdvantageComponent",
+            "module": "./relative-growth-advantage-component"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/mutation-comparison-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<MutationComparisonProps>"
+          },
+          "default": "{\n    title: 'Visualization/Mutation comparison',\n    component: 'gs-mutation-comparison-component',\n    argTypes: {\n        variants: { control: 'object' },\n        sequenceType: {\n            options: ['nucleotide', 'amino acid'],\n            control: { type: 'radio' },\n        },\n        views: {\n            options: ['table', 'venn'],\n            control: { type: 'check' },\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj<MutationComparisonProps>"
+          },
+          "default": "{\n    ...Template,\n    args: {\n        variants: [\n            {\n                displayName: 'Some variant',\n                lapisFilter: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateTo },\n            },\n            {\n                displayName: 'Other variant',\n                lapisFilter: {\n                    country: 'Switzerland',\n                    pangoLineage: 'B.1.1.7',\n                    dateFrom,\n                    dateTo,\n                },\n            },\n        ],\n        sequenceType: 'nucleotide',\n        views: ['table', 'venn'],\n    },\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: {\n                        name: 'nucleotideMutationsSomeVariant',\n                        url: NUCLEOTIDE_MUTATIONS_ENDPOINT,\n                        body: {\n                            country: 'Switzerland',\n                            pangoLineage: 'B.1.1.7',\n                            dateTo,\n                            minProportion: 0,\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: nucleotideMutationsSomeVariant,\n                    },\n                },\n                {\n                    matcher: {\n                        name: 'nucleotideMutationsOtherVariant',\n                        url: NUCLEOTIDE_MUTATIONS_ENDPOINT,\n                        body: {\n                            country: 'Switzerland',\n                            pangoLineage: 'B.1.1.7',\n                            dateFrom,\n                            dateTo,\n                            minProportion: 0,\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: nucleotideMutationsOtherVariant,\n                    },\n                },\n            ],\n        },\n    },\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-comparison-component');\n\n        await step('Min and max proportions should be 50% and 100%', async () => {\n            const minInput = () => canvas.getAllByLabelText('%')[0];\n            const maxInput = () => canvas.getAllByLabelText('%')[1];\n\n            await waitFor(() => expect(minInput()).toHaveValue(50));\n            await waitFor(() => expect(maxInput()).toHaveValue(100));\n        });\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "VennDiagram",
+          "type": {
+            "text": "StoryObj<MutationComparisonProps>"
+          },
+          "default": "{\n    ...Default,\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-comparison-component');\n\n        await step('Switch to Venn diagram view', async () => {\n            await waitFor(() => expect(canvas.getByLabelText('Venn', { selector: 'input' })).toBeInTheDocument());\n\n            await fireEvent.click(canvas.getByLabelText('Venn', { selector: 'input' }));\n\n            await waitFor(() =>\n                expect(\n                    canvas.getByText('You have no elements selected. Click in the venn diagram to select.'),\n                ).toBeVisible(),\n            );\n        });\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/display/mutation-comparison-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/web-components/display/mutation-comparison-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VennDiagram",
+          "declaration": {
+            "name": "VennDiagram",
+            "module": "src/web-components/display/mutation-comparison-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/mutation-comparison-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MutationComparisonComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variants",
+              "type": {
+                "text": "MutationComparisonVariant[]"
+              },
+              "default": "[]",
+              "attribute": "variants"
+            },
+            {
+              "kind": "field",
+              "name": "sequenceType",
+              "type": {
+                "text": "SequenceType"
+              },
+              "default": "'nucleotide'",
+              "attribute": "sequenceType"
+            },
+            {
+              "kind": "field",
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['table']",
+              "attribute": "views"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variants",
+              "type": {
+                "text": "MutationComparisonVariant[]"
+              },
+              "default": "[]",
+              "fieldName": "variants"
+            },
+            {
+              "name": "sequenceType",
+              "type": {
+                "text": "SequenceType"
+              },
+              "default": "'nucleotide'",
+              "fieldName": "sequenceType"
+            },
+            {
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['table']",
+              "fieldName": "views"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapterWithGridJsStyles",
+            "module": "/src/web-components/PreactLitAdapterWithGridJsStyles"
+          },
+          "tagName": "gs-mutation-comparison-component",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MutationComparisonComponent",
+          "declaration": {
+            "name": "MutationComparisonComponent",
+            "module": "src/web-components/display/mutation-comparison-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-mutation-comparison-component",
+          "declaration": {
+            "name": "MutationComparisonComponent",
+            "module": "src/web-components/display/mutation-comparison-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/mutations-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<MutationsProps>"
+          },
+          "default": "{\n    title: 'Visualization/Mutations',\n    component: 'gs-mutations',\n    argTypes: {\n        variant: { control: 'object' },\n        sequenceType: {\n            options: ['nucleotide', 'amino acid'],\n            control: { type: 'radio' },\n        },\n        views: {\n            options: ['table', 'grid', 'insertions'],\n            control: { type: 'check' },\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj<MutationsProps>"
+          },
+          "default": "{\n    ...Template,\n    args: {\n        variant: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateTo: '2022-01-01' },\n        sequenceType: 'nucleotide',\n        views: ['grid', 'table', 'insertions'],\n    },\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: {\n                        name: 'nucleotideMutations',\n                        url: NUCLEOTIDE_MUTATIONS_ENDPOINT,\n                        body: {\n                            country: 'Switzerland',\n                            pangoLineage: 'B.1.1.7',\n                            dateTo: '2022-01-01',\n                            minProportion: 0,\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: nucleotideMutations,\n                    },\n                },\n                {\n                    matcher: {\n                        name: 'nucleotideInsertions',\n                        url: NUCLEOTIDE_INSERTIONS_ENDPOINT,\n                        body: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateTo: '2022-01-01' },\n                    },\n                    response: {\n                        status: 200,\n                        body: nucleotideInsertions,\n                    },\n                },\n            ],\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "OnTableTab",
+          "type": {
+            "text": "StoryObj<MutationsProps>"
+          },
+          "default": "{\n    ...Default,\n    play: async ({ canvasElement }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-mutations-component');\n\n        await waitFor(() => expect(canvas.getByLabelText('Table', { selector: 'input' })).toBeInTheDocument());\n\n        await fireEvent.click(canvas.getByLabelText('Table', { selector: 'input' }));\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "OnInsertionsTab",
+          "type": {
+            "text": "StoryObj<MutationsProps>"
+          },
+          "default": "{\n    ...Default,\n    play: async ({ canvasElement }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-mutations-component');\n\n        await waitFor(() => expect(canvas.getByLabelText('Insertions', { selector: 'input' })).toBeInTheDocument());\n\n        await fireEvent.click(canvas.getByLabelText('Insertions', { selector: 'input' }));\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/display/mutations-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/web-components/display/mutations-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OnTableTab",
+          "declaration": {
+            "name": "OnTableTab",
+            "module": "src/web-components/display/mutations-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OnInsertionsTab",
+          "declaration": {
+            "name": "OnInsertionsTab",
+            "module": "src/web-components/display/mutations-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/mutations-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MutationsComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{ displayName: '' }",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "sequenceType",
+              "type": {
+                "text": "SequenceType"
+              },
+              "default": "'nucleotide'",
+              "attribute": "sequenceType"
+            },
+            {
+              "kind": "field",
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['table', 'grid']",
+              "attribute": "views"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{ displayName: '' }",
+              "fieldName": "variant"
+            },
+            {
+              "name": "sequenceType",
+              "type": {
+                "text": "SequenceType"
+              },
+              "default": "'nucleotide'",
+              "fieldName": "sequenceType"
+            },
+            {
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['table', 'grid']",
+              "fieldName": "views"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapterWithGridJsStyles",
+            "module": "/src/web-components/PreactLitAdapterWithGridJsStyles"
+          },
+          "tagName": "gs-mutations-component",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MutationsComponent",
+          "declaration": {
+            "name": "MutationsComponent",
+            "module": "src/web-components/display/mutations-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-mutations-component",
+          "declaration": {
+            "name": "MutationsComponent",
+            "module": "src/web-components/display/mutations-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/prevalence-over-time-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<PrevalenceOverTimeProps>"
+          },
+          "default": "{\n    title: 'Visualization/Prevalence over time',\n    component: 'gs-prevalence-over-time',\n    argTypes: {\n        numerator: { control: 'object' },\n        denominator: { control: 'object' },\n        granularity: {\n            options: ['day', 'week', 'month', 'year'],\n            control: { type: 'radio' },\n        },\n        smoothingWindow: { control: 'number' },\n        views: {\n            options: ['bar', 'line', 'bubble', 'table'],\n            control: { type: 'check' },\n        },\n        confidenceIntervalMethods: {\n            options: ['wilson'],\n            control: { type: 'check' },\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "TwoVariants",
+          "type": {
+            "text": "StoryObj<PrevalenceOverTimeProps>"
+          },
+          "default": "{\n    ...Template,\n    args: {\n        numerator: [\n            { displayName: 'EG', country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01' },\n            { displayName: 'JN.1', country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' },\n        ],\n        denominator: { country: 'USA', dateFrom: '2023-01-01', displayName: 'All' },\n        granularity: 'month',\n        smoothingWindow: 0,\n        views: ['bar', 'line', 'bubble', 'table'],\n        confidenceIntervalMethods: ['wilson'],\n    },\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: {\n                        name: 'numeratorEG',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            country: 'USA',\n                            pangoLineage: 'EG*',\n                            dateFrom: '2023-01-01',\n                            fields: ['date'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: numeratorEG,\n                    },\n                },\n                {\n                    matcher: {\n                        name: 'numeratorJN1',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            country: 'USA',\n                            pangoLineage: 'JN.1*',\n                            dateFrom: '2023-01-01',\n                            fields: ['date'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: numeratorJN1,\n                    },\n                },\n                {\n                    matcher: {\n                        name: 'denominator',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            country: 'USA',\n                            dateFrom: '2023-01-01',\n                            fields: ['date'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: denominator,\n                    },\n                },\n            ],\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "OneVariant",
+          "type": {
+            "text": "StoryObj<PrevalenceOverTimeProps>"
+          },
+          "default": "{\n    ...Template,\n    args: {\n        numerator: { displayName: 'EG', country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01' },\n        denominator: { country: 'USA', dateFrom: '2023-10-01', displayName: 'All' },\n        granularity: 'day',\n        smoothingWindow: 7,\n        views: ['bar', 'line', 'bubble', 'table'],\n        confidenceIntervalMethods: ['wilson'],\n    },\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: {\n                        name: 'numeratorOneVariant',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            country: 'USA',\n                            pangoLineage: 'BA.2.86*',\n                            dateFrom: '2023-10-01',\n                            fields: ['date'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: numeratorOneVariant,\n                    },\n                },\n                {\n                    matcher: {\n                        name: 'denominatorOneVariant',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            country: 'USA',\n                            dateFrom: '2023-10-01',\n                            fields: ['date'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: denominatorOneVariant,\n                    },\n                },\n            ],\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "OneVariantOnLineTab",
+          "type": {
+            "text": "StoryObj<PrevalenceOverTimeProps>"
+          },
+          "default": "{\n    ...OneVariant,\n    play: async ({ canvasElement }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-prevalence-over-time');\n\n        await waitFor(() => expect(canvas.getByLabelText('Line', { selector: 'input' })).toBeInTheDocument());\n\n        await fireEvent.click(canvas.getByLabelText('Line', { selector: 'input' }));\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "OneVariantOnBubbleTab",
+          "type": {
+            "text": "StoryObj<PrevalenceOverTimeProps>"
+          },
+          "default": "{\n    ...OneVariant,\n    play: async ({ canvasElement }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-prevalence-over-time');\n\n        await waitFor(() => expect(canvas.getByLabelText('Bubble', { selector: 'input' })).toBeInTheDocument());\n\n        await fireEvent.click(canvas.getByLabelText('Bubble', { selector: 'input' }));\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "OneVariantOnTableTab",
+          "type": {
+            "text": "StoryObj<PrevalenceOverTimeProps>"
+          },
+          "default": "{\n    ...OneVariant,\n    play: async ({ canvasElement }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-prevalence-over-time');\n\n        await waitFor(() => expect(canvas.getByLabelText('Table', { selector: 'input' })).toBeInTheDocument());\n\n        await fireEvent.click(canvas.getByLabelText('Table', { selector: 'input' }));\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/display/prevalence-over-time-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TwoVariants",
+          "declaration": {
+            "name": "TwoVariants",
+            "module": "src/web-components/display/prevalence-over-time-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OneVariant",
+          "declaration": {
+            "name": "OneVariant",
+            "module": "src/web-components/display/prevalence-over-time-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OneVariantOnLineTab",
+          "declaration": {
+            "name": "OneVariantOnLineTab",
+            "module": "src/web-components/display/prevalence-over-time-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OneVariantOnBubbleTab",
+          "declaration": {
+            "name": "OneVariantOnBubbleTab",
+            "module": "src/web-components/display/prevalence-over-time-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OneVariantOnTableTab",
+          "declaration": {
+            "name": "OneVariantOnTableTab",
+            "module": "src/web-components/display/prevalence-over-time-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/prevalence-over-time-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PrevalenceOverTimeComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "numerator",
+              "type": {
+                "text": "NamedLapisFilter | NamedLapisFilter[]"
+              },
+              "default": "{ displayName: '' }",
+              "attribute": "numerator"
+            },
+            {
+              "kind": "field",
+              "name": "denominator",
+              "type": {
+                "text": "NamedLapisFilter"
+              },
+              "default": "{ displayName: '' }",
+              "attribute": "denominator"
+            },
+            {
+              "kind": "field",
+              "name": "granularity",
+              "type": {
+                "text": "TemporalGranularity"
+              },
+              "default": "'day'",
+              "attribute": "granularity"
+            },
+            {
+              "kind": "field",
+              "name": "smoothingWindow",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "smoothingWindow"
+            },
+            {
+              "kind": "field",
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['bar', 'line', 'bubble', 'table']",
+              "attribute": "views"
+            },
+            {
+              "kind": "field",
+              "name": "confidenceIntervalMethods",
+              "type": {
+                "text": "ConfidenceIntervalMethod[]"
+              },
+              "default": "['wilson']",
+              "attribute": "confidenceIntervalMethods"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "numerator",
+              "type": {
+                "text": "NamedLapisFilter | NamedLapisFilter[]"
+              },
+              "default": "{ displayName: '' }",
+              "fieldName": "numerator"
+            },
+            {
+              "name": "denominator",
+              "type": {
+                "text": "NamedLapisFilter"
+              },
+              "default": "{ displayName: '' }",
+              "fieldName": "denominator"
+            },
+            {
+              "name": "granularity",
+              "type": {
+                "text": "TemporalGranularity"
+              },
+              "default": "'day'",
+              "fieldName": "granularity"
+            },
+            {
+              "name": "smoothingWindow",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "smoothingWindow"
+            },
+            {
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['bar', 'line', 'bubble', 'table']",
+              "fieldName": "views"
+            },
+            {
+              "name": "confidenceIntervalMethods",
+              "type": {
+                "text": "ConfidenceIntervalMethod[]"
+              },
+              "default": "['wilson']",
+              "fieldName": "confidenceIntervalMethods"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapterWithGridJsStyles",
+            "module": "/src/web-components/PreactLitAdapterWithGridJsStyles"
+          },
+          "tagName": "gs-prevalence-over-time",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PrevalenceOverTimeComponent",
+          "declaration": {
+            "name": "PrevalenceOverTimeComponent",
+            "module": "src/web-components/display/prevalence-over-time-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-prevalence-over-time",
+          "declaration": {
+            "name": "PrevalenceOverTimeComponent",
+            "module": "src/web-components/display/prevalence-over-time-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/relative-growth-advantage-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<RelativeGrowthAdvantageProps>"
+          },
+          "default": "{\n    title: 'Visualization/Relative growth advantage',\n    component: 'gs-relative-growth-advantage',\n    argTypes: {\n        numerator: { control: 'object' },\n        denominator: { control: 'object' },\n        generationTime: { control: 'number' },\n        views: {\n            options: ['line'],\n            control: { type: 'check' },\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj<RelativeGrowthAdvantageProps>"
+          },
+          "default": "{\n    ...Template,\n    args: {\n        numerator: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateFrom: '2020-12-01', dateTo: '2021-03-01' },\n        denominator: { country: 'Switzerland', dateFrom: '2020-12-01', dateTo: '2021-03-01' },\n        generationTime: 7,\n        views: ['line'],\n    },\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: {\n                        name: 'numerator',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            country: 'Switzerland',\n                            pangoLineage: 'B.1.1.7',\n                            dateFrom: '2020-12-01',\n                            dateTo: '2021-03-01',\n                            fields: ['date'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: numerator,\n                    },\n                },\n                {\n                    matcher: {\n                        name: 'denominator',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            country: 'Switzerland',\n                            dateFrom: '2020-12-01',\n                            dateTo: '2021-03-01',\n                            fields: ['date'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: denominator,\n                    },\n                },\n            ],\n        },\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/display/relative-growth-advantage-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/web-components/display/relative-growth-advantage-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/display/relative-growth-advantage-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RelativeGrowthAdvantageComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "numerator",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{}",
+              "attribute": "numerator"
+            },
+            {
+              "kind": "field",
+              "name": "denominator",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{}",
+              "attribute": "denominator"
+            },
+            {
+              "kind": "field",
+              "name": "generationTime",
+              "type": {
+                "text": "number"
+              },
+              "default": "7",
+              "attribute": "generationTime"
+            },
+            {
+              "kind": "field",
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['line']",
+              "attribute": "views"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "numerator",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{}",
+              "fieldName": "numerator"
+            },
+            {
+              "name": "denominator",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{}",
+              "fieldName": "denominator"
+            },
+            {
+              "name": "generationTime",
+              "type": {
+                "text": "number"
+              },
+              "default": "7",
+              "fieldName": "generationTime"
+            },
+            {
+              "name": "views",
+              "type": {
+                "text": "View[]"
+              },
+              "default": "['line']",
+              "fieldName": "views"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapter",
+            "module": "/src/web-components/PreactLitAdapter"
+          },
+          "tagName": "gs-relative-growth-advantage",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RelativeGrowthAdvantageComponent",
+          "declaration": {
+            "name": "RelativeGrowthAdvantageComponent",
+            "module": "src/web-components/display/relative-growth-advantage-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-relative-growth-advantage",
+          "declaration": {
+            "name": "RelativeGrowthAdvantageComponent",
+            "module": "src/web-components/display/relative-growth-advantage-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "App",
+          "declaration": {
+            "name": "App",
+            "module": "./app.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./display"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./input"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/date-range-selector-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<DateRangeSelectorProps>"
+          },
+          "default": "{\n    title: 'Input/DateRangeSelector',\n    component: 'gs-date-range-selector',\n    parameters: {\n        actions: {\n            handles: ['gs-date-range-changed'],\n        },\n        fetchMock: {},\n    },\n    decorators: [withActions],\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "DateRangeSelectorStory",
+          "type": {
+            "text": "StoryObj<DateRangeSelectorProps>"
+          },
+          "default": "{\n    render: (args) =>\n        html` <gs-app lapis=\"${LAPIS_URL}\">\n            <div class=\"max-w-screen-lg\">\n                <gs-date-range-selector\n                    .customSelectOptions=${args.customSelectOptions}\n                    .earliestDate=${args.earliestDate}\n                ></gs-date-range-selector>\n            </div>\n        </gs-app>`,\n\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-date-range-selector');\n        const dateTo = () => canvas.getByPlaceholderText('Date to');\n\n        await step('Expect last 6 months to be selected', async () => {\n            await expect(canvas.getByRole('combobox')).toHaveValue('last6Months');\n            await waitFor(() => {\n                expect(dateTo()).toHaveValue(toYYYYMMDD(new Date()));\n            });\n        });\n    },\n    args: {\n        customSelectOptions: [{ label: 'CustomDateRange', dateFrom: '2021-01-01', dateTo: '2021-12-31' }],\n        earliestDate: '1970-01-01',\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/input/date-range-selector-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DateRangeSelectorStory",
+          "declaration": {
+            "name": "DateRangeSelectorStory",
+            "module": "src/web-components/input/date-range-selector-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/date-range-selector-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DateRangeSelectorComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "customSelectOptions",
+              "type": {
+                "text": "CustomSelectOption[]"
+              },
+              "default": "[]",
+              "attribute": "customSelectOptions"
+            },
+            {
+              "kind": "field",
+              "name": "earliestDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'1900-01-01'",
+              "attribute": "earliestDate"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<{ dateFrom: string; dateTo: string; }>"
+              },
+              "description": "When the date range has changed",
+              "name": "gs-date-range-changed"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "customSelectOptions",
+              "type": {
+                "text": "CustomSelectOption[]"
+              },
+              "default": "[]",
+              "fieldName": "customSelectOptions"
+            },
+            {
+              "name": "earliestDate",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'1900-01-01'",
+              "fieldName": "earliestDate"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapter",
+            "module": "/src/web-components/PreactLitAdapter"
+          },
+          "tagName": "gs-date-range-selector",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DateRangeSelectorComponent",
+          "declaration": {
+            "name": "DateRangeSelectorComponent",
+            "module": "src/web-components/input/date-range-selector-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-date-range-selector",
+          "declaration": {
+            "name": "DateRangeSelectorComponent",
+            "module": "src/web-components/input/date-range-selector-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DateRangeSelectorComponent",
+          "declaration": {
+            "name": "DateRangeSelectorComponent",
+            "module": "./date-range-selector-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LocationFilterComponent",
+          "declaration": {
+            "name": "LocationFilterComponent",
+            "module": "./location-filter-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TextInputComponent",
+          "declaration": {
+            "name": "TextInputComponent",
+            "module": "./text-input-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MutationFilterComponent",
+          "declaration": {
+            "name": "MutationFilterComponent",
+            "module": "./mutation-filter-component"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/location-filter-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n    title: 'Input/Location filter',\n    component: 'gs-location-filter',\n    parameters: {\n        actions: {\n            handles: ['gs-location-changed'],\n        },\n    },\n    decorators: [withActions],\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "LocationFilter",
+          "type": {
+            "text": "StoryObj<LocationFilterProps>"
+          },
+          "default": "{\n    ...Template,\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: aggregatedEndpointMatcher,\n                    response: {\n                        status: 200,\n                        body: data,\n                    },\n                },\n            ],\n        },\n    },\n    play: async ({ canvasElement }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-location-filter');\n        await waitFor(() => {\n            return expect(canvas.getByRole('combobox')).toBeEnabled();\n        });\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "DelayToShowLoadingState",
+          "type": {
+            "text": "StoryObj<LocationFilterProps>"
+          },
+          "default": "{\n    ...Template,\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: aggregatedEndpointMatcher,\n                    response: {\n                        status: 200,\n                        body: data,\n                    },\n                    options: {\n                        delay: 5000,\n                    },\n                },\n            ],\n        },\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "FetchingLocationsFails",
+          "type": {
+            "text": "StoryObj<LocationFilterProps>"
+          },
+          "default": "{\n    ...Template,\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: aggregatedEndpointMatcher,\n                    response: {\n                        status: 500,\n                        body: { error: 'no data' },\n                    },\n                },\n            ],\n        },\n    },\n    play: async ({ canvasElement }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-location-filter');\n\n        await waitFor(() =>\n            expect(\n                canvas.getByText('Internal Server Error: {\"error\":\"no data\"} ', { exact: false }),\n            ).toBeInTheDocument(),\n        );\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "FiresEvent",
+          "type": {
+            "text": "StoryObj<LocationFilterProps>"
+          },
+          "default": "{\n    ...Template,\n    parameters: {\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: aggregatedEndpointMatcher,\n                    response: {\n                        status: 200,\n                        body: data,\n                    },\n                },\n            ],\n        },\n    },\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-location-filter');\n\n        const submitButton = () => canvas.getByRole('button', { name: 'Submit' });\n        const inputField = () => canvas.getByRole('combobox');\n\n        const listenerMock = fn();\n        await step('Setup event listener mock', async () => {\n            canvasElement.addEventListener('gs-location-changed', listenerMock);\n        });\n\n        await step('wait until data is loaded', async () => {\n            await waitFor(() => {\n                return expect(inputField()).toBeEnabled();\n            });\n        });\n\n        await step('Input invalid location', async () => {\n            await userEvent.type(inputField(), 'Not / A / Location');\n            await userEvent.click(submitButton());\n            await expect(listenerMock).not.toHaveBeenCalled();\n            await userEvent.type(inputField(), '{backspace>18/}');\n        });\n\n        await step('Select Asia', async () => {\n            await userEvent.type(inputField(), 'Asia');\n            await userEvent.click(submitButton());\n            await expect(listenerMock).toHaveBeenCalledWith(\n                expect.objectContaining({\n                    detail: {\n                        region: 'Asia',\n                    },\n                }),\n            );\n        });\n\n        await step('Select Asia / Bangladesh / Rajshahi / Chapainawabgonj', async () => {\n            await userEvent.type(inputField(), ' / Bangladesh / Rajshahi / Chapainawabgonj');\n            await userEvent.click(submitButton());\n            await expect(listenerMock).toHaveBeenCalledWith(\n                expect.objectContaining({\n                    detail: {\n                        region: 'Asia',\n                        country: 'Bangladesh',\n                        division: 'Rajshahi',\n                        location: 'Chapainawabgonj',\n                    },\n                }),\n            );\n        });\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/input/location-filter-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LocationFilter",
+          "declaration": {
+            "name": "LocationFilter",
+            "module": "src/web-components/input/location-filter-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DelayToShowLoadingState",
+          "declaration": {
+            "name": "DelayToShowLoadingState",
+            "module": "src/web-components/input/location-filter-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FetchingLocationsFails",
+          "declaration": {
+            "name": "FetchingLocationsFails",
+            "module": "src/web-components/input/location-filter-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FiresEvent",
+          "declaration": {
+            "name": "FiresEvent",
+            "module": "src/web-components/input/location-filter-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/location-filter-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "## Tag\n\n`gs-location-filter`\n\n## Context\n\nThis component provides an input field to specify filters for locations.\n\nIt expects a list of fields that form a strict hierarchical order, such as continent, country, and city.\nThe component retrieves a list of all possible values for these fields from the Lapis instance.\nThis list is then utilized to display autocomplete suggestions and to validate the input.\n\nGiven `fields` are `['field1', 'field2', ..., 'fieldN']`,\nthen valid values for the location filter must be in the form `valueForField1 / valueForField2 / ... / valueForFieldK`,\nwhere `1 <= K <= N`.\nValues for the fields `i > K` are considered `undefined`.",
+          "name": "LocationFilterComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The initial value to use for this location filter.\nMust be of the form `valueForField1 / valueForField2 / ... / valueForFieldN`.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "fields",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "The fields to display in the location filter, in hierarchical order.\nThe top-level field should be the first entry in the array.\nThis component assumes that the values for each field form a strict hierarchy\n(e.g., `fields = ['continent', 'country', 'city']`).",
+              "attribute": "fields"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<Record<string, string>>"
+              },
+              "description": "Fired when the field is submitted with a valid location value. The `details` of this event contain an object with all `fields` as keys and the corresponding values as values, if they are not `undefined`. Example: ``` { continent: \"Asia\", country: \"China\", city: \"Beijing\" } ```",
+              "name": "gs-location-changed"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The initial value to use for this location filter.\nMust be of the form `valueForField1 / valueForField2 / ... / valueForFieldN`.",
+              "fieldName": "value"
+            },
+            {
+              "name": "fields",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "The fields to display in the location filter, in hierarchical order.\nThe top-level field should be the first entry in the array.\nThis component assumes that the values for each field form a strict hierarchy\n(e.g., `fields = ['continent', 'country', 'city']`).",
+              "fieldName": "fields"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapter",
+            "module": "/src/web-components/PreactLitAdapter"
+          },
+          "tagName": "gs-location-filter",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LocationFilterComponent",
+          "declaration": {
+            "name": "LocationFilterComponent",
+            "module": "src/web-components/input/location-filter-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-location-filter",
+          "declaration": {
+            "name": "LocationFilterComponent",
+            "module": "src/web-components/input/location-filter-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/location-filter.mdx",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/mutation-filter-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n    title: 'Input/Mutation filter',\n    component: 'gs-mutation-filter',\n    parameters: {\n        actions: {\n            handles: ['gs-mutation-filter-changed', 'gs-mutation-filter-on-blur'],\n        },\n        fetchMock: {},\n    },\n    decorators: [withActions],\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj<{ lapisField: string; placeholderText: string }>"
+          },
+          "default": "{\n    render: () => {\n        return html` <gs-app lapis=\"${LAPIS_URL}\">\n            <div class=\"max-w-screen-lg\">\n                <gs-mutation-filter></gs-mutation-filter>\n            </div>\n        </gs-app>`;\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "FiresFilterChangedEvent",
+          "type": {
+            "text": "StoryObj<{ lapisField: string; placeholderText: string }>"
+          },
+          "default": "{\n    ...Default,\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-filter');\n\n        const inputField = () => canvas.getByPlaceholderText('Enter a mutation');\n        const submitButton = () => canvas.getByRole('button', { name: '+' });\n        const listenerMock = fn();\n        await step('Setup event listener mock', async () => {\n            canvasElement.addEventListener('gs-mutation-filter-changed', listenerMock);\n        });\n\n        await step('wait until data is loaded', async () => {\n            await waitFor(() => {\n                return expect(inputField()).toBeEnabled();\n            });\n        });\n\n        await step('Enter a valid mutation', async () => {\n            await userEvent.type(inputField(), 'A123T');\n            await waitFor(() => submitButton().click());\n\n            await waitFor(() =>\n                expect(listenerMock).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: {\n                            nucleotideMutations: ['A123T'],\n                            aminoAcidMutations: [],\n                            nucleotideInsertions: [],\n                            aminoAcidInsertions: [],\n                        },\n                    }),\n                ),\n            );\n        });\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "FiresFilterOnBlurEvent",
+          "type": {
+            "text": "StoryObj<{ lapisField: string; placeholderText: string }>"
+          },
+          "default": "{\n    ...Default,\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-filter');\n\n        const inputField = () => canvas.getByPlaceholderText('Enter a mutation');\n        const listenerMock = fn();\n        await step('Setup event listener mock', async () => {\n            canvasElement.addEventListener('gs-mutation-filter-on-blur', listenerMock);\n        });\n\n        await step('wait until data is loaded', async () => {\n            await waitFor(() => {\n                return expect(inputField()).toBeEnabled();\n            });\n        });\n\n        await step('Move outside of input', async () => {\n            await userEvent.type(inputField(), 'A123T');\n            await userEvent.tab();\n\n            await expect(listenerMock).toHaveBeenCalled();\n        });\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/input/mutation-filter-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/web-components/input/mutation-filter-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FiresFilterChangedEvent",
+          "declaration": {
+            "name": "FiresFilterChangedEvent",
+            "module": "src/web-components/input/mutation-filter-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FiresFilterOnBlurEvent",
+          "declaration": {
+            "name": "FiresFilterOnBlurEvent",
+            "module": "src/web-components/input/mutation-filter-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/mutation-filter-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MutationFilterComponent",
+          "members": [],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<SelectedMutationFilterStrings>"
+              },
+              "description": "When the mutation filter values have changed",
+              "name": "gs-mutation-filter-changed"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<SelectedMutationFilterStrings>"
+              },
+              "description": "When the mutation filter has lost focus",
+              "name": "gs-mutation-filter-on-blur"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapter",
+            "module": "/src/web-components/PreactLitAdapter"
+          },
+          "tagName": "gs-mutation-filter",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MutationFilterComponent",
+          "declaration": {
+            "name": "MutationFilterComponent",
+            "module": "src/web-components/input/mutation-filter-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-mutation-filter",
+          "declaration": {
+            "name": "MutationFilterComponent",
+            "module": "src/web-components/input/mutation-filter-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/text-input-component.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n    title: 'Input/Text input',\n    component: 'gs-text-input',\n    parameters: {\n        actions: {\n            handles: ['gs-text-input-changed'],\n        },\n        fetchMock: {\n            mocks: [\n                {\n                    matcher: {\n                        name: 'hosts',\n                        url: AGGREGATED_ENDPOINT,\n                        body: {\n                            fields: ['host'],\n                        },\n                    },\n                    response: {\n                        status: 200,\n                        body: data,\n                    },\n                },\n            ],\n        },\n    },\n    decorators: [withActions],\n    tags: ['autodocs'],\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj<{ lapisField: string; placeholderText: string }>"
+          },
+          "default": "{\n    render: (args) => {\n        return html` <gs-app lapis=\"${LAPIS_URL}\">\n            <div class=\"max-w-screen-lg\">\n                <gs-text-input .lapisField=${args.lapisField} .placeholderText=${args.placeholderText}></gs-text-input>\n            </div>\n        </gs-app>`;\n    },\n    args: {\n        lapisField: 'host',\n        placeholderText: 'Enter host name',\n    },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "FiresEvent",
+          "type": {
+            "text": "StoryObj<{ lapisField: string; placeholderText: string }>"
+          },
+          "default": "{\n    ...Default,\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'gs-text-input');\n\n        const inputField = () => canvas.getByPlaceholderText('Enter host name');\n        const listenerMock = fn();\n        await step('Setup event listener mock', async () => {\n            canvasElement.addEventListener('gs-text-input-changed', listenerMock);\n        });\n\n        await step('wait until data is loaded', async () => {\n            await waitFor(() => {\n                return expect(inputField()).toBeEnabled();\n            });\n        });\n\n        await step('Enters an invalid host name', async () => {\n            await userEvent.type(inputField(), 'notInList');\n            await expect(listenerMock).not.toHaveBeenCalled();\n            await userEvent.type(inputField(), '{backspace>9/}');\n        });\n\n        await step('Enter a valid host name', async () => {\n            await userEvent.type(inputField(), 'Homo');\n\n            await expect(listenerMock).toHaveBeenCalledWith(\n                expect.objectContaining({\n                    detail: {\n                        host: 'Homo',\n                    },\n                }),\n            );\n        });\n    },\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/input/text-input-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/web-components/input/text-input-component.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FiresEvent",
+          "declaration": {
+            "name": "FiresEvent",
+            "module": "src/web-components/input/text-input-component.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/input/text-input-component.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TextInputComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "lapisField",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "lapisField"
+            },
+            {
+              "kind": "field",
+              "name": "placeholderText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "placeholderText"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<Record<string, string>>"
+              },
+              "description": "When the text input has changed",
+              "name": "gs-text-input-changed"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "lapisField",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "lapisField"
+            },
+            {
+              "name": "placeholderText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "placeholderText"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapter",
+            "module": "/src/web-components/PreactLitAdapter"
+          },
+          "tagName": "gs-text-input",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TextInputComponent",
+          "declaration": {
+            "name": "TextInputComponent",
+            "module": "src/web-components/input/text-input-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-text-input",
+          "declaration": {
+            "name": "TextInputComponent",
+            "module": "src/web-components/input/text-input-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/lapis-context.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "lapisContext"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "lapisContext",
+          "declaration": {
+            "name": "lapisContext",
+            "module": "src/web-components/lapis-context.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/reference-genome-context.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "referenceGenomeContext"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "referenceGenomeContext",
+          "declaration": {
+            "name": "referenceGenomeContext",
+            "module": "src/web-components/reference-genome-context.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/withinShadowRoot.story.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "withinShadowRoot",
+          "parameters": [
+            {
+              "name": "customElement",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "taken from https://github.com/storybookjs/testing-library/issues/24#issuecomment-1593709872\n\nUsage:\n```ts\nexport const MyStory: StoryObj = {\n    render: () => html` <my-web-component />`,\n    play: async ({ canvasElement, step }) => {\n        const canvas = await withinShadowRoot(canvasElement, 'my-web-component');\n\n        await userEvent.click(canvas.getByRole('button'));\n        // ...\n    },\n};\n```"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "module": "src/web-components/withinShadowRoot.story.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "withinShadowRoot",
+          "declaration": {
+            "name": "withinShadowRoot",
+            "module": "src/web-components/withinShadowRoot.story.ts"
+          }
+        }
+      ]
+    }
+  ]
+}