@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
@@ -33,9 +33,23 @@ export namespace BaseStory {
33
33
  externalLink: string;
34
34
  } | {
35
35
  blockType: string;
36
- title: string;
36
+ beforeImage: {
37
+ src: {
38
+ url: string;
39
+ };
40
+ srcCropped: {
41
+ url: string;
42
+ };
43
+ };
44
+ afterImage: {
45
+ src: {
46
+ url: string;
47
+ };
48
+ srcCropped: {
49
+ url: string;
50
+ };
51
+ };
37
52
  caption: string;
38
- url: string;
39
53
  } | {
40
54
  blockType: string;
41
55
  fullBleed: boolean;
@@ -85,25 +99,6 @@ export namespace BaseStory {
85
99
  width: number;
86
100
  };
87
101
  };
88
- } | {
89
- blockType: string;
90
- beforeImage: {
91
- src: {
92
- url: string;
93
- };
94
- srcCropped: {
95
- url: string;
96
- };
97
- };
98
- afterImage: {
99
- src: {
100
- url: string;
101
- };
102
- srcCropped: {
103
- url: string;
104
- };
105
- };
106
- caption: string;
107
102
  } | {
108
103
  id: string;
109
104
  blockType: string;
@@ -245,6 +240,11 @@ export namespace BaseStory {
245
240
  } | {
246
241
  blockType: string;
247
242
  table: string;
243
+ } | {
244
+ blockType: string;
245
+ title: string;
246
+ caption: string;
247
+ url: string;
248
248
  } | {
249
249
  blockType: string;
250
250
  video: {
@@ -267,6 +267,7 @@ export namespace BaseStory {
267
267
  size: string;
268
268
  blockType: string;
269
269
  heading: string;
270
+ blockId: string;
270
271
  value?: undefined;
271
272
  showTitle?: undefined;
272
273
  items?: undefined;
@@ -484,6 +485,7 @@ export namespace BaseStory {
484
485
  };
485
486
  srcSet: string;
486
487
  };
488
+ showJumpMenu: boolean;
487
489
  };
488
490
  }
489
491
  }
@@ -502,9 +504,23 @@ export namespace InlineHero {
502
504
  externalLink: string;
503
505
  } | {
504
506
  blockType: string;
505
- title: string;
507
+ beforeImage: {
508
+ src: {
509
+ url: string;
510
+ };
511
+ srcCropped: {
512
+ url: string;
513
+ };
514
+ };
515
+ afterImage: {
516
+ src: {
517
+ url: string;
518
+ };
519
+ srcCropped: {
520
+ url: string;
521
+ };
522
+ };
506
523
  caption: string;
507
- url: string;
508
524
  } | {
509
525
  blockType: string;
510
526
  fullBleed: boolean;
@@ -554,25 +570,6 @@ export namespace InlineHero {
554
570
  width: number;
555
571
  };
556
572
  };
557
- } | {
558
- blockType: string;
559
- beforeImage: {
560
- src: {
561
- url: string;
562
- };
563
- srcCropped: {
564
- url: string;
565
- };
566
- };
567
- afterImage: {
568
- src: {
569
- url: string;
570
- };
571
- srcCropped: {
572
- url: string;
573
- };
574
- };
575
- caption: string;
576
573
  } | {
577
574
  id: string;
578
575
  blockType: string;
@@ -714,6 +711,11 @@ export namespace InlineHero {
714
711
  } | {
715
712
  blockType: string;
716
713
  table: string;
714
+ } | {
715
+ blockType: string;
716
+ title: string;
717
+ caption: string;
718
+ url: string;
717
719
  } | {
718
720
  blockType: string;
719
721
  video: {
@@ -736,6 +738,7 @@ export namespace InlineHero {
736
738
  size: string;
737
739
  blockType: string;
738
740
  heading: string;
741
+ blockId: string;
739
742
  value?: undefined;
740
743
  showTitle?: undefined;
741
744
  items?: undefined;
@@ -972,9 +975,23 @@ export namespace NoHero {
972
975
  externalLink: string;
973
976
  } | {
974
977
  blockType: string;
975
- title: string;
978
+ beforeImage: {
979
+ src: {
980
+ url: string;
981
+ };
982
+ srcCropped: {
983
+ url: string;
984
+ };
985
+ };
986
+ afterImage: {
987
+ src: {
988
+ url: string;
989
+ };
990
+ srcCropped: {
991
+ url: string;
992
+ };
993
+ };
976
994
  caption: string;
977
- url: string;
978
995
  } | {
979
996
  blockType: string;
980
997
  fullBleed: boolean;
@@ -1024,25 +1041,6 @@ export namespace NoHero {
1024
1041
  width: number;
1025
1042
  };
1026
1043
  };
1027
- } | {
1028
- blockType: string;
1029
- beforeImage: {
1030
- src: {
1031
- url: string;
1032
- };
1033
- srcCropped: {
1034
- url: string;
1035
- };
1036
- };
1037
- afterImage: {
1038
- src: {
1039
- url: string;
1040
- };
1041
- srcCropped: {
1042
- url: string;
1043
- };
1044
- };
1045
- caption: string;
1046
1044
  } | {
1047
1045
  id: string;
1048
1046
  blockType: string;
@@ -1184,6 +1182,11 @@ export namespace NoHero {
1184
1182
  } | {
1185
1183
  blockType: string;
1186
1184
  table: string;
1185
+ } | {
1186
+ blockType: string;
1187
+ title: string;
1188
+ caption: string;
1189
+ url: string;
1187
1190
  } | {
1188
1191
  blockType: string;
1189
1192
  video: {
@@ -1206,6 +1209,7 @@ export namespace NoHero {
1206
1209
  size: string;
1207
1210
  blockType: string;
1208
1211
  heading: string;
1212
+ blockId: string;
1209
1213
  value?: undefined;
1210
1214
  showTitle?: undefined;
1211
1215
  items?: undefined;
@@ -50,9 +50,23 @@ export namespace BaseStory {
50
50
  externalLink: string;
51
51
  } | {
52
52
  blockType: string;
53
- title: string;
53
+ beforeImage: {
54
+ src: {
55
+ url: string;
56
+ };
57
+ srcCropped: {
58
+ url: string;
59
+ };
60
+ };
61
+ afterImage: {
62
+ src: {
63
+ url: string;
64
+ };
65
+ srcCropped: {
66
+ url: string;
67
+ };
68
+ };
54
69
  caption: string;
55
- url: string;
56
70
  } | {
57
71
  blockType: string;
58
72
  fullBleed: boolean;
@@ -102,25 +116,6 @@ export namespace BaseStory {
102
116
  width: number;
103
117
  };
104
118
  };
105
- } | {
106
- blockType: string;
107
- beforeImage: {
108
- src: {
109
- url: string;
110
- };
111
- srcCropped: {
112
- url: string;
113
- };
114
- };
115
- afterImage: {
116
- src: {
117
- url: string;
118
- };
119
- srcCropped: {
120
- url: string;
121
- };
122
- };
123
- caption: string;
124
119
  } | {
125
120
  id: string;
126
121
  blockType: string;
@@ -262,6 +257,11 @@ export namespace BaseStory {
262
257
  } | {
263
258
  blockType: string;
264
259
  table: string;
260
+ } | {
261
+ blockType: string;
262
+ title: string;
263
+ caption: string;
264
+ url: string;
265
265
  } | {
266
266
  blockType: string;
267
267
  video: {
@@ -284,6 +284,7 @@ export namespace BaseStory {
284
284
  size: string;
285
285
  blockType: string;
286
286
  heading: string;
287
+ blockId: string;
287
288
  value?: undefined;
288
289
  showTitle?: undefined;
289
290
  items?: undefined;
@@ -15,33 +15,53 @@ export namespace BaseStory {
15
15
  let data: {
16
16
  body: ({
17
17
  blockType: string;
18
- heading: string;
19
- level: string;
20
- size: string;
21
- } | {
22
- blockType: string;
23
- title: string;
24
- caption: string;
25
- url: string;
26
- } | {
27
- blockType: string;
28
- beforeImage: {
18
+ fullBleed: boolean;
19
+ image: {
20
+ alt: string;
21
+ caption: string;
22
+ credit: string;
23
+ detailUrl: string;
24
+ original: string;
29
25
  src: {
26
+ height: number;
30
27
  url: string;
28
+ width: number;
31
29
  };
32
- srcCropped: {
33
- url: string;
34
- };
30
+ srcSet: string;
35
31
  };
36
- afterImage: {
32
+ imageFullBleed: {
33
+ alt: string;
34
+ caption: string;
35
+ credit: string;
36
+ detailUrl: string;
37
+ original: string;
37
38
  src: {
39
+ width: number;
40
+ height: number;
38
41
  url: string;
39
42
  };
40
43
  srcCropped: {
44
+ width: number;
45
+ height: number;
46
+ url: string;
47
+ };
48
+ screenXs: {
49
+ url: string;
50
+ width: number;
51
+ };
52
+ screenLg: {
53
+ url: string;
54
+ width: number;
55
+ };
56
+ screenXl: {
57
+ url: string;
58
+ width: number;
59
+ };
60
+ screenThreexl: {
41
61
  url: string;
62
+ width: number;
42
63
  };
43
64
  };
44
- caption: string;
45
65
  } | {
46
66
  blockType: string;
47
67
  text: string;
@@ -68,6 +88,13 @@ export namespace BaseStory {
68
88
  } | {
69
89
  blockType: string;
70
90
  value: string;
91
+ } | {
92
+ blockId: string;
93
+ blockType: string;
94
+ heading: string;
95
+ level: string;
96
+ size: string;
97
+ value?: undefined;
71
98
  })[];
72
99
  galleryItems: ({
73
100
  image: {
@@ -116,33 +116,53 @@ export namespace Template {
116
116
  })[];
117
117
  body: ({
118
118
  blockType: string;
119
- heading: string;
120
- level: string;
121
- size: string;
122
- } | {
123
- blockType: string;
124
- title: string;
125
- caption: string;
126
- url: string;
127
- } | {
128
- blockType: string;
129
- beforeImage: {
119
+ fullBleed: boolean;
120
+ image: {
121
+ alt: string;
122
+ caption: string;
123
+ credit: string;
124
+ detailUrl: string;
125
+ original: string;
130
126
  src: {
127
+ height: number;
131
128
  url: string;
129
+ width: number;
132
130
  };
133
- srcCropped: {
134
- url: string;
135
- };
131
+ srcSet: string;
136
132
  };
137
- afterImage: {
133
+ imageFullBleed: {
134
+ alt: string;
135
+ caption: string;
136
+ credit: string;
137
+ detailUrl: string;
138
+ original: string;
138
139
  src: {
140
+ width: number;
141
+ height: number;
139
142
  url: string;
140
143
  };
141
144
  srcCropped: {
145
+ width: number;
146
+ height: number;
142
147
  url: string;
143
148
  };
149
+ screenXs: {
150
+ url: string;
151
+ width: number;
152
+ };
153
+ screenLg: {
154
+ url: string;
155
+ width: number;
156
+ };
157
+ screenXl: {
158
+ url: string;
159
+ width: number;
160
+ };
161
+ screenThreexl: {
162
+ url: string;
163
+ width: number;
164
+ };
144
165
  };
145
- caption: string;
146
166
  } | {
147
167
  blockType: string;
148
168
  text: string;
@@ -169,6 +189,13 @@ export namespace Template {
169
189
  } | {
170
190
  blockType: string;
171
191
  value: string;
192
+ } | {
193
+ blockId: string;
194
+ blockType: string;
195
+ heading: string;
196
+ level: string;
197
+ size: string;
198
+ value?: undefined;
172
199
  })[];
173
200
  introduction: string;
174
201
  mass: number;
@@ -1 +1,3 @@
1
- export declare const getHeadingId: (heading: string, index?: number) => string;
1
+ import { HeadingLevel } from '../components/BaseHeading/BaseHeading.vue';
2
+
3
+ export declare const getHeadingId: (heading: HeadingLevel, blockId?: string) => string;