@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.
Files changed (52) hide show
  1. package/custom-elements.json +160 -10
  2. package/dist/{LineageFilterChangedEvent-ixHQkq8y.js → LineageFilterChangedEvent-b0iuroUL.js} +15 -5
  3. package/dist/LineageFilterChangedEvent-b0iuroUL.js.map +1 -0
  4. package/dist/assets/mutationOverTimeWorker-ChQTFL68.js.map +1 -1
  5. package/dist/components.d.ts +71 -25
  6. package/dist/components.js +9047 -8699
  7. package/dist/components.js.map +1 -1
  8. package/dist/util.d.ts +51 -25
  9. package/dist/util.js +2 -1
  10. package/package.json +1 -1
  11. package/src/componentsEntrypoint.ts +3 -1
  12. package/src/preact/components/error-display.stories.tsx +2 -1
  13. package/src/preact/components/error-display.tsx +2 -3
  14. package/src/preact/components/resize-container.tsx +7 -10
  15. package/src/preact/components/tooltip.tsx +7 -4
  16. package/src/preact/dateRangeFilter/date-range-filter.stories.tsx +5 -4
  17. package/src/preact/dateRangeFilter/date-range-filter.tsx +2 -1
  18. package/src/preact/dateRangeFilter/dateRangeOption.ts +2 -1
  19. package/src/preact/genomeViewer/CDSPlot.tsx +219 -0
  20. package/src/preact/genomeViewer/genome-data-viewer.stories.tsx +113 -0
  21. package/src/preact/genomeViewer/genome-data-viewer.tsx +69 -0
  22. package/src/preact/genomeViewer/loadGff3.spec.ts +61 -0
  23. package/src/preact/genomeViewer/loadGff3.ts +174 -0
  24. package/src/preact/lineageFilter/LineageFilterChangedEvent.ts +3 -1
  25. package/src/preact/lineageFilter/lineage-filter.stories.tsx +3 -2
  26. package/src/preact/locationFilter/LocationChangedEvent.ts +2 -1
  27. package/src/preact/locationFilter/location-filter.stories.tsx +3 -2
  28. package/src/preact/mutationFilter/mutation-filter.stories.tsx +3 -2
  29. package/src/preact/mutationFilter/mutation-filter.tsx +2 -1
  30. package/src/preact/shared/charts/colors.ts +1 -1
  31. package/src/preact/textFilter/TextFilterChangedEvent.ts +3 -1
  32. package/src/preact/textFilter/text-filter.stories.tsx +4 -3
  33. package/src/utilEntrypoint.ts +2 -0
  34. package/src/utils/gsEventNames.ts +9 -0
  35. package/src/web-components/input/gs-date-range-filter.stories.ts +4 -3
  36. package/src/web-components/input/gs-date-range-filter.tsx +3 -2
  37. package/src/web-components/input/gs-lineage-filter.stories.ts +3 -2
  38. package/src/web-components/input/gs-lineage-filter.tsx +2 -1
  39. package/src/web-components/input/gs-location-filter.stories.ts +3 -2
  40. package/src/web-components/input/gs-location-filter.tsx +2 -1
  41. package/src/web-components/input/gs-mutation-filter.stories.ts +3 -2
  42. package/src/web-components/input/gs-mutation-filter.tsx +2 -1
  43. package/src/web-components/input/gs-text-filter.stories.ts +3 -2
  44. package/src/web-components/input/gs-text-filter.tsx +2 -1
  45. package/src/web-components/visualization/gs-genome-data-viewer.spec-d.ts +18 -0
  46. package/src/web-components/visualization/gs-genome-data-viewer.stories.ts +108 -0
  47. package/src/web-components/visualization/gs-genome-data-viewer.tsx +59 -0
  48. package/src/web-components/visualization/index.ts +1 -0
  49. package/standalone-bundle/assets/mutationOverTimeWorker-jChgWnwp.js.map +1 -1
  50. package/standalone-bundle/dashboard-components.js +8275 -8002
  51. package/standalone-bundle/dashboard-components.js.map +1 -1
  52. package/dist/LineageFilterChangedEvent-ixHQkq8y.js.map +0 -1
@@ -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
- 'gs-error': ErrorEvent;
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-prevalence-over-time': PrevalenceOverTimeComponent;
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-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-relative-growth-advantage': RelativeGrowthAdvantageComponent;
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-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-aggregate': AggregateComponent;
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-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-number-sequences-over-time': NumberSequencesOverTimeComponent;
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-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-by-location': SequencesByLocationComponent;
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-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-statistics': StatisticsComponent;
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-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
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-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-location-filter': LocationFilterComponent;
1634
+ 'gs-date-range-filter': DateRangeFilterComponent;
1589
1635
  }
1590
1636
  interface HTMLElementEventMap {
1591
- 'gs-location-changed': LocationChangedEvent;
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-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-date-range-filter': DateRangeFilterComponent;
1654
+ 'gs-location-filter': LocationFilterComponent;
1608
1655
  }
1609
1656
  interface HTMLElementEventMap {
1610
- 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
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-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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
- 'gs-text-filter-changed': TextFilterChangedEvent;
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
- 'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
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
- 'gs-lineage-filter-changed': LineageFilterChangedEvent;
1714
+ [gsEventNames.lineageFilterChanged]: LineageFilterChangedEvent;
1669
1715
  }
1670
1716
  }
1671
1717