@genspectrum/dashboard-components 0.16.4 → 0.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/custom-elements.json +130 -74
  2. package/dist/{LineageFilterChangedEvent-COWV-Y0k.js → LineageFilterChangedEvent-DkvWdq_G.js} +2 -2
  3. package/dist/LineageFilterChangedEvent-DkvWdq_G.js.map +1 -0
  4. package/dist/components.d.ts +64 -48
  5. package/dist/components.js +858 -242
  6. package/dist/components.js.map +1 -1
  7. package/dist/style.css +391 -12
  8. package/dist/util.d.ts +23 -25
  9. package/dist/util.js +1 -1
  10. package/package.json +2 -1
  11. package/src/preact/components/clearable-select.stories.tsx +75 -0
  12. package/src/preact/components/clearable-select.tsx +76 -0
  13. package/src/preact/components/downshift-combobox.tsx +9 -7
  14. package/src/preact/dateRangeFilter/computeInitialValues.spec.ts +31 -33
  15. package/src/preact/dateRangeFilter/computeInitialValues.ts +2 -15
  16. package/src/preact/dateRangeFilter/date-picker.tsx +66 -0
  17. package/src/preact/dateRangeFilter/date-range-filter.stories.tsx +69 -31
  18. package/src/preact/dateRangeFilter/date-range-filter.tsx +136 -139
  19. package/src/preact/dateRangeFilter/dateRangeOption.ts +11 -11
  20. package/src/preact/mutationsOverTime/mutations-over-time-grid.tsx +133 -84
  21. package/src/preact/mutationsOverTime/mutations-over-time.stories.tsx +46 -16
  22. package/src/preact/mutationsOverTime/mutations-over-time.tsx +3 -0
  23. package/src/preact/shared/WithClassName/WithClassName.ts +1 -0
  24. package/src/preact/shared/icons/DeleteIcon.tsx +3 -0
  25. package/src/preact/shared/stories/expectOptionSelected.tsx +7 -0
  26. package/src/preact/shared/tanstackTable/pagination.tsx +132 -0
  27. package/src/preact/shared/tanstackTable/tanstackTable.tsx +43 -0
  28. package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.stories.tsx +2 -1
  29. package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.tsx +3 -5
  30. package/src/utilEntrypoint.ts +1 -1
  31. package/src/web-components/MutationAnnotations.mdx +33 -0
  32. package/src/web-components/ResizeContainer.mdx +1 -1
  33. package/src/web-components/errorHandling.mdx +1 -1
  34. package/src/web-components/gs-app.ts +2 -2
  35. package/src/web-components/input/gs-date-range-filter.stories.ts +38 -32
  36. package/src/web-components/input/gs-date-range-filter.tsx +8 -2
  37. package/src/web-components/input/gs-lineage-filter.tsx +1 -1
  38. package/src/web-components/input/gs-location-filter.tsx +1 -1
  39. package/src/web-components/input/gs-mutation-filter.tsx +1 -1
  40. package/src/web-components/input/gs-text-filter.tsx +1 -1
  41. package/src/web-components/visualization/gs-aggregate.tsx +2 -2
  42. package/src/web-components/visualization/gs-mutation-comparison.tsx +5 -2
  43. package/src/web-components/visualization/gs-mutations-over-time.spec-d.ts +39 -0
  44. package/src/web-components/visualization/gs-mutations-over-time.stories.ts +4 -0
  45. package/src/web-components/visualization/gs-mutations-over-time.tsx +13 -33
  46. package/src/web-components/visualization/gs-mutations.tsx +5 -2
  47. package/src/web-components/visualization/gs-number-sequences-over-time.tsx +2 -2
  48. package/src/web-components/visualization/gs-prevalence-over-time.tsx +2 -2
  49. package/src/web-components/visualization/gs-relative-growth-advantage.tsx +2 -2
  50. package/src/web-components/visualization/gs-sequences-by-location.tsx +2 -2
  51. package/src/web-components/visualization/gs-statistics.tsx +2 -2
  52. package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.spec-d.ts +24 -0
  53. package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.stories.ts +3 -3
  54. package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.tsx +7 -38
  55. package/standalone-bundle/dashboard-components.js +18384 -16486
  56. package/standalone-bundle/dashboard-components.js.map +1 -1
  57. package/standalone-bundle/style.css +1 -1
  58. package/dist/LineageFilterChangedEvent-COWV-Y0k.js.map +0 -1
@@ -52,7 +52,7 @@ const dateRangeValueSchema = z.union([
52
52
  dateFrom: z.string().date().optional(),
53
53
  dateTo: z.string().date().optional()
54
54
  })
55
- ]);
55
+ ]).optional();
56
56
  class DateRangeOptionChangedEvent extends CustomEvent {
57
57
  constructor(detail) {
58
58
  super("gs-date-range-option-changed", {
@@ -148,4 +148,4 @@ export {
148
148
  temporalGranularitySchema as t,
149
149
  views as v
150
150
  };
151
- //# sourceMappingURL=LineageFilterChangedEvent-COWV-Y0k.js.map
151
+ //# sourceMappingURL=LineageFilterChangedEvent-DkvWdq_G.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LineageFilterChangedEvent-DkvWdq_G.js","sources":["../src/types.ts","../src/preact/dateRangeFilter/dateConversion.ts","../src/preact/dateRangeFilter/dateRangeOption.ts","../src/preact/locationFilter/LocationChangedEvent.ts","../src/preact/textFilter/TextFilterChangedEvent.ts","../src/preact/lineageFilter/LineageFilterChangedEvent.ts"],"sourcesContent":["import z from 'zod';\n\nimport {\n type Deletion,\n type DeletionClass,\n type Insertion,\n type InsertionClass,\n type Substitution,\n type SubstitutionClass,\n} from './utils/mutations';\n\nexport const mutationsFilterSchema = z.object({\n nucleotideMutations: z.array(z.string()),\n aminoAcidMutations: z.array(z.string()),\n nucleotideInsertions: z.array(z.string()),\n aminoAcidInsertions: z.array(z.string()),\n});\nexport type MutationsFilter = z.infer<typeof mutationsFilterSchema>;\n\nexport const lapisFilterSchema = z\n .record(z.union([z.string(), z.array(z.string()), z.number(), z.null(), z.boolean(), z.undefined()]))\n .and(mutationsFilterSchema.partial());\nexport type LapisFilter = z.infer<typeof lapisFilterSchema>;\n\nexport const namedLapisFilterSchema = z.object({\n lapisFilter: lapisFilterSchema,\n displayName: z.string(),\n});\nexport type NamedLapisFilter = z.infer<typeof namedLapisFilterSchema>;\n\nexport const lapisLocationFilterSchema = z.record(z.union([z.string(), z.undefined()]));\nexport type LapisLocationFilter = z.infer<typeof lapisLocationFilterSchema>;\n\nexport const temporalGranularitySchema = z.union([\n z.literal('day'),\n z.literal('week'),\n z.literal('month'),\n z.literal('year'),\n]);\nexport type TemporalGranularity = z.infer<typeof temporalGranularitySchema>;\n\nexport const sequenceTypeSchema = z.union([z.literal('nucleotide'), z.literal('amino acid')]);\nexport type SequenceType = z.infer<typeof sequenceTypeSchema>;\n\nexport type SubstitutionOrDeletion = 'substitution' | 'deletion';\n\nexport type MutationType = SubstitutionOrDeletion | 'insertion';\n\nexport type SubstitutionEntry<T extends Substitution = SubstitutionClass> = {\n type: 'substitution';\n mutation: T;\n count: number;\n proportion: number;\n};\n\nexport type DeletionEntry<T extends Deletion = DeletionClass> = {\n type: 'deletion';\n mutation: T;\n count: number;\n proportion: number;\n};\n\nexport type InsertionEntry<T extends Insertion = InsertionClass> = { type: 'insertion'; mutation: T; count: number };\n\nexport type SubstitutionOrDeletionEntry<\n S extends Substitution = SubstitutionClass,\n D extends Deletion = DeletionClass,\n> = SubstitutionEntry<S> | DeletionEntry<D>;\n\nexport type MutationEntry = SubstitutionEntry | DeletionEntry | InsertionEntry;\n\nexport const views = {\n table: 'table',\n venn: 'venn',\n grid: 'grid',\n insertions: 'insertions',\n bar: 'bar',\n line: 'line',\n bubble: 'bubble',\n map: 'map',\n} as const;\n","export const toYYYYMMDD = (date: Date) => {\n const options: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return date.toLocaleDateString('en-CA', options);\n};\n","import z from 'zod';\n\nimport { toYYYYMMDD } from './dateConversion';\n\n/**\n * A date range option that can be used in the `gs-date-range-filter` component.\n */\nexport const dateRangeOptionSchema = z.object({\n /** The label of the date range option that will be shown to the user */\n label: z.string(),\n /**\n * The start date of the date range in the format `YYYY-MM-DD`.\n * If not set, the date range selector will default to the `earliestDate` property.\n */\n dateFrom: z.string().date().optional(),\n /**\n * The end date of the date range in the format `YYYY-MM-DD`.\n * If not set, the date range selector will default to the current date.\n */\n dateTo: z.string().date().optional(),\n});\n\nexport type DateRangeOption = z.infer<typeof dateRangeOptionSchema>;\n\nexport const dateRangeValueSchema = z\n .union([\n z.string(),\n z.object({\n dateFrom: z.string().date().optional(),\n dateTo: z.string().date().optional(),\n }),\n ])\n .optional();\n\nexport type DateRangeValue = z.infer<typeof dateRangeValueSchema>;\n\nexport class DateRangeOptionChangedEvent extends CustomEvent<DateRangeValue> {\n constructor(detail: DateRangeValue) {\n super('gs-date-range-option-changed', {\n detail,\n bubbles: true,\n composed: true,\n });\n }\n}\n\nconst today = new Date();\n\nconst twoWeeksAgo = new Date();\ntwoWeeksAgo.setDate(today.getDate() - 14);\n\nconst lastMonth = new Date(today);\nlastMonth.setMonth(today.getMonth() - 1);\n\nconst last2Months = new Date(today);\nlast2Months.setMonth(today.getMonth() - 2);\n\nconst last3Months = new Date(today);\nlast3Months.setMonth(today.getMonth() - 3);\n\nconst last6Months = new Date(today);\nlast6Months.setMonth(today.getMonth() - 6);\n\nconst lastYear = new Date(today);\nlastYear.setFullYear(today.getFullYear() - 1);\n\n/**\n * Presets for the `gs-date-range-filter` component that can be used as `dateRangeOptions`.\n */\nexport const dateRangeOptionPresets = {\n last2Weeks: {\n label: 'Last 2 weeks',\n dateFrom: toYYYYMMDD(twoWeeksAgo),\n },\n lastMonth: {\n label: 'Last month',\n dateFrom: toYYYYMMDD(lastMonth),\n },\n last2Months: {\n label: 'Last 2 months',\n dateFrom: toYYYYMMDD(last2Months),\n },\n last3Months: {\n label: 'Last 3 months',\n dateFrom: toYYYYMMDD(last3Months),\n },\n last6Months: {\n label: 'Last 6 months',\n dateFrom: toYYYYMMDD(last6Months),\n },\n lastYear: {\n label: 'Last year',\n dateFrom: toYYYYMMDD(lastYear),\n },\n allTimes: {\n label: 'All times',\n },\n} satisfies Record<string, DateRangeOption>;\n","import { type LapisLocationFilter } from '../../types';\n\nexport class LocationChangedEvent extends CustomEvent<LapisLocationFilter> {\n constructor(detail: LapisLocationFilter) {\n super('gs-location-changed', {\n detail,\n bubbles: true,\n composed: true,\n });\n }\n}\n","type LapisTextFilter = Record<string, string | undefined>;\n\nexport class TextFilterChangedEvent extends CustomEvent<LapisTextFilter> {\n constructor(detail: LapisTextFilter) {\n super('gs-text-filter-changed', {\n detail,\n bubbles: true,\n composed: true,\n });\n }\n}\n","type LapisLineageFilter = Record<string, string | undefined>;\n\nexport class LineageFilterChangedEvent extends CustomEvent<LapisLineageFilter> {\n constructor(detail: LapisLineageFilter) {\n super('gs-lineage-filter-changed', {\n detail,\n bubbles: true,\n composed: true,\n });\n }\n}\n"],"names":[],"mappings":"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"}
@@ -59,13 +59,13 @@ export declare class AggregateComponent extends PreactLitAdapterWithGridJsStyles
59
59
  /**
60
60
  * The width of the component.
61
61
  *
62
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
62
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
63
63
  */
64
64
  width: string;
65
65
  /**
66
66
  * The height of the component.
67
67
  *
68
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
68
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
69
69
  */
70
70
  height: string | undefined;
71
71
  /**
@@ -115,8 +115,8 @@ export declare class AppComponent extends LitElement {
115
115
  lapis: string;
116
116
  /**
117
117
  * Supply lists of mutations that are especially relevant for the current organism.
118
- * Whenever other components display mutations, matching mutations will be highlighted by appending the `symbol`.
119
- * On hover, a tooltip with the `name` and `description` will be shown.
118
+ *
119
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-mutation-annotations--docs for more information.
120
120
  */
121
121
  mutationAnnotations: {
122
122
  name: string;
@@ -197,7 +197,6 @@ export declare class DateRangeFilterComponent extends PreactLitAdapter {
197
197
  * - If it is a string, then it must be a valid label from the `dateRangeOptions`.
198
198
  * - If it is an object, then it accepts dates in the format `YYYY-MM-DD` for the keys `dateFrom` and `dateTo`.
199
199
  * Keys that are not set will default to the `earliestDate` or the current date respectively.
200
- * - If the attribute is not set, the component will default to the range `earliestDate` until today.
201
200
  *
202
201
  * The `detail` of the `gs-date-range-option-changed` event can be used for this attribute,
203
202
  * if you want to control this component in your JS application.
@@ -209,9 +208,13 @@ export declare class DateRangeFilterComponent extends PreactLitAdapter {
209
208
  /**
210
209
  * The width of the component.
211
210
  *
212
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
211
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
213
212
  */
214
213
  width: string;
214
+ /**
215
+ * The placeholder to display on the select dropdown.
216
+ */
217
+ placeholder: string | undefined;
215
218
  /**
216
219
  * The name of the metadata field in LAPIS that contains the date information.
217
220
  */
@@ -277,7 +280,7 @@ export declare class LineageFilterComponent extends PreactLitAdapter {
277
280
  /**
278
281
  * The width of the component.
279
282
  *
280
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
283
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
281
284
  */
282
285
  width: string;
283
286
  render(): JSX_2.Element;
@@ -335,7 +338,7 @@ export declare class LocationFilterComponent extends PreactLitAdapter {
335
338
  /**
336
339
  * The width of the component.
337
340
  *
338
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
341
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
339
342
  */
340
343
  width: string;
341
344
  /**
@@ -375,6 +378,9 @@ declare const mutationAnnotationsSchema: default_2.ZodArray<default_2.ZodObject<
375
378
  *
376
379
  * It only shows substitutions and deletions, it does not show insertions.
377
380
  *
381
+ * This component supports mutations annotations.
382
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-mutation-annotations--docs for more information.
383
+ *
378
384
  * ## Views
379
385
  *
380
386
  * ### Table View
@@ -423,13 +429,13 @@ export declare class MutationComparisonComponent extends PreactLitAdapterWithGri
423
429
  /**
424
430
  * The width of the component.
425
431
  *
426
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
432
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
427
433
  */
428
434
  width: string;
429
435
  /**
430
436
  * The height of the component.
431
437
  *
432
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
438
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
433
439
  */
434
440
  height: string | undefined;
435
441
  /**
@@ -501,7 +507,7 @@ export declare class MutationFilterComponent extends PreactLitAdapter {
501
507
  /**
502
508
  * The width of the component.
503
509
  *
504
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
510
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
505
511
  */
506
512
  width: string;
507
513
  render(): JSX_2.Element;
@@ -512,6 +518,9 @@ export declare class MutationFilterComponent extends PreactLitAdapter {
512
518
  *
513
519
  * This component displays mutations (substitutions, deletions and insertions) for a dataset selected by a LAPIS filter.
514
520
  *
521
+ * This component supports mutations annotations.
522
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-mutation-annotations--docs for more information.
523
+ *
515
524
  * ## Views
516
525
  *
517
526
  * ### Table View
@@ -589,13 +598,13 @@ export declare class MutationsComponent extends PreactLitAdapterWithGridJsStyles
589
598
  /**
590
599
  * The width of the component.
591
600
  *
592
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
601
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
593
602
  */
594
603
  width: string;
595
604
  /**
596
605
  * The height of the component.
597
606
  *
598
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
607
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
599
608
  */
600
609
  height: string | undefined;
601
610
  /**
@@ -614,6 +623,9 @@ export declare class MutationsComponent extends PreactLitAdapterWithGridJsStyles
614
623
  * The shown date range is determined by the date field in the LAPIS filter.
615
624
  * If the date field is not set, the date range is determined by all available dates in the dataset.
616
625
  *
626
+ * This component supports mutations annotations.
627
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-mutation-annotations--docs for more information.
628
+ *
617
629
  * ## Views
618
630
  *
619
631
  * ### Grid View
@@ -657,13 +669,13 @@ export declare class MutationsOverTimeComponent extends PreactLitAdapterWithGrid
657
669
  /**
658
670
  * The width of the component.
659
671
  *
660
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
672
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
661
673
  */
662
674
  width: string;
663
675
  /**
664
676
  * The height of the component.
665
677
  *
666
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
678
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
667
679
  */
668
680
  height: string | undefined;
669
681
  /**
@@ -691,6 +703,10 @@ export declare class MutationsOverTimeComponent extends PreactLitAdapterWithGrid
691
703
  min: number;
692
704
  max: number;
693
705
  };
706
+ /**
707
+ * The number of rows per page, which can be selected by the user.
708
+ */
709
+ pageSizes: number[] | number;
694
710
  /* Excluded from this release type: mutationAnnotations */
695
711
  render(): JSX_2.Element;
696
712
  }
@@ -741,13 +757,13 @@ export declare class NumberSequencesOverTimeComponent extends PreactLitAdapterWi
741
757
  /**
742
758
  * The width of the component.
743
759
  *
744
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
760
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
745
761
  */
746
762
  width: string;
747
763
  /**
748
764
  * The height of the component.
749
765
  *
750
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
766
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
751
767
  */
752
768
  height: string | undefined;
753
769
  /**
@@ -878,13 +894,13 @@ export declare class PrevalenceOverTimeComponent extends PreactLitAdapterWithGri
878
894
  /**
879
895
  * The width of the component.
880
896
  *
881
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
897
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
882
898
  */
883
899
  width: string;
884
900
  /**
885
901
  * The height of the component.
886
902
  *
887
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
903
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
888
904
  */
889
905
  height: string | undefined;
890
906
  /**
@@ -1021,13 +1037,13 @@ export declare class RelativeGrowthAdvantageComponent extends PreactLitAdapter {
1021
1037
  /**
1022
1038
  * The width of the component.
1023
1039
  *
1024
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1040
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1025
1041
  */
1026
1042
  width: string;
1027
1043
  /**
1028
1044
  * The height of the component.
1029
1045
  *
1030
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1046
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1031
1047
  */
1032
1048
  height: string | undefined;
1033
1049
  /**
@@ -1177,13 +1193,13 @@ export declare class SequencesByLocationComponent extends PreactLitAdapterWithGr
1177
1193
  * Not that the map in the map view is not responsive
1178
1194
  * (i.e. does not adjust its size when the component is resized).
1179
1195
  *
1180
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1196
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1181
1197
  */
1182
1198
  width: string;
1183
1199
  /**
1184
1200
  * The height of the component.
1185
1201
  *
1186
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1202
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1187
1203
  */
1188
1204
  height: string | undefined;
1189
1205
  /**
@@ -1245,13 +1261,13 @@ export declare class StatisticsComponent extends PreactLitAdapterWithGridJsStyle
1245
1261
  /**
1246
1262
  * The width of the component.
1247
1263
  *
1248
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1264
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1249
1265
  */
1250
1266
  width: string;
1251
1267
  /**
1252
1268
  * The height of the component.
1253
1269
  *
1254
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1270
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1255
1271
  */
1256
1272
  height: string | undefined;
1257
1273
  render(): JSX_2.Element;
@@ -1303,7 +1319,7 @@ export declare class TextFilterComponent extends PreactLitAdapter {
1303
1319
  /**
1304
1320
  * The width of the component.
1305
1321
  *
1306
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1322
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1307
1323
  */
1308
1324
  width: string;
1309
1325
  render(): JSX_2.Element;
@@ -1353,19 +1369,19 @@ export declare class WastewaterMutationsOverTimeComponent extends PreactLitAdapt
1353
1369
  /**
1354
1370
  * The width of the component.
1355
1371
  *
1356
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1372
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1357
1373
  */
1358
1374
  width: string;
1359
1375
  /**
1360
1376
  * The height of the component.
1361
1377
  *
1362
- * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
1378
+ * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
1363
1379
  */
1364
1380
  height: string | undefined;
1365
1381
  /**
1366
- * The maximum number of grid rows to display.
1382
+ * The number of rows per page, which can be selected by the user.
1367
1383
  */
1368
- maxNumberOfGridRows: number;
1384
+ pageSizes: number[] | number;
1369
1385
  /* Excluded from this release type: mutationAnnotations */
1370
1386
  render(): JSX_2.Element;
1371
1387
  }
@@ -1478,7 +1494,7 @@ declare global {
1478
1494
 
1479
1495
  declare global {
1480
1496
  interface HTMLElementTagNameMap {
1481
- 'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
1497
+ 'gs-mutations-over-time': MutationsOverTimeComponent;
1482
1498
  }
1483
1499
  }
1484
1500
 
@@ -1486,7 +1502,7 @@ declare global {
1486
1502
  declare global {
1487
1503
  namespace JSX {
1488
1504
  interface IntrinsicElements {
1489
- 'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1505
+ 'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1490
1506
  }
1491
1507
  }
1492
1508
  }
@@ -1494,7 +1510,7 @@ declare global {
1494
1510
 
1495
1511
  declare global {
1496
1512
  interface HTMLElementTagNameMap {
1497
- 'gs-mutations-over-time': MutationsOverTimeComponent;
1513
+ 'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
1498
1514
  }
1499
1515
  }
1500
1516
 
@@ -1502,7 +1518,7 @@ declare global {
1502
1518
  declare global {
1503
1519
  namespace JSX {
1504
1520
  interface IntrinsicElements {
1505
- 'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1521
+ 'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1506
1522
  }
1507
1523
  }
1508
1524
  }
@@ -1542,11 +1558,7 @@ declare global {
1542
1558
 
1543
1559
  declare global {
1544
1560
  interface HTMLElementTagNameMap {
1545
- 'gs-date-range-filter': DateRangeFilterComponent;
1546
- }
1547
- interface HTMLElementEventMap {
1548
- 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
1549
- 'gs-date-range-option-changed': DateRangeOptionChangedEvent;
1561
+ 'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
1550
1562
  }
1551
1563
  }
1552
1564
 
@@ -1554,7 +1566,7 @@ declare global {
1554
1566
  declare global {
1555
1567
  namespace JSX {
1556
1568
  interface IntrinsicElements {
1557
- 'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1569
+ 'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1558
1570
  }
1559
1571
  }
1560
1572
  }
@@ -1562,7 +1574,11 @@ declare global {
1562
1574
 
1563
1575
  declare global {
1564
1576
  interface HTMLElementTagNameMap {
1565
- 'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
1577
+ 'gs-date-range-filter': DateRangeFilterComponent;
1578
+ }
1579
+ interface HTMLElementEventMap {
1580
+ 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
1581
+ 'gs-date-range-option-changed': DateRangeOptionChangedEvent;
1566
1582
  }
1567
1583
  }
1568
1584
 
@@ -1570,7 +1586,7 @@ declare global {
1570
1586
  declare global {
1571
1587
  namespace JSX {
1572
1588
  interface IntrinsicElements {
1573
- 'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1589
+ 'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1574
1590
  }
1575
1591
  }
1576
1592
  }
@@ -1616,10 +1632,10 @@ declare global {
1616
1632
 
1617
1633
  declare global {
1618
1634
  interface HTMLElementTagNameMap {
1619
- 'gs-lineage-filter': LineageFilterComponent;
1635
+ 'gs-mutation-filter': MutationFilterComponent;
1620
1636
  }
1621
1637
  interface HTMLElementEventMap {
1622
- 'gs-lineage-filter-changed': LineageFilterChangedEvent;
1638
+ 'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
1623
1639
  }
1624
1640
  }
1625
1641
 
@@ -1627,7 +1643,7 @@ declare global {
1627
1643
  declare global {
1628
1644
  namespace JSX {
1629
1645
  interface IntrinsicElements {
1630
- 'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1646
+ 'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1631
1647
  }
1632
1648
  }
1633
1649
  }
@@ -1635,10 +1651,10 @@ declare global {
1635
1651
 
1636
1652
  declare global {
1637
1653
  interface HTMLElementTagNameMap {
1638
- 'gs-mutation-filter': MutationFilterComponent;
1654
+ 'gs-lineage-filter': LineageFilterComponent;
1639
1655
  }
1640
1656
  interface HTMLElementEventMap {
1641
- 'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
1657
+ 'gs-lineage-filter-changed': LineageFilterChangedEvent;
1642
1658
  }
1643
1659
  }
1644
1660
 
@@ -1646,7 +1662,7 @@ declare global {
1646
1662
  declare global {
1647
1663
  namespace JSX {
1648
1664
  interface IntrinsicElements {
1649
- 'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1665
+ 'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1650
1666
  }
1651
1667
  }
1652
1668
  }