@genspectrum/dashboard-components 0.19.4 → 0.19.6
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 +99 -0
- package/dist/{LineageFilterChangedEvent-GgkxoF3X.js → LineageFilterChangedEvent-Cqa8Frcf.js} +2 -1
- package/dist/{LineageFilterChangedEvent-GgkxoF3X.js.map → LineageFilterChangedEvent-Cqa8Frcf.js.map} +1 -1
- package/dist/assets/mutationOverTimeWorker-DQGh08AS.js.map +1 -0
- package/dist/components.d.ts +64 -33
- package/dist/components.js +82 -22
- package/dist/components.js.map +1 -1
- package/dist/util.d.ts +47 -33
- package/dist/util.js +1 -1
- package/package.json +1 -1
- package/src/preact/aggregatedData/aggregate.stories.tsx +6 -0
- package/src/preact/aggregatedData/aggregate.tsx +10 -1
- package/src/preact/components/tabs.tsx +4 -4
- package/src/preact/genomeViewer/CDSPlot.tsx +4 -1
- package/src/preact/genomeViewer/genome-data-viewer.stories.tsx +6 -0
- package/src/preact/mutationComparison/mutation-comparison.stories.tsx +6 -0
- package/src/preact/mutationComparison/mutation-comparison.tsx +4 -0
- package/src/preact/mutations/mutations.stories.tsx +6 -0
- package/src/preact/mutations/mutations.tsx +4 -1
- package/src/preact/mutationsOverTime/getFilteredMutationsOverTimeData.ts +4 -2
- package/src/preact/mutationsOverTime/mutations-over-time.stories.tsx +6 -0
- package/src/preact/mutationsOverTime/mutations-over-time.tsx +4 -1
- package/src/preact/numberSequencesOverTime/number-sequences-over-time.stories.tsx +3 -1
- package/src/preact/numberSequencesOverTime/number-sequences-over-time.tsx +4 -0
- package/src/preact/prevalenceOverTime/prevalence-over-time.stories.tsx +6 -0
- package/src/preact/prevalenceOverTime/prevalence-over-time.tsx +4 -1
- package/src/preact/relativeGrowthAdvantage/relative-growth-advantage.stories.tsx +6 -0
- package/src/preact/relativeGrowthAdvantage/relative-growth-advantage.tsx +4 -1
- package/src/preact/sequencesByLocation/sequences-by-location.stories.tsx +6 -0
- package/src/preact/sequencesByLocation/sequences-by-location.tsx +4 -0
- package/src/preact/shared/stories/expectFinishedLoadingEvent.ts +12 -0
- package/src/preact/statistic/statistics.stories.tsx +6 -0
- package/src/preact/statistic/statistics.tsx +4 -1
- package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.stories.tsx +37 -1
- package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.tsx +44 -4
- package/src/utilEntrypoint.ts +2 -0
- package/src/utils/gsEventNames.ts +1 -0
- package/src/utils/useDispatchFinishedLoadingEvent.ts +19 -0
- package/src/web-components/visualization/gs-aggregate.tsx +3 -0
- package/src/web-components/visualization/gs-genome-data-viewer.tsx +2 -0
- package/src/web-components/visualization/gs-mutation-comparison.tsx +3 -0
- package/src/web-components/visualization/gs-mutations-over-time.tsx +3 -0
- package/src/web-components/visualization/gs-mutations.tsx +2 -0
- package/src/web-components/visualization/gs-number-sequences-over-time.tsx +3 -0
- package/src/web-components/visualization/gs-prevalence-over-time.tsx +3 -0
- package/src/web-components/visualization/gs-relative-growth-advantage.tsx +3 -0
- package/src/web-components/visualization/gs-sequences-by-location.tsx +3 -0
- package/src/web-components/visualization/gs-statistics.tsx +3 -0
- package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.tsx +3 -0
- package/standalone-bundle/assets/mutationOverTimeWorker-DAf2_NiP.js.map +1 -0
- package/standalone-bundle/dashboard-components.js +7012 -6961
- package/standalone-bundle/dashboard-components.js.map +1 -1
- package/dist/assets/mutationOverTimeWorker-ChQTFL68.js.map +0 -1
- package/standalone-bundle/assets/mutationOverTimeWorker-jChgWnwp.js.map +0 -1
package/dist/components.d.ts
CHANGED
|
@@ -32,6 +32,9 @@ import { TemplateResult } from 'lit-html';
|
|
|
32
32
|
*
|
|
33
33
|
* The chart shows the bars with the highest aggregated `count`.
|
|
34
34
|
* The number of bars can be adjusted with the `maxNumberOfBars` property.
|
|
35
|
+
*
|
|
36
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
37
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
35
38
|
*/
|
|
36
39
|
export declare class AggregateComponent extends PreactLitAdapterWithGridJsStyles {
|
|
37
40
|
/**
|
|
@@ -239,6 +242,8 @@ export { ErrorEvent_2 as ErrorEvent }
|
|
|
239
242
|
* This component shows the Coding Sequence (CDS) of a genome using a gff3 file as input.
|
|
240
243
|
* The CDS shows which parts of the genome are translated into proteins.
|
|
241
244
|
*
|
|
245
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
246
|
+
* Fired when the component has finished loading the required data.
|
|
242
247
|
*/
|
|
243
248
|
export declare class GenomeDataViewerComponent extends PreactLitAdapter {
|
|
244
249
|
/**
|
|
@@ -437,6 +442,9 @@ declare const mutationAnnotationsSchema: default_2.ZodArray<default_2.ZodObject<
|
|
|
437
442
|
* selected proportion interval.
|
|
438
443
|
* Thus, changing the proportion interval may change a mutations from being "common" between the datasets
|
|
439
444
|
* to being "for one dataset only".
|
|
445
|
+
*
|
|
446
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
447
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
440
448
|
*/
|
|
441
449
|
export declare class MutationComparisonComponent extends PreactLitAdapterWithGridJsStyles {
|
|
442
450
|
/**
|
|
@@ -606,6 +614,8 @@ export declare class MutationFilterComponent extends PreactLitAdapter {
|
|
|
606
614
|
*
|
|
607
615
|
* The insertions view shows the count of all insertions for the dataset.
|
|
608
616
|
*
|
|
617
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
618
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
609
619
|
*/
|
|
610
620
|
export declare class MutationsComponent extends PreactLitAdapterWithGridJsStyles {
|
|
611
621
|
/**
|
|
@@ -688,6 +698,9 @@ export declare class MutationsComponent extends PreactLitAdapterWithGridJsStyles
|
|
|
688
698
|
* Users can filter the displayed rows by mean proportion via a slider in the toolbar.
|
|
689
699
|
* The mean proportion of each row is calculated by LAPIS over the whole data range that the component displays.
|
|
690
700
|
* The initial mean proportion can be set via `initialMeanProportionInterval`.
|
|
701
|
+
*
|
|
702
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
703
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
691
704
|
*/
|
|
692
705
|
export declare class MutationsOverTimeComponent extends PreactLitAdapterWithGridJsStyles {
|
|
693
706
|
/**
|
|
@@ -860,6 +873,9 @@ export declare class NumberRangeFilterComponent extends PreactLitAdapter {
|
|
|
860
873
|
* Thus, the `lapisFilter` implicitly also defines the range that is shown on the x-axis.
|
|
861
874
|
* If you want to restrict the x-axis to a smaller date range,
|
|
862
875
|
* then you need to set appropriate filter values in the `lapisFilter`.
|
|
876
|
+
*
|
|
877
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
878
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
863
879
|
*/
|
|
864
880
|
export declare class NumberSequencesOverTimeComponent extends PreactLitAdapterWithGridJsStyles {
|
|
865
881
|
/**
|
|
@@ -974,6 +990,9 @@ declare abstract class PreactLitAdapterWithGridJsStyles extends PreactLitAdapter
|
|
|
974
990
|
* ### Table View
|
|
975
991
|
*
|
|
976
992
|
* Displays the prevalence over time as a table with one row per time point.
|
|
993
|
+
*
|
|
994
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
995
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
977
996
|
*/
|
|
978
997
|
export declare class PrevalenceOverTimeComponent extends PreactLitAdapterWithGridJsStyles {
|
|
979
998
|
/**
|
|
@@ -1141,6 +1160,9 @@ declare const referenceGenomeResponse: default_2.ZodObject<{
|
|
|
1141
1160
|
* The dots in the plot show the proportions of the focal variant (defined by the `numeratorFilter`) to the baseline variant (defined by the `denominatorFilter`)
|
|
1142
1161
|
* for every day as observed in the data.
|
|
1143
1162
|
* The line shows a logistic curve fitted to the data points, including a 95% confidence interval.
|
|
1163
|
+
*
|
|
1164
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
1165
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
1144
1166
|
*/
|
|
1145
1167
|
export declare class RelativeGrowthAdvantageComponent extends PreactLitAdapter {
|
|
1146
1168
|
/**
|
|
@@ -1291,6 +1313,9 @@ export declare class RelativeGrowthAdvantageComponent extends PreactLitAdapter {
|
|
|
1291
1313
|
* - `lapisLocationField`,
|
|
1292
1314
|
* - `count` (the number of samples in this location matching the `lapisFilter`),
|
|
1293
1315
|
* - `proportion` (`count` / sum of the `count` of all locations).
|
|
1316
|
+
*
|
|
1317
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
1318
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
1294
1319
|
*/
|
|
1295
1320
|
export declare class SequencesByLocationComponent extends PreactLitAdapterWithGridJsStyles {
|
|
1296
1321
|
static styles: CSSResult[];
|
|
@@ -1374,6 +1399,9 @@ export declare class SequencesByLocationComponent extends PreactLitAdapterWithGr
|
|
|
1374
1399
|
*
|
|
1375
1400
|
* This component displays general statistics (number of sequences, overall proportion)
|
|
1376
1401
|
* for a given numerator and denominator filter.
|
|
1402
|
+
*
|
|
1403
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
1404
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
1377
1405
|
*/
|
|
1378
1406
|
export declare class StatisticsComponent extends PreactLitAdapterWithGridJsStyles {
|
|
1379
1407
|
/**
|
|
@@ -1485,6 +1513,9 @@ export declare class UserFacingError extends Error {
|
|
|
1485
1513
|
* This component also assumes that the LAPIS instance has the field `date` which can be used for the time axis.
|
|
1486
1514
|
*
|
|
1487
1515
|
* @slot infoText - Additional information text to be shown in the info modal (the "?" button).
|
|
1516
|
+
*
|
|
1517
|
+
* @fires {CustomEvent<undefined>} gs-component-finished-loading
|
|
1518
|
+
* Fired when the component has finished loading the required data from LAPIS.
|
|
1488
1519
|
*/
|
|
1489
1520
|
export declare class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGridJsStyles {
|
|
1490
1521
|
/**
|
|
@@ -1568,7 +1599,7 @@ declare global {
|
|
|
1568
1599
|
|
|
1569
1600
|
declare global {
|
|
1570
1601
|
interface HTMLElementTagNameMap {
|
|
1571
|
-
'gs-
|
|
1602
|
+
'gs-mutations-component': MutationsComponent;
|
|
1572
1603
|
}
|
|
1573
1604
|
}
|
|
1574
1605
|
|
|
@@ -1576,7 +1607,7 @@ declare global {
|
|
|
1576
1607
|
declare global {
|
|
1577
1608
|
namespace JSX {
|
|
1578
1609
|
interface IntrinsicElements {
|
|
1579
|
-
'gs-
|
|
1610
|
+
'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1580
1611
|
}
|
|
1581
1612
|
}
|
|
1582
1613
|
}
|
|
@@ -1584,7 +1615,7 @@ declare global {
|
|
|
1584
1615
|
|
|
1585
1616
|
declare global {
|
|
1586
1617
|
interface HTMLElementTagNameMap {
|
|
1587
|
-
'gs-
|
|
1618
|
+
'gs-mutation-comparison-component': MutationComparisonComponent;
|
|
1588
1619
|
}
|
|
1589
1620
|
}
|
|
1590
1621
|
|
|
@@ -1592,7 +1623,7 @@ declare global {
|
|
|
1592
1623
|
declare global {
|
|
1593
1624
|
namespace JSX {
|
|
1594
1625
|
interface IntrinsicElements {
|
|
1595
|
-
'gs-
|
|
1626
|
+
'gs-mutation-comparison-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1596
1627
|
}
|
|
1597
1628
|
}
|
|
1598
1629
|
}
|
|
@@ -1632,7 +1663,7 @@ declare global {
|
|
|
1632
1663
|
|
|
1633
1664
|
declare global {
|
|
1634
1665
|
interface HTMLElementTagNameMap {
|
|
1635
|
-
'gs-
|
|
1666
|
+
'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
|
|
1636
1667
|
}
|
|
1637
1668
|
}
|
|
1638
1669
|
|
|
@@ -1640,7 +1671,7 @@ declare global {
|
|
|
1640
1671
|
declare global {
|
|
1641
1672
|
namespace JSX {
|
|
1642
1673
|
interface IntrinsicElements {
|
|
1643
|
-
'gs-
|
|
1674
|
+
'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1644
1675
|
}
|
|
1645
1676
|
}
|
|
1646
1677
|
}
|
|
@@ -1648,7 +1679,7 @@ declare global {
|
|
|
1648
1679
|
|
|
1649
1680
|
declare global {
|
|
1650
1681
|
interface HTMLElementTagNameMap {
|
|
1651
|
-
'gs-
|
|
1682
|
+
'gs-aggregate': AggregateComponent;
|
|
1652
1683
|
}
|
|
1653
1684
|
}
|
|
1654
1685
|
|
|
@@ -1656,7 +1687,7 @@ declare global {
|
|
|
1656
1687
|
declare global {
|
|
1657
1688
|
namespace JSX {
|
|
1658
1689
|
interface IntrinsicElements {
|
|
1659
|
-
'gs-
|
|
1690
|
+
'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1660
1691
|
}
|
|
1661
1692
|
}
|
|
1662
1693
|
}
|
|
@@ -1696,11 +1727,7 @@ declare global {
|
|
|
1696
1727
|
|
|
1697
1728
|
declare global {
|
|
1698
1729
|
interface HTMLElementTagNameMap {
|
|
1699
|
-
'gs-
|
|
1700
|
-
}
|
|
1701
|
-
interface HTMLElementEventMap {
|
|
1702
|
-
[gsEventNames.dateRangeFilterChanged]: CustomEvent<Record<string, string>>;
|
|
1703
|
-
[gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
|
|
1730
|
+
'gs-statistics': StatisticsComponent;
|
|
1704
1731
|
}
|
|
1705
1732
|
}
|
|
1706
1733
|
|
|
@@ -1708,7 +1735,7 @@ declare global {
|
|
|
1708
1735
|
declare global {
|
|
1709
1736
|
namespace JSX {
|
|
1710
1737
|
interface IntrinsicElements {
|
|
1711
|
-
'gs-
|
|
1738
|
+
'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1712
1739
|
}
|
|
1713
1740
|
}
|
|
1714
1741
|
}
|
|
@@ -1716,10 +1743,7 @@ declare global {
|
|
|
1716
1743
|
|
|
1717
1744
|
declare global {
|
|
1718
1745
|
interface HTMLElementTagNameMap {
|
|
1719
|
-
'gs-
|
|
1720
|
-
}
|
|
1721
|
-
interface HTMLElementEventMap {
|
|
1722
|
-
[gsEventNames.locationChanged]: LocationChangedEvent;
|
|
1746
|
+
'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
|
|
1723
1747
|
}
|
|
1724
1748
|
}
|
|
1725
1749
|
|
|
@@ -1727,7 +1751,7 @@ declare global {
|
|
|
1727
1751
|
declare global {
|
|
1728
1752
|
namespace JSX {
|
|
1729
1753
|
interface IntrinsicElements {
|
|
1730
|
-
'gs-
|
|
1754
|
+
'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1731
1755
|
}
|
|
1732
1756
|
}
|
|
1733
1757
|
}
|
|
@@ -1735,7 +1759,11 @@ declare global {
|
|
|
1735
1759
|
|
|
1736
1760
|
declare global {
|
|
1737
1761
|
interface HTMLElementTagNameMap {
|
|
1738
|
-
'gs-
|
|
1762
|
+
'gs-date-range-filter': DateRangeFilterComponent;
|
|
1763
|
+
}
|
|
1764
|
+
interface HTMLElementEventMap {
|
|
1765
|
+
[gsEventNames.dateRangeFilterChanged]: CustomEvent<Record<string, string>>;
|
|
1766
|
+
[gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
|
|
1739
1767
|
}
|
|
1740
1768
|
}
|
|
1741
1769
|
|
|
@@ -1743,7 +1771,7 @@ declare global {
|
|
|
1743
1771
|
declare global {
|
|
1744
1772
|
namespace JSX {
|
|
1745
1773
|
interface IntrinsicElements {
|
|
1746
|
-
'gs-
|
|
1774
|
+
'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1747
1775
|
}
|
|
1748
1776
|
}
|
|
1749
1777
|
}
|
|
@@ -1751,10 +1779,10 @@ declare global {
|
|
|
1751
1779
|
|
|
1752
1780
|
declare global {
|
|
1753
1781
|
interface HTMLElementTagNameMap {
|
|
1754
|
-
'gs-
|
|
1782
|
+
'gs-location-filter': LocationFilterComponent;
|
|
1755
1783
|
}
|
|
1756
1784
|
interface HTMLElementEventMap {
|
|
1757
|
-
[gsEventNames.
|
|
1785
|
+
[gsEventNames.locationChanged]: LocationChangedEvent;
|
|
1758
1786
|
}
|
|
1759
1787
|
}
|
|
1760
1788
|
|
|
@@ -1762,7 +1790,7 @@ declare global {
|
|
|
1762
1790
|
declare global {
|
|
1763
1791
|
namespace JSX {
|
|
1764
1792
|
interface IntrinsicElements {
|
|
1765
|
-
'gs-
|
|
1793
|
+
'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1766
1794
|
}
|
|
1767
1795
|
}
|
|
1768
1796
|
}
|
|
@@ -1770,10 +1798,10 @@ declare global {
|
|
|
1770
1798
|
|
|
1771
1799
|
declare global {
|
|
1772
1800
|
interface HTMLElementTagNameMap {
|
|
1773
|
-
'gs-
|
|
1801
|
+
'gs-text-filter': TextFilterComponent;
|
|
1774
1802
|
}
|
|
1775
1803
|
interface HTMLElementEventMap {
|
|
1776
|
-
[gsEventNames.
|
|
1804
|
+
[gsEventNames.textFilterChanged]: TextFilterChangedEvent;
|
|
1777
1805
|
}
|
|
1778
1806
|
}
|
|
1779
1807
|
|
|
@@ -1781,7 +1809,7 @@ declare global {
|
|
|
1781
1809
|
declare global {
|
|
1782
1810
|
namespace JSX {
|
|
1783
1811
|
interface IntrinsicElements {
|
|
1784
|
-
'gs-
|
|
1812
|
+
'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1785
1813
|
}
|
|
1786
1814
|
}
|
|
1787
1815
|
}
|
|
@@ -1808,11 +1836,10 @@ declare global {
|
|
|
1808
1836
|
|
|
1809
1837
|
declare global {
|
|
1810
1838
|
interface HTMLElementTagNameMap {
|
|
1811
|
-
'gs-
|
|
1839
|
+
'gs-lineage-filter': LineageFilterComponent;
|
|
1812
1840
|
}
|
|
1813
1841
|
interface HTMLElementEventMap {
|
|
1814
|
-
[gsEventNames.
|
|
1815
|
-
[gsEventNames.numberRangeValueChanged]: NumberRangeValueChangedEvent;
|
|
1842
|
+
[gsEventNames.lineageFilterChanged]: LineageFilterChangedEvent;
|
|
1816
1843
|
}
|
|
1817
1844
|
}
|
|
1818
1845
|
|
|
@@ -1820,7 +1847,7 @@ declare global {
|
|
|
1820
1847
|
declare global {
|
|
1821
1848
|
namespace JSX {
|
|
1822
1849
|
interface IntrinsicElements {
|
|
1823
|
-
'gs-
|
|
1850
|
+
'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1824
1851
|
}
|
|
1825
1852
|
}
|
|
1826
1853
|
}
|
|
@@ -1828,7 +1855,11 @@ declare global {
|
|
|
1828
1855
|
|
|
1829
1856
|
declare global {
|
|
1830
1857
|
interface HTMLElementTagNameMap {
|
|
1831
|
-
'gs-
|
|
1858
|
+
'gs-number-range-filter': NumberRangeFilterComponent;
|
|
1859
|
+
}
|
|
1860
|
+
interface HTMLElementEventMap {
|
|
1861
|
+
[gsEventNames.numberRangeFilterChanged]: NumberRangeFilterChangedEvent;
|
|
1862
|
+
[gsEventNames.numberRangeValueChanged]: NumberRangeValueChangedEvent;
|
|
1832
1863
|
}
|
|
1833
1864
|
}
|
|
1834
1865
|
|
|
@@ -1836,7 +1867,7 @@ declare global {
|
|
|
1836
1867
|
declare global {
|
|
1837
1868
|
namespace JSX {
|
|
1838
1869
|
interface IntrinsicElements {
|
|
1839
|
-
'gs-
|
|
1870
|
+
'gs-number-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1840
1871
|
}
|
|
1841
1872
|
}
|
|
1842
1873
|
}
|