@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.
- package/custom-elements.json +130 -74
- package/dist/{LineageFilterChangedEvent-COWV-Y0k.js → LineageFilterChangedEvent-DkvWdq_G.js} +2 -2
- package/dist/LineageFilterChangedEvent-DkvWdq_G.js.map +1 -0
- package/dist/components.d.ts +64 -48
- package/dist/components.js +858 -242
- package/dist/components.js.map +1 -1
- package/dist/style.css +391 -12
- package/dist/util.d.ts +23 -25
- package/dist/util.js +1 -1
- package/package.json +2 -1
- package/src/preact/components/clearable-select.stories.tsx +75 -0
- package/src/preact/components/clearable-select.tsx +76 -0
- package/src/preact/components/downshift-combobox.tsx +9 -7
- package/src/preact/dateRangeFilter/computeInitialValues.spec.ts +31 -33
- package/src/preact/dateRangeFilter/computeInitialValues.ts +2 -15
- package/src/preact/dateRangeFilter/date-picker.tsx +66 -0
- package/src/preact/dateRangeFilter/date-range-filter.stories.tsx +69 -31
- package/src/preact/dateRangeFilter/date-range-filter.tsx +136 -139
- package/src/preact/dateRangeFilter/dateRangeOption.ts +11 -11
- package/src/preact/mutationsOverTime/mutations-over-time-grid.tsx +133 -84
- package/src/preact/mutationsOverTime/mutations-over-time.stories.tsx +46 -16
- package/src/preact/mutationsOverTime/mutations-over-time.tsx +3 -0
- package/src/preact/shared/WithClassName/WithClassName.ts +1 -0
- package/src/preact/shared/icons/DeleteIcon.tsx +3 -0
- package/src/preact/shared/stories/expectOptionSelected.tsx +7 -0
- package/src/preact/shared/tanstackTable/pagination.tsx +132 -0
- package/src/preact/shared/tanstackTable/tanstackTable.tsx +43 -0
- package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.stories.tsx +2 -1
- package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.tsx +3 -5
- package/src/utilEntrypoint.ts +1 -1
- package/src/web-components/MutationAnnotations.mdx +33 -0
- package/src/web-components/ResizeContainer.mdx +1 -1
- package/src/web-components/errorHandling.mdx +1 -1
- package/src/web-components/gs-app.ts +2 -2
- package/src/web-components/input/gs-date-range-filter.stories.ts +38 -32
- package/src/web-components/input/gs-date-range-filter.tsx +8 -2
- package/src/web-components/input/gs-lineage-filter.tsx +1 -1
- package/src/web-components/input/gs-location-filter.tsx +1 -1
- package/src/web-components/input/gs-mutation-filter.tsx +1 -1
- package/src/web-components/input/gs-text-filter.tsx +1 -1
- package/src/web-components/visualization/gs-aggregate.tsx +2 -2
- package/src/web-components/visualization/gs-mutation-comparison.tsx +5 -2
- package/src/web-components/visualization/gs-mutations-over-time.spec-d.ts +39 -0
- package/src/web-components/visualization/gs-mutations-over-time.stories.ts +4 -0
- package/src/web-components/visualization/gs-mutations-over-time.tsx +13 -33
- package/src/web-components/visualization/gs-mutations.tsx +5 -2
- package/src/web-components/visualization/gs-number-sequences-over-time.tsx +2 -2
- package/src/web-components/visualization/gs-prevalence-over-time.tsx +2 -2
- package/src/web-components/visualization/gs-relative-growth-advantage.tsx +2 -2
- package/src/web-components/visualization/gs-sequences-by-location.tsx +2 -2
- package/src/web-components/visualization/gs-statistics.tsx +2 -2
- package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.spec-d.ts +24 -0
- package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.stories.ts +3 -3
- package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.tsx +7 -38
- package/standalone-bundle/dashboard-components.js +18384 -16486
- package/standalone-bundle/dashboard-components.js.map +1 -1
- package/standalone-bundle/style.css +1 -1
- package/dist/LineageFilterChangedEvent-COWV-Y0k.js.map +0 -1
package/dist/{LineageFilterChangedEvent-COWV-Y0k.js → LineageFilterChangedEvent-DkvWdq_G.js}
RENAMED
|
@@ -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-
|
|
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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"}
|
package/dist/components.d.ts
CHANGED
|
@@ -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/
|
|
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/
|
|
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
|
-
*
|
|
119
|
-
*
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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
|
|
1382
|
+
* The number of rows per page, which can be selected by the user.
|
|
1367
1383
|
*/
|
|
1368
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1635
|
+
'gs-mutation-filter': MutationFilterComponent;
|
|
1620
1636
|
}
|
|
1621
1637
|
interface HTMLElementEventMap {
|
|
1622
|
-
'gs-
|
|
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-
|
|
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-
|
|
1654
|
+
'gs-lineage-filter': LineageFilterComponent;
|
|
1639
1655
|
}
|
|
1640
1656
|
interface HTMLElementEventMap {
|
|
1641
|
-
'gs-
|
|
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-
|
|
1665
|
+
'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1650
1666
|
}
|
|
1651
1667
|
}
|
|
1652
1668
|
}
|