@explorer-1/vue 0.2.14 → 0.2.16

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 (80) hide show
  1. package/components.d.ts +7 -0
  2. package/dist/explorer-1-vue.js +2415 -2405
  3. package/dist/explorer-1-vue.umd.cjs +12 -12
  4. package/dist/src/components/BaseAccordionItem/BaseAccordionItem.stories.d.ts +99 -0
  5. package/dist/src/components/BaseButton/BaseButton.stories.d.ts +13 -0
  6. package/dist/src/components/BaseButton/BaseButton.vue.d.ts +15 -1
  7. package/dist/src/components/BaseImage/BaseImage.vue.d.ts +1 -1
  8. package/dist/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue.d.ts +1 -1
  9. package/dist/src/components/BaseLink/BaseLink.vue.d.ts +1 -1
  10. package/dist/src/components/BaseModal/BaseModal.stories.d.ts +26 -0
  11. package/dist/src/components/BaseSwimlane/BaseSwimlane.vue.d.ts +2 -2
  12. package/dist/src/components/BaseTimer/BaseTimer.vue.d.ts +2 -2
  13. package/dist/src/components/BlockAccordion/BlockAccordion.stories.d.ts +98 -0
  14. package/dist/src/components/BlockHeading/BlockHeading.stories.d.ts +1 -0
  15. package/dist/src/components/BlockHeading/BlockHeading.vue.d.ts +13 -11
  16. package/dist/src/components/BlockLinkCard/BlockLinkCard.vue.d.ts +1 -1
  17. package/dist/src/components/BlockLinkCarousel/BlockLinkCarousel.vue.d.ts +1 -1
  18. package/dist/src/components/BlockRelatedLinks/RelatedLink.vue.d.ts +1 -1
  19. package/dist/src/components/BlockStreamfield/BlockStreamfield.stories.d.ts +75 -40
  20. package/dist/src/components/BlockStreamfield/BlockStreamfield.vue.d.ts +2 -19
  21. package/dist/src/components/BlockText/BlockText.vue.d.ts +1 -1
  22. package/dist/src/components/HeroMedia/HeroMedia.vue.d.ts +7 -0
  23. package/dist/src/components/LayoutHelper/LayoutHelper.vue.d.ts +1 -1
  24. package/dist/src/components/MetaPanel/MetaPanel.stories.d.ts +51 -0
  25. package/dist/src/components/MetaPanelItems/MetaPanelItems.stories.d.ts +25 -0
  26. package/dist/src/components/MetadataEduResource/MetadataEduResource.stories.d.ts +1 -1
  27. package/dist/src/components/MixinCarousel/MixinCarousel.vue.d.ts +2 -2
  28. package/dist/src/components/NavSecondary/NavSecondary.vue.d.ts +4 -0
  29. package/dist/src/interfaces.d.ts +84 -7
  30. package/dist/src/templates/PageContent/PageContent.stories.d.ts +6 -5
  31. package/dist/src/templates/PageImageDetail/PageImageDetail.stories.d.ts +43 -16
  32. package/dist/src/templates/PageNewsDetail/PageNewsDetail.stories.d.ts +344 -128
  33. package/dist/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.d.ts +44 -16
  34. package/dist/src/templates/edu/PageEduLesson/PageEduLesson.stories.d.ts +544 -0
  35. package/dist/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.d.ts +67 -63
  36. package/dist/src/templates/www/PageAsteroidWatchIndex/PageAsteroidWatchIndex.stories.d.ts +22 -21
  37. package/dist/src/templates/www/PageCuratedGallery/PageCuratedGallery.stories.d.ts +43 -16
  38. package/dist/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.stories.d.ts +43 -16
  39. package/dist/src/utils/getHeadingId.d.ts +3 -1
  40. package/dist/style.css +1 -1
  41. package/package.json +3 -2
  42. package/src/components/BaseAccordionItem/BaseAccordionItem.stories.js +15 -0
  43. package/src/components/BaseAccordionItem/BaseAccordionItem.vue +108 -0
  44. package/src/components/BaseButton/BaseButton.vue +12 -1
  45. package/src/components/BaseImage/BaseImage.vue +1 -1
  46. package/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue +1 -1
  47. package/src/components/BaseLink/BaseLink.vue +1 -1
  48. package/src/components/BaseTimer/BaseTimer.vue +6 -3
  49. package/src/components/BlockAccordion/BlockAccordion.stories.js +29 -0
  50. package/src/components/BlockAccordion/BlockAccordion.vue +32 -0
  51. package/src/components/BlockHeading/BlockHeading.stories.js +2 -2
  52. package/src/components/BlockHeading/BlockHeading.vue +15 -7
  53. package/src/components/BlockLinkCarousel/BlockLinkCarousel.vue +1 -1
  54. package/src/components/BlockRelatedLinks/RelatedLink.vue +1 -1
  55. package/src/components/BlockStreamfield/BlockStreamfield.stories.js +23 -5
  56. package/src/components/BlockStreamfield/BlockStreamfield.vue +8 -26
  57. package/src/components/BlockText/BlockText.vue +1 -1
  58. package/src/components/HeroMedia/HeroMedia.vue +10 -1
  59. package/src/components/LayoutHelper/LayoutHelper.vue +1 -1
  60. package/src/components/MetaPanel/MetaPanel.stories.js +112 -0
  61. package/src/components/MetaPanel/MetaPanel.vue +237 -0
  62. package/src/components/MetaPanelAccordion/MetaPanelAccordion.vue +64 -0
  63. package/src/components/MetaPanelItems/MetaPanelItems.stories.js +27 -0
  64. package/src/components/MetaPanelItems/MetaPanelItems.vue +186 -0
  65. package/src/components/MetadataEduResource/MetadataEduResource.stories.js +2 -4
  66. package/src/components/MixinCarousel/MixinCarousel.vue +2 -2
  67. package/src/components/NavJumpMenu/NavJumpMenu.vue +10 -8
  68. package/src/components/NavSecondary/NavSecondary.vue +26 -15
  69. package/src/components/ShareButtonsEdu/ShareButtonsEdu.vue +1 -1
  70. package/src/interfaces.ts +91 -8
  71. package/src/main.ts +2 -0
  72. package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.js +1 -0
  73. package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue +10 -1
  74. package/src/templates/edu/PageEduLesson/PageEduLesson.stories.js +303 -0
  75. package/src/templates/edu/PageEduLesson/PageEduLesson.vue +410 -0
  76. package/src/templates/edu/PageEduLesson/PageEduLessonSection.vue +98 -0
  77. package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.js +1 -0
  78. package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.vue +4 -21
  79. package/src/utils/dayjs.js +0 -6
  80. package/src/utils/getHeadingId.ts +3 -3
@@ -104,33 +104,53 @@ export namespace BaseStory {
104
104
  })[];
105
105
  body: ({
106
106
  blockType: string;
107
- heading: string;
108
- level: string;
109
- size: string;
110
- } | {
111
- blockType: string;
112
- title: string;
113
- caption: string;
114
- url: string;
115
- } | {
116
- blockType: string;
117
- beforeImage: {
107
+ fullBleed: boolean;
108
+ image: {
109
+ alt: string;
110
+ caption: string;
111
+ credit: string;
112
+ detailUrl: string;
113
+ original: string;
118
114
  src: {
115
+ height: number;
119
116
  url: string;
117
+ width: number;
120
118
  };
121
- srcCropped: {
122
- url: string;
123
- };
119
+ srcSet: string;
124
120
  };
125
- afterImage: {
121
+ imageFullBleed: {
122
+ alt: string;
123
+ caption: string;
124
+ credit: string;
125
+ detailUrl: string;
126
+ original: string;
126
127
  src: {
128
+ width: number;
129
+ height: number;
127
130
  url: string;
128
131
  };
129
132
  srcCropped: {
133
+ width: number;
134
+ height: number;
135
+ url: string;
136
+ };
137
+ screenXs: {
130
138
  url: string;
139
+ width: number;
140
+ };
141
+ screenLg: {
142
+ url: string;
143
+ width: number;
144
+ };
145
+ screenXl: {
146
+ url: string;
147
+ width: number;
148
+ };
149
+ screenThreexl: {
150
+ url: string;
151
+ width: number;
131
152
  };
132
153
  };
133
- caption: string;
134
154
  } | {
135
155
  blockType: string;
136
156
  text: string;
@@ -157,6 +177,13 @@ export namespace BaseStory {
157
177
  } | {
158
178
  blockType: string;
159
179
  value: string;
180
+ } | {
181
+ blockId: string;
182
+ blockType: string;
183
+ heading: string;
184
+ level: string;
185
+ size: string;
186
+ value?: undefined;
160
187
  })[];
161
188
  getTopicsForDisplay: {
162
189
  title: string;
@@ -332,33 +359,53 @@ export namespace InlineHero {
332
359
  })[];
333
360
  body: ({
334
361
  blockType: string;
335
- heading: string;
336
- level: string;
337
- size: string;
338
- } | {
339
- blockType: string;
340
- title: string;
341
- caption: string;
342
- url: string;
343
- } | {
344
- blockType: string;
345
- beforeImage: {
362
+ fullBleed: boolean;
363
+ image: {
364
+ alt: string;
365
+ caption: string;
366
+ credit: string;
367
+ detailUrl: string;
368
+ original: string;
346
369
  src: {
370
+ height: number;
347
371
  url: string;
372
+ width: number;
348
373
  };
349
- srcCropped: {
350
- url: string;
351
- };
374
+ srcSet: string;
352
375
  };
353
- afterImage: {
376
+ imageFullBleed: {
377
+ alt: string;
378
+ caption: string;
379
+ credit: string;
380
+ detailUrl: string;
381
+ original: string;
354
382
  src: {
383
+ width: number;
384
+ height: number;
355
385
  url: string;
356
386
  };
357
387
  srcCropped: {
388
+ width: number;
389
+ height: number;
390
+ url: string;
391
+ };
392
+ screenXs: {
358
393
  url: string;
394
+ width: number;
395
+ };
396
+ screenLg: {
397
+ url: string;
398
+ width: number;
399
+ };
400
+ screenXl: {
401
+ url: string;
402
+ width: number;
403
+ };
404
+ screenThreexl: {
405
+ url: string;
406
+ width: number;
359
407
  };
360
408
  };
361
- caption: string;
362
409
  } | {
363
410
  blockType: string;
364
411
  text: string;
@@ -385,6 +432,13 @@ export namespace InlineHero {
385
432
  } | {
386
433
  blockType: string;
387
434
  value: string;
435
+ } | {
436
+ blockId: string;
437
+ blockType: string;
438
+ heading: string;
439
+ level: string;
440
+ size: string;
441
+ value?: undefined;
388
442
  })[];
389
443
  getTopicsForDisplay: {
390
444
  title: string;
@@ -579,33 +633,53 @@ export namespace HeroCarousel {
579
633
  })[];
580
634
  body: ({
581
635
  blockType: string;
582
- heading: string;
583
- level: string;
584
- size: string;
585
- } | {
586
- blockType: string;
587
- title: string;
588
- caption: string;
589
- url: string;
590
- } | {
591
- blockType: string;
592
- beforeImage: {
636
+ fullBleed: boolean;
637
+ image: {
638
+ alt: string;
639
+ caption: string;
640
+ credit: string;
641
+ detailUrl: string;
642
+ original: string;
593
643
  src: {
644
+ height: number;
594
645
  url: string;
646
+ width: number;
595
647
  };
596
- srcCropped: {
597
- url: string;
598
- };
648
+ srcSet: string;
599
649
  };
600
- afterImage: {
650
+ imageFullBleed: {
651
+ alt: string;
652
+ caption: string;
653
+ credit: string;
654
+ detailUrl: string;
655
+ original: string;
601
656
  src: {
657
+ width: number;
658
+ height: number;
602
659
  url: string;
603
660
  };
604
661
  srcCropped: {
662
+ width: number;
663
+ height: number;
664
+ url: string;
665
+ };
666
+ screenXs: {
605
667
  url: string;
668
+ width: number;
669
+ };
670
+ screenLg: {
671
+ url: string;
672
+ width: number;
673
+ };
674
+ screenXl: {
675
+ url: string;
676
+ width: number;
677
+ };
678
+ screenThreexl: {
679
+ url: string;
680
+ width: number;
606
681
  };
607
682
  };
608
- caption: string;
609
683
  } | {
610
684
  blockType: string;
611
685
  text: string;
@@ -632,6 +706,13 @@ export namespace HeroCarousel {
632
706
  } | {
633
707
  blockType: string;
634
708
  value: string;
709
+ } | {
710
+ blockId: string;
711
+ blockType: string;
712
+ heading: string;
713
+ level: string;
714
+ size: string;
715
+ value?: undefined;
635
716
  })[];
636
717
  getTopicsForDisplay: {
637
718
  title: string;
@@ -772,33 +853,53 @@ export namespace HeroImageComparison {
772
853
  })[];
773
854
  body: ({
774
855
  blockType: string;
775
- heading: string;
776
- level: string;
777
- size: string;
778
- } | {
779
- blockType: string;
780
- title: string;
781
- caption: string;
782
- url: string;
783
- } | {
784
- blockType: string;
785
- beforeImage: {
856
+ fullBleed: boolean;
857
+ image: {
858
+ alt: string;
859
+ caption: string;
860
+ credit: string;
861
+ detailUrl: string;
862
+ original: string;
786
863
  src: {
864
+ height: number;
787
865
  url: string;
866
+ width: number;
788
867
  };
789
- srcCropped: {
790
- url: string;
791
- };
868
+ srcSet: string;
792
869
  };
793
- afterImage: {
870
+ imageFullBleed: {
871
+ alt: string;
872
+ caption: string;
873
+ credit: string;
874
+ detailUrl: string;
875
+ original: string;
794
876
  src: {
877
+ width: number;
878
+ height: number;
795
879
  url: string;
796
880
  };
797
881
  srcCropped: {
882
+ width: number;
883
+ height: number;
884
+ url: string;
885
+ };
886
+ screenXs: {
798
887
  url: string;
888
+ width: number;
889
+ };
890
+ screenLg: {
891
+ url: string;
892
+ width: number;
893
+ };
894
+ screenXl: {
895
+ url: string;
896
+ width: number;
897
+ };
898
+ screenThreexl: {
899
+ url: string;
900
+ width: number;
799
901
  };
800
902
  };
801
- caption: string;
802
903
  } | {
803
904
  blockType: string;
804
905
  text: string;
@@ -825,6 +926,13 @@ export namespace HeroImageComparison {
825
926
  } | {
826
927
  blockType: string;
827
928
  value: string;
929
+ } | {
930
+ blockId: string;
931
+ blockType: string;
932
+ heading: string;
933
+ level: string;
934
+ size: string;
935
+ value?: undefined;
828
936
  })[];
829
937
  getTopicsForDisplay: {
830
938
  title: string;
@@ -961,33 +1069,53 @@ export namespace HeroVideo {
961
1069
  })[];
962
1070
  body: ({
963
1071
  blockType: string;
964
- heading: string;
965
- level: string;
966
- size: string;
967
- } | {
968
- blockType: string;
969
- title: string;
970
- caption: string;
971
- url: string;
972
- } | {
973
- blockType: string;
974
- beforeImage: {
1072
+ fullBleed: boolean;
1073
+ image: {
1074
+ alt: string;
1075
+ caption: string;
1076
+ credit: string;
1077
+ detailUrl: string;
1078
+ original: string;
975
1079
  src: {
1080
+ height: number;
976
1081
  url: string;
1082
+ width: number;
977
1083
  };
978
- srcCropped: {
979
- url: string;
980
- };
1084
+ srcSet: string;
981
1085
  };
982
- afterImage: {
1086
+ imageFullBleed: {
1087
+ alt: string;
1088
+ caption: string;
1089
+ credit: string;
1090
+ detailUrl: string;
1091
+ original: string;
983
1092
  src: {
1093
+ width: number;
1094
+ height: number;
984
1095
  url: string;
985
1096
  };
986
1097
  srcCropped: {
1098
+ width: number;
1099
+ height: number;
1100
+ url: string;
1101
+ };
1102
+ screenXs: {
987
1103
  url: string;
1104
+ width: number;
1105
+ };
1106
+ screenLg: {
1107
+ url: string;
1108
+ width: number;
1109
+ };
1110
+ screenXl: {
1111
+ url: string;
1112
+ width: number;
1113
+ };
1114
+ screenThreexl: {
1115
+ url: string;
1116
+ width: number;
988
1117
  };
989
1118
  };
990
- caption: string;
991
1119
  } | {
992
1120
  blockType: string;
993
1121
  text: string;
@@ -1014,6 +1142,13 @@ export namespace HeroVideo {
1014
1142
  } | {
1015
1143
  blockType: string;
1016
1144
  value: string;
1145
+ } | {
1146
+ blockId: string;
1147
+ blockType: string;
1148
+ heading: string;
1149
+ level: string;
1150
+ size: string;
1151
+ value?: undefined;
1017
1152
  })[];
1018
1153
  getTopicsForDisplay: {
1019
1154
  title: string;
@@ -1142,33 +1277,53 @@ export namespace HeroVideoEmbed {
1142
1277
  })[];
1143
1278
  body: ({
1144
1279
  blockType: string;
1145
- heading: string;
1146
- level: string;
1147
- size: string;
1148
- } | {
1149
- blockType: string;
1150
- title: string;
1151
- caption: string;
1152
- url: string;
1153
- } | {
1154
- blockType: string;
1155
- beforeImage: {
1280
+ fullBleed: boolean;
1281
+ image: {
1282
+ alt: string;
1283
+ caption: string;
1284
+ credit: string;
1285
+ detailUrl: string;
1286
+ original: string;
1156
1287
  src: {
1288
+ height: number;
1157
1289
  url: string;
1290
+ width: number;
1158
1291
  };
1159
- srcCropped: {
1160
- url: string;
1161
- };
1292
+ srcSet: string;
1162
1293
  };
1163
- afterImage: {
1294
+ imageFullBleed: {
1295
+ alt: string;
1296
+ caption: string;
1297
+ credit: string;
1298
+ detailUrl: string;
1299
+ original: string;
1164
1300
  src: {
1301
+ width: number;
1302
+ height: number;
1165
1303
  url: string;
1166
1304
  };
1167
1305
  srcCropped: {
1306
+ width: number;
1307
+ height: number;
1308
+ url: string;
1309
+ };
1310
+ screenXs: {
1168
1311
  url: string;
1312
+ width: number;
1313
+ };
1314
+ screenLg: {
1315
+ url: string;
1316
+ width: number;
1317
+ };
1318
+ screenXl: {
1319
+ url: string;
1320
+ width: number;
1321
+ };
1322
+ screenThreexl: {
1323
+ url: string;
1324
+ width: number;
1169
1325
  };
1170
1326
  };
1171
- caption: string;
1172
1327
  } | {
1173
1328
  blockType: string;
1174
1329
  text: string;
@@ -1195,6 +1350,13 @@ export namespace HeroVideoEmbed {
1195
1350
  } | {
1196
1351
  blockType: string;
1197
1352
  value: string;
1353
+ } | {
1354
+ blockId: string;
1355
+ blockType: string;
1356
+ heading: string;
1357
+ level: string;
1358
+ size: string;
1359
+ value?: undefined;
1198
1360
  })[];
1199
1361
  getTopicsForDisplay: {
1200
1362
  title: string;
@@ -1314,33 +1476,53 @@ export namespace NoHero {
1314
1476
  })[];
1315
1477
  body: ({
1316
1478
  blockType: string;
1317
- heading: string;
1318
- level: string;
1319
- size: string;
1320
- } | {
1321
- blockType: string;
1322
- title: string;
1323
- caption: string;
1324
- url: string;
1325
- } | {
1326
- blockType: string;
1327
- beforeImage: {
1479
+ fullBleed: boolean;
1480
+ image: {
1481
+ alt: string;
1482
+ caption: string;
1483
+ credit: string;
1484
+ detailUrl: string;
1485
+ original: string;
1328
1486
  src: {
1487
+ height: number;
1329
1488
  url: string;
1489
+ width: number;
1330
1490
  };
1331
- srcCropped: {
1332
- url: string;
1333
- };
1491
+ srcSet: string;
1334
1492
  };
1335
- afterImage: {
1493
+ imageFullBleed: {
1494
+ alt: string;
1495
+ caption: string;
1496
+ credit: string;
1497
+ detailUrl: string;
1498
+ original: string;
1336
1499
  src: {
1500
+ width: number;
1501
+ height: number;
1337
1502
  url: string;
1338
1503
  };
1339
1504
  srcCropped: {
1505
+ width: number;
1506
+ height: number;
1507
+ url: string;
1508
+ };
1509
+ screenXs: {
1340
1510
  url: string;
1511
+ width: number;
1512
+ };
1513
+ screenLg: {
1514
+ url: string;
1515
+ width: number;
1516
+ };
1517
+ screenXl: {
1518
+ url: string;
1519
+ width: number;
1520
+ };
1521
+ screenThreexl: {
1522
+ url: string;
1523
+ width: number;
1341
1524
  };
1342
1525
  };
1343
- caption: string;
1344
1526
  } | {
1345
1527
  blockType: string;
1346
1528
  text: string;
@@ -1367,6 +1549,13 @@ export namespace NoHero {
1367
1549
  } | {
1368
1550
  blockType: string;
1369
1551
  value: string;
1552
+ } | {
1553
+ blockId: string;
1554
+ blockType: string;
1555
+ heading: string;
1556
+ level: string;
1557
+ size: string;
1558
+ value?: undefined;
1370
1559
  })[];
1371
1560
  getTopicsForDisplay: {
1372
1561
  title: string;
@@ -1487,33 +1676,53 @@ export namespace WithTopper {
1487
1676
  })[];
1488
1677
  body: ({
1489
1678
  blockType: string;
1490
- heading: string;
1491
- level: string;
1492
- size: string;
1493
- } | {
1494
- blockType: string;
1495
- title: string;
1496
- caption: string;
1497
- url: string;
1498
- } | {
1499
- blockType: string;
1500
- beforeImage: {
1679
+ fullBleed: boolean;
1680
+ image: {
1681
+ alt: string;
1682
+ caption: string;
1683
+ credit: string;
1684
+ detailUrl: string;
1685
+ original: string;
1501
1686
  src: {
1687
+ height: number;
1502
1688
  url: string;
1689
+ width: number;
1503
1690
  };
1504
- srcCropped: {
1505
- url: string;
1506
- };
1691
+ srcSet: string;
1507
1692
  };
1508
- afterImage: {
1693
+ imageFullBleed: {
1694
+ alt: string;
1695
+ caption: string;
1696
+ credit: string;
1697
+ detailUrl: string;
1698
+ original: string;
1509
1699
  src: {
1700
+ width: number;
1701
+ height: number;
1510
1702
  url: string;
1511
1703
  };
1512
1704
  srcCropped: {
1705
+ width: number;
1706
+ height: number;
1707
+ url: string;
1708
+ };
1709
+ screenXs: {
1513
1710
  url: string;
1711
+ width: number;
1712
+ };
1713
+ screenLg: {
1714
+ url: string;
1715
+ width: number;
1716
+ };
1717
+ screenXl: {
1718
+ url: string;
1719
+ width: number;
1720
+ };
1721
+ screenThreexl: {
1722
+ url: string;
1723
+ width: number;
1514
1724
  };
1515
1725
  };
1516
- caption: string;
1517
1726
  } | {
1518
1727
  blockType: string;
1519
1728
  text: string;
@@ -1540,6 +1749,13 @@ export namespace WithTopper {
1540
1749
  } | {
1541
1750
  blockType: string;
1542
1751
  value: string;
1752
+ } | {
1753
+ blockId: string;
1754
+ blockType: string;
1755
+ heading: string;
1756
+ level: string;
1757
+ size: string;
1758
+ value?: undefined;
1543
1759
  })[];
1544
1760
  getTopicsForDisplay: {
1545
1761
  title: string;