@genspectrum/dashboard-components 0.19.2 → 0.19.3
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 +160 -10
- package/dist/{LineageFilterChangedEvent-ixHQkq8y.js → LineageFilterChangedEvent-b0iuroUL.js} +15 -5
- package/dist/LineageFilterChangedEvent-b0iuroUL.js.map +1 -0
- package/dist/assets/mutationOverTimeWorker-ChQTFL68.js.map +1 -1
- package/dist/components.d.ts +71 -25
- package/dist/components.js +9047 -8699
- package/dist/components.js.map +1 -1
- package/dist/util.d.ts +51 -25
- package/dist/util.js +2 -1
- package/package.json +1 -1
- package/src/componentsEntrypoint.ts +3 -1
- package/src/preact/components/error-display.stories.tsx +2 -1
- package/src/preact/components/error-display.tsx +2 -3
- package/src/preact/components/resize-container.tsx +7 -10
- package/src/preact/components/tooltip.tsx +7 -4
- package/src/preact/dateRangeFilter/date-range-filter.stories.tsx +5 -4
- package/src/preact/dateRangeFilter/date-range-filter.tsx +2 -1
- package/src/preact/dateRangeFilter/dateRangeOption.ts +2 -1
- package/src/preact/genomeViewer/CDSPlot.tsx +219 -0
- package/src/preact/genomeViewer/genome-data-viewer.stories.tsx +113 -0
- package/src/preact/genomeViewer/genome-data-viewer.tsx +69 -0
- package/src/preact/genomeViewer/loadGff3.spec.ts +61 -0
- package/src/preact/genomeViewer/loadGff3.ts +174 -0
- package/src/preact/lineageFilter/LineageFilterChangedEvent.ts +3 -1
- package/src/preact/lineageFilter/lineage-filter.stories.tsx +3 -2
- package/src/preact/locationFilter/LocationChangedEvent.ts +2 -1
- package/src/preact/locationFilter/location-filter.stories.tsx +3 -2
- package/src/preact/mutationFilter/mutation-filter.stories.tsx +3 -2
- package/src/preact/mutationFilter/mutation-filter.tsx +2 -1
- package/src/preact/shared/charts/colors.ts +1 -1
- package/src/preact/textFilter/TextFilterChangedEvent.ts +3 -1
- package/src/preact/textFilter/text-filter.stories.tsx +4 -3
- package/src/utilEntrypoint.ts +2 -0
- package/src/utils/gsEventNames.ts +9 -0
- package/src/web-components/input/gs-date-range-filter.stories.ts +4 -3
- package/src/web-components/input/gs-date-range-filter.tsx +3 -2
- package/src/web-components/input/gs-lineage-filter.stories.ts +3 -2
- package/src/web-components/input/gs-lineage-filter.tsx +2 -1
- package/src/web-components/input/gs-location-filter.stories.ts +3 -2
- package/src/web-components/input/gs-location-filter.tsx +2 -1
- package/src/web-components/input/gs-mutation-filter.stories.ts +3 -2
- package/src/web-components/input/gs-mutation-filter.tsx +2 -1
- package/src/web-components/input/gs-text-filter.stories.ts +3 -2
- package/src/web-components/input/gs-text-filter.tsx +2 -1
- package/src/web-components/visualization/gs-genome-data-viewer.spec-d.ts +18 -0
- package/src/web-components/visualization/gs-genome-data-viewer.stories.ts +108 -0
- package/src/web-components/visualization/gs-genome-data-viewer.tsx +59 -0
- package/src/web-components/visualization/index.ts +1 -0
- package/standalone-bundle/assets/mutationOverTimeWorker-jChgWnwp.js.map +1 -1
- package/standalone-bundle/dashboard-components.js +8275 -8002
- package/standalone-bundle/dashboard-components.js.map +1 -1
- package/dist/LineageFilterChangedEvent-ixHQkq8y.js.map +0 -1
package/dist/components.d.ts
CHANGED
|
@@ -233,6 +233,36 @@ declare class ErrorEvent_2 extends Event {
|
|
|
233
233
|
}
|
|
234
234
|
export { ErrorEvent_2 as ErrorEvent }
|
|
235
235
|
|
|
236
|
+
/**
|
|
237
|
+
* ## Context
|
|
238
|
+
*
|
|
239
|
+
* This component shows the Coding Sequence (CDS) of a genome using a gff3 file as input.
|
|
240
|
+
* The CDS shows which parts of the genome are translated into proteins.
|
|
241
|
+
*
|
|
242
|
+
*/
|
|
243
|
+
export declare class GenomeDataViewerComponent extends PreactLitAdapter {
|
|
244
|
+
/**
|
|
245
|
+
* Required
|
|
246
|
+
*
|
|
247
|
+
* The source of the gff3 file. Any spec-compliant gff3 should be accepted, however we use the same format as Nextclade.
|
|
248
|
+
* See https://docs.nextstrain.org/projects/nextclade/en/stable/user/input-files/03-genome-annotation.html for more information.
|
|
249
|
+
* We only use the CDS and gene features from the gff3 file, if you have other features in the gff3 file they will be ignored.
|
|
250
|
+
* Also note that if a CDS has a gene feature as a parent, the gene feature will be ignored.
|
|
251
|
+
*/
|
|
252
|
+
gff3Source: string;
|
|
253
|
+
/**
|
|
254
|
+
* The length of the genome, if this is not given it will be computed from the `sequence-region` line of the start of the gff3 file.
|
|
255
|
+
*/
|
|
256
|
+
genomeLength: number | undefined;
|
|
257
|
+
/**
|
|
258
|
+
* The width of the component.
|
|
259
|
+
*
|
|
260
|
+
* Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
|
|
261
|
+
*/
|
|
262
|
+
width: string;
|
|
263
|
+
render(): JSX_2.Element;
|
|
264
|
+
}
|
|
265
|
+
|
|
236
266
|
/**
|
|
237
267
|
*
|
|
238
268
|
* ## Context
|
|
@@ -1402,7 +1432,7 @@ export { }
|
|
|
1402
1432
|
|
|
1403
1433
|
declare global {
|
|
1404
1434
|
interface HTMLElementEventMap {
|
|
1405
|
-
|
|
1435
|
+
[gsEventNames.error]: ErrorEvent;
|
|
1406
1436
|
}
|
|
1407
1437
|
}
|
|
1408
1438
|
|
|
@@ -1423,6 +1453,22 @@ declare global {
|
|
|
1423
1453
|
}
|
|
1424
1454
|
|
|
1425
1455
|
|
|
1456
|
+
declare global {
|
|
1457
|
+
interface HTMLElementTagNameMap {
|
|
1458
|
+
'gs-genome-data-viewer': GenomeDataViewerComponent;
|
|
1459
|
+
}
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1462
|
+
|
|
1463
|
+
declare global {
|
|
1464
|
+
namespace JSX {
|
|
1465
|
+
interface IntrinsicElements {
|
|
1466
|
+
'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1467
|
+
}
|
|
1468
|
+
}
|
|
1469
|
+
}
|
|
1470
|
+
|
|
1471
|
+
|
|
1426
1472
|
declare global {
|
|
1427
1473
|
interface HTMLElementTagNameMap {
|
|
1428
1474
|
'gs-mutation-comparison-component': MutationComparisonComponent;
|
|
@@ -1457,7 +1503,7 @@ declare global {
|
|
|
1457
1503
|
|
|
1458
1504
|
declare global {
|
|
1459
1505
|
interface HTMLElementTagNameMap {
|
|
1460
|
-
'gs-
|
|
1506
|
+
'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
|
|
1461
1507
|
}
|
|
1462
1508
|
}
|
|
1463
1509
|
|
|
@@ -1465,7 +1511,7 @@ declare global {
|
|
|
1465
1511
|
declare global {
|
|
1466
1512
|
namespace JSX {
|
|
1467
1513
|
interface IntrinsicElements {
|
|
1468
|
-
'gs-
|
|
1514
|
+
'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1469
1515
|
}
|
|
1470
1516
|
}
|
|
1471
1517
|
}
|
|
@@ -1473,7 +1519,7 @@ declare global {
|
|
|
1473
1519
|
|
|
1474
1520
|
declare global {
|
|
1475
1521
|
interface HTMLElementTagNameMap {
|
|
1476
|
-
'gs-
|
|
1522
|
+
'gs-prevalence-over-time': PrevalenceOverTimeComponent;
|
|
1477
1523
|
}
|
|
1478
1524
|
}
|
|
1479
1525
|
|
|
@@ -1481,7 +1527,7 @@ declare global {
|
|
|
1481
1527
|
declare global {
|
|
1482
1528
|
namespace JSX {
|
|
1483
1529
|
interface IntrinsicElements {
|
|
1484
|
-
'gs-
|
|
1530
|
+
'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1485
1531
|
}
|
|
1486
1532
|
}
|
|
1487
1533
|
}
|
|
@@ -1489,7 +1535,7 @@ declare global {
|
|
|
1489
1535
|
|
|
1490
1536
|
declare global {
|
|
1491
1537
|
interface HTMLElementTagNameMap {
|
|
1492
|
-
'gs-
|
|
1538
|
+
'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
|
|
1493
1539
|
}
|
|
1494
1540
|
}
|
|
1495
1541
|
|
|
@@ -1497,7 +1543,7 @@ declare global {
|
|
|
1497
1543
|
declare global {
|
|
1498
1544
|
namespace JSX {
|
|
1499
1545
|
interface IntrinsicElements {
|
|
1500
|
-
'gs-
|
|
1546
|
+
'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1501
1547
|
}
|
|
1502
1548
|
}
|
|
1503
1549
|
}
|
|
@@ -1505,7 +1551,7 @@ declare global {
|
|
|
1505
1551
|
|
|
1506
1552
|
declare global {
|
|
1507
1553
|
interface HTMLElementTagNameMap {
|
|
1508
|
-
'gs-
|
|
1554
|
+
'gs-aggregate': AggregateComponent;
|
|
1509
1555
|
}
|
|
1510
1556
|
}
|
|
1511
1557
|
|
|
@@ -1513,7 +1559,7 @@ declare global {
|
|
|
1513
1559
|
declare global {
|
|
1514
1560
|
namespace JSX {
|
|
1515
1561
|
interface IntrinsicElements {
|
|
1516
|
-
'gs-
|
|
1562
|
+
'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1517
1563
|
}
|
|
1518
1564
|
}
|
|
1519
1565
|
}
|
|
@@ -1537,7 +1583,7 @@ declare global {
|
|
|
1537
1583
|
|
|
1538
1584
|
declare global {
|
|
1539
1585
|
interface HTMLElementTagNameMap {
|
|
1540
|
-
'gs-sequences-
|
|
1586
|
+
'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
|
|
1541
1587
|
}
|
|
1542
1588
|
}
|
|
1543
1589
|
|
|
@@ -1545,7 +1591,7 @@ declare global {
|
|
|
1545
1591
|
declare global {
|
|
1546
1592
|
namespace JSX {
|
|
1547
1593
|
interface IntrinsicElements {
|
|
1548
|
-
'gs-sequences-
|
|
1594
|
+
'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1549
1595
|
}
|
|
1550
1596
|
}
|
|
1551
1597
|
}
|
|
@@ -1553,7 +1599,7 @@ declare global {
|
|
|
1553
1599
|
|
|
1554
1600
|
declare global {
|
|
1555
1601
|
interface HTMLElementTagNameMap {
|
|
1556
|
-
'gs-
|
|
1602
|
+
'gs-sequences-by-location': SequencesByLocationComponent;
|
|
1557
1603
|
}
|
|
1558
1604
|
}
|
|
1559
1605
|
|
|
@@ -1561,7 +1607,7 @@ declare global {
|
|
|
1561
1607
|
declare global {
|
|
1562
1608
|
namespace JSX {
|
|
1563
1609
|
interface IntrinsicElements {
|
|
1564
|
-
'gs-
|
|
1610
|
+
'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1565
1611
|
}
|
|
1566
1612
|
}
|
|
1567
1613
|
}
|
|
@@ -1569,7 +1615,7 @@ declare global {
|
|
|
1569
1615
|
|
|
1570
1616
|
declare global {
|
|
1571
1617
|
interface HTMLElementTagNameMap {
|
|
1572
|
-
'gs-
|
|
1618
|
+
'gs-statistics': StatisticsComponent;
|
|
1573
1619
|
}
|
|
1574
1620
|
}
|
|
1575
1621
|
|
|
@@ -1577,7 +1623,7 @@ declare global {
|
|
|
1577
1623
|
declare global {
|
|
1578
1624
|
namespace JSX {
|
|
1579
1625
|
interface IntrinsicElements {
|
|
1580
|
-
'gs-
|
|
1626
|
+
'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1581
1627
|
}
|
|
1582
1628
|
}
|
|
1583
1629
|
}
|
|
@@ -1585,10 +1631,11 @@ declare global {
|
|
|
1585
1631
|
|
|
1586
1632
|
declare global {
|
|
1587
1633
|
interface HTMLElementTagNameMap {
|
|
1588
|
-
'gs-
|
|
1634
|
+
'gs-date-range-filter': DateRangeFilterComponent;
|
|
1589
1635
|
}
|
|
1590
1636
|
interface HTMLElementEventMap {
|
|
1591
|
-
|
|
1637
|
+
[gsEventNames.dateRangeFilterChanged]: CustomEvent<Record<string, string>>;
|
|
1638
|
+
[gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
|
|
1592
1639
|
}
|
|
1593
1640
|
}
|
|
1594
1641
|
|
|
@@ -1596,7 +1643,7 @@ declare global {
|
|
|
1596
1643
|
declare global {
|
|
1597
1644
|
namespace JSX {
|
|
1598
1645
|
interface IntrinsicElements {
|
|
1599
|
-
'gs-
|
|
1646
|
+
'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1600
1647
|
}
|
|
1601
1648
|
}
|
|
1602
1649
|
}
|
|
@@ -1604,11 +1651,10 @@ declare global {
|
|
|
1604
1651
|
|
|
1605
1652
|
declare global {
|
|
1606
1653
|
interface HTMLElementTagNameMap {
|
|
1607
|
-
'gs-
|
|
1654
|
+
'gs-location-filter': LocationFilterComponent;
|
|
1608
1655
|
}
|
|
1609
1656
|
interface HTMLElementEventMap {
|
|
1610
|
-
|
|
1611
|
-
'gs-date-range-option-changed': DateRangeOptionChangedEvent;
|
|
1657
|
+
[gsEventNames.locationChanged]: LocationChangedEvent;
|
|
1612
1658
|
}
|
|
1613
1659
|
}
|
|
1614
1660
|
|
|
@@ -1616,7 +1662,7 @@ declare global {
|
|
|
1616
1662
|
declare global {
|
|
1617
1663
|
namespace JSX {
|
|
1618
1664
|
interface IntrinsicElements {
|
|
1619
|
-
'gs-
|
|
1665
|
+
'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1620
1666
|
}
|
|
1621
1667
|
}
|
|
1622
1668
|
}
|
|
@@ -1627,7 +1673,7 @@ declare global {
|
|
|
1627
1673
|
'gs-text-filter': TextFilterComponent;
|
|
1628
1674
|
}
|
|
1629
1675
|
interface HTMLElementEventMap {
|
|
1630
|
-
|
|
1676
|
+
[gsEventNames.textFilterChanged]: TextFilterChangedEvent;
|
|
1631
1677
|
}
|
|
1632
1678
|
}
|
|
1633
1679
|
|
|
@@ -1646,7 +1692,7 @@ declare global {
|
|
|
1646
1692
|
'gs-mutation-filter': MutationFilterComponent;
|
|
1647
1693
|
}
|
|
1648
1694
|
interface HTMLElementEventMap {
|
|
1649
|
-
|
|
1695
|
+
[gsEventNames.mutationFilterChanged]: CustomEvent<MutationsFilter>;
|
|
1650
1696
|
}
|
|
1651
1697
|
}
|
|
1652
1698
|
|
|
@@ -1665,7 +1711,7 @@ declare global {
|
|
|
1665
1711
|
'gs-lineage-filter': LineageFilterComponent;
|
|
1666
1712
|
}
|
|
1667
1713
|
interface HTMLElementEventMap {
|
|
1668
|
-
|
|
1714
|
+
[gsEventNames.lineageFilterChanged]: LineageFilterChangedEvent;
|
|
1669
1715
|
}
|
|
1670
1716
|
}
|
|
1671
1717
|
|