@explorer-1/vue 0.2.15 → 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.
- package/components.d.ts +7 -0
- package/dist/explorer-1-vue.js +2415 -2405
- package/dist/explorer-1-vue.umd.cjs +12 -12
- package/dist/src/components/BaseAccordionItem/BaseAccordionItem.stories.d.ts +99 -0
- package/dist/src/components/BaseButton/BaseButton.stories.d.ts +13 -0
- package/dist/src/components/BaseButton/BaseButton.vue.d.ts +15 -1
- package/dist/src/components/BaseImage/BaseImage.vue.d.ts +1 -1
- package/dist/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue.d.ts +1 -1
- package/dist/src/components/BaseLink/BaseLink.vue.d.ts +1 -1
- package/dist/src/components/BaseModal/BaseModal.stories.d.ts +26 -0
- package/dist/src/components/BaseSwimlane/BaseSwimlane.vue.d.ts +2 -2
- package/dist/src/components/BaseTimer/BaseTimer.vue.d.ts +2 -2
- package/dist/src/components/BlockAccordion/BlockAccordion.stories.d.ts +98 -0
- package/dist/src/components/BlockHeading/BlockHeading.stories.d.ts +1 -0
- package/dist/src/components/BlockHeading/BlockHeading.vue.d.ts +13 -11
- package/dist/src/components/BlockLinkCard/BlockLinkCard.vue.d.ts +1 -1
- package/dist/src/components/BlockLinkCarousel/BlockLinkCarousel.vue.d.ts +1 -1
- package/dist/src/components/BlockRelatedLinks/RelatedLink.vue.d.ts +1 -1
- package/dist/src/components/BlockStreamfield/BlockStreamfield.stories.d.ts +75 -40
- package/dist/src/components/BlockStreamfield/BlockStreamfield.vue.d.ts +2 -19
- package/dist/src/components/BlockText/BlockText.vue.d.ts +1 -1
- package/dist/src/components/HeroMedia/HeroMedia.vue.d.ts +7 -0
- package/dist/src/components/LayoutHelper/LayoutHelper.vue.d.ts +1 -1
- package/dist/src/components/MetaPanel/MetaPanel.stories.d.ts +51 -0
- package/dist/src/components/MetaPanelItems/MetaPanelItems.stories.d.ts +25 -0
- package/dist/src/components/MetadataEduResource/MetadataEduResource.stories.d.ts +1 -1
- package/dist/src/components/MixinCarousel/MixinCarousel.vue.d.ts +2 -2
- package/dist/src/components/NavSecondary/NavSecondary.vue.d.ts +4 -0
- package/dist/src/interfaces.d.ts +84 -7
- package/dist/src/templates/PageContent/PageContent.stories.d.ts +6 -5
- package/dist/src/templates/PageImageDetail/PageImageDetail.stories.d.ts +43 -16
- package/dist/src/templates/PageNewsDetail/PageNewsDetail.stories.d.ts +344 -128
- package/dist/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.d.ts +44 -16
- package/dist/src/templates/edu/PageEduLesson/PageEduLesson.stories.d.ts +544 -0
- package/dist/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.d.ts +67 -63
- package/dist/src/templates/www/PageAsteroidWatchIndex/PageAsteroidWatchIndex.stories.d.ts +22 -21
- package/dist/src/templates/www/PageCuratedGallery/PageCuratedGallery.stories.d.ts +43 -16
- package/dist/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.stories.d.ts +43 -16
- package/dist/src/utils/getHeadingId.d.ts +3 -1
- package/dist/style.css +1 -1
- package/package.json +3 -2
- package/src/components/BaseAccordionItem/BaseAccordionItem.stories.js +15 -0
- package/src/components/BaseAccordionItem/BaseAccordionItem.vue +108 -0
- package/src/components/BaseButton/BaseButton.vue +12 -1
- package/src/components/BaseImage/BaseImage.vue +1 -1
- package/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue +1 -1
- package/src/components/BaseLink/BaseLink.vue +1 -1
- package/src/components/BlockAccordion/BlockAccordion.stories.js +29 -0
- package/src/components/BlockAccordion/BlockAccordion.vue +32 -0
- package/src/components/BlockHeading/BlockHeading.stories.js +2 -2
- package/src/components/BlockHeading/BlockHeading.vue +15 -7
- package/src/components/BlockLinkCarousel/BlockLinkCarousel.vue +1 -1
- package/src/components/BlockRelatedLinks/RelatedLink.vue +1 -1
- package/src/components/BlockStreamfield/BlockStreamfield.stories.js +23 -5
- package/src/components/BlockStreamfield/BlockStreamfield.vue +8 -26
- package/src/components/BlockText/BlockText.vue +1 -1
- package/src/components/HeroMedia/HeroMedia.vue +10 -1
- package/src/components/LayoutHelper/LayoutHelper.vue +1 -1
- package/src/components/MetaPanel/MetaPanel.stories.js +112 -0
- package/src/components/MetaPanel/MetaPanel.vue +237 -0
- package/src/components/MetaPanelAccordion/MetaPanelAccordion.vue +64 -0
- package/src/components/MetaPanelItems/MetaPanelItems.stories.js +27 -0
- package/src/components/MetaPanelItems/MetaPanelItems.vue +186 -0
- package/src/components/MetadataEduResource/MetadataEduResource.stories.js +2 -4
- package/src/components/MixinCarousel/MixinCarousel.vue +2 -2
- package/src/components/NavJumpMenu/NavJumpMenu.vue +10 -8
- package/src/components/NavSecondary/NavSecondary.vue +26 -15
- package/src/components/ShareButtonsEdu/ShareButtonsEdu.vue +1 -1
- package/src/interfaces.ts +91 -8
- package/src/main.ts +2 -0
- package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.js +1 -0
- package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue +10 -1
- package/src/templates/edu/PageEduLesson/PageEduLesson.stories.js +303 -0
- package/src/templates/edu/PageEduLesson/PageEduLesson.vue +410 -0
- package/src/templates/edu/PageEduLesson/PageEduLessonSection.vue +98 -0
- package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.js +1 -0
- package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.vue +4 -21
- 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
|
|
33
|
-
url: string;
|
|
34
|
-
};
|
|
30
|
+
srcSet: string;
|
|
35
31
|
};
|
|
36
|
-
|
|
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
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
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
|
-
|
|
134
|
-
url: string;
|
|
135
|
-
};
|
|
131
|
+
srcSet: string;
|
|
136
132
|
};
|
|
137
|
-
|
|
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;
|