@explorer-1/vue 0.2.15 → 0.2.17

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 (78) 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/BlockAccordion/BlockAccordion.stories.js +29 -0
  49. package/src/components/BlockAccordion/BlockAccordion.vue +32 -0
  50. package/src/components/BlockHeading/BlockHeading.stories.js +2 -2
  51. package/src/components/BlockHeading/BlockHeading.vue +15 -7
  52. package/src/components/BlockLinkCarousel/BlockLinkCarousel.vue +1 -1
  53. package/src/components/BlockRelatedLinks/RelatedLink.vue +1 -1
  54. package/src/components/BlockStreamfield/BlockStreamfield.stories.js +23 -5
  55. package/src/components/BlockStreamfield/BlockStreamfield.vue +8 -26
  56. package/src/components/BlockText/BlockText.vue +1 -1
  57. package/src/components/HeroMedia/HeroMedia.vue +10 -1
  58. package/src/components/LayoutHelper/LayoutHelper.vue +1 -1
  59. package/src/components/MetaPanel/MetaPanel.stories.js +112 -0
  60. package/src/components/MetaPanel/MetaPanel.vue +237 -0
  61. package/src/components/MetaPanelAccordion/MetaPanelAccordion.vue +64 -0
  62. package/src/components/MetaPanelItems/MetaPanelItems.stories.js +27 -0
  63. package/src/components/MetaPanelItems/MetaPanelItems.vue +186 -0
  64. package/src/components/MetadataEduResource/MetadataEduResource.stories.js +2 -4
  65. package/src/components/MixinCarousel/MixinCarousel.vue +2 -2
  66. package/src/components/NavJumpMenu/NavJumpMenu.vue +10 -8
  67. package/src/components/NavSecondary/NavSecondary.vue +26 -15
  68. package/src/components/ShareButtonsEdu/ShareButtonsEdu.vue +1 -1
  69. package/src/interfaces.ts +91 -8
  70. package/src/main.ts +2 -0
  71. package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.js +1 -0
  72. package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue +10 -1
  73. package/src/templates/edu/PageEduLesson/PageEduLesson.stories.js +303 -0
  74. package/src/templates/edu/PageEduLesson/PageEduLesson.vue +410 -0
  75. package/src/templates/edu/PageEduLesson/PageEduLessonSection.vue +98 -0
  76. package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.js +1 -0
  77. package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.vue +4 -21
  78. package/src/utils/getHeadingId.ts +3 -3
@@ -43,33 +43,53 @@ export namespace BaseStory {
43
43
  }[];
44
44
  export let body: ({
45
45
  blockType: string;
46
- heading: string;
47
- level: string;
48
- size: string;
49
- } | {
50
- blockType: string;
51
- title: string;
52
- caption: string;
53
- url: string;
54
- } | {
55
- blockType: string;
56
- beforeImage: {
46
+ fullBleed: boolean;
47
+ image: {
48
+ alt: string;
49
+ caption: string;
50
+ credit: string;
51
+ detailUrl: string;
52
+ original: string;
57
53
  src: {
54
+ height: number;
58
55
  url: string;
56
+ width: number;
59
57
  };
60
- srcCropped: {
61
- url: string;
62
- };
58
+ srcSet: string;
63
59
  };
64
- afterImage: {
60
+ imageFullBleed: {
61
+ alt: string;
62
+ caption: string;
63
+ credit: string;
64
+ detailUrl: string;
65
+ original: string;
65
66
  src: {
67
+ width: number;
68
+ height: number;
66
69
  url: string;
67
70
  };
68
71
  srcCropped: {
72
+ width: number;
73
+ height: number;
74
+ url: string;
75
+ };
76
+ screenXs: {
69
77
  url: string;
78
+ width: number;
79
+ };
80
+ screenLg: {
81
+ url: string;
82
+ width: number;
83
+ };
84
+ screenXl: {
85
+ url: string;
86
+ width: number;
87
+ };
88
+ screenThreexl: {
89
+ url: string;
90
+ width: number;
70
91
  };
71
92
  };
72
- caption: string;
73
93
  } | {
74
94
  blockType: string;
75
95
  text: string;
@@ -96,6 +116,13 @@ export namespace BaseStory {
96
116
  } | {
97
117
  blockType: string;
98
118
  value: string;
119
+ } | {
120
+ blockId: string;
121
+ blockType: string;
122
+ heading: string;
123
+ level: string;
124
+ size: string;
125
+ value?: undefined;
99
126
  })[];
100
127
  export namespace thumbnailImage {
101
128
  let __typename_1: string;
@@ -199,6 +226,7 @@ export namespace BaseStory {
199
226
  caption: string;
200
227
  displayCaption: boolean;
201
228
  }[];
229
+ export let showJumpMenu: boolean;
202
230
  }
203
231
  }
204
232
  }
@@ -0,0 +1,544 @@
1
+ import { default as PageEduLesson } from './PageEduLesson.vue';
2
+ import { BlockLinkCardCarouselData } from './../../../components/BlockLinkCarousel/BlockLinkCarousel.stories.js';
3
+ declare namespace _default {
4
+ export let title: string;
5
+ export { PageEduLesson as component };
6
+ export let decorators: (() => {
7
+ template: string;
8
+ })[];
9
+ export namespace parameters {
10
+ let layout: string;
11
+ namespace html {
12
+ let root: string;
13
+ }
14
+ }
15
+ export let excludeStories: RegExp;
16
+ }
17
+ export default _default;
18
+ export namespace BaseStory {
19
+ namespace args {
20
+ namespace data {
21
+ export let __typename: string;
22
+ let title_1: string;
23
+ export { title_1 as title };
24
+ export let url: string;
25
+ export let pageType: string;
26
+ export let contentType: string;
27
+ export let searchDescription: string;
28
+ export let seoTitle: string;
29
+ export let slug: string;
30
+ export let publicationDate: string;
31
+ export namespace thumbnailImage {
32
+ let __typename_1: string;
33
+ export { __typename_1 as __typename };
34
+ export let original: string;
35
+ export let alt: string;
36
+ }
37
+ export let hero: {
38
+ blockType: string;
39
+ imageInline: {
40
+ alt: string;
41
+ caption: string;
42
+ credit: string;
43
+ detailUrl: string;
44
+ original: string;
45
+ src: {
46
+ height: number;
47
+ url: string;
48
+ width: number;
49
+ };
50
+ srcSet: string;
51
+ };
52
+ image: {
53
+ src: {
54
+ url: string;
55
+ width: number;
56
+ height: number;
57
+ };
58
+ screenXs: {
59
+ url: string;
60
+ width: number;
61
+ };
62
+ screenSm: {
63
+ url: string;
64
+ width: number;
65
+ };
66
+ screenMd: {
67
+ url: string;
68
+ width: number;
69
+ };
70
+ screenLg: {
71
+ url: string;
72
+ width: number;
73
+ };
74
+ screenXl: {
75
+ url: string;
76
+ width: number;
77
+ };
78
+ screenTwoxl: {
79
+ url: string;
80
+ width: number;
81
+ };
82
+ screenThreexl: {
83
+ url: string;
84
+ width: number;
85
+ };
86
+ alt: string;
87
+ caption: string;
88
+ credit: string;
89
+ detailUrl: string;
90
+ };
91
+ caption: string;
92
+ displayCaption: boolean;
93
+ }[];
94
+ export let heroConstrain: boolean;
95
+ export let heroPosition: string;
96
+ export namespace studentProject {
97
+ let title_2: string;
98
+ export { title_2 as title };
99
+ export let urlPath: string;
100
+ }
101
+ export namespace primarySubject {
102
+ let subject: string;
103
+ }
104
+ export let additionalSubjects: {
105
+ subject: string;
106
+ }[];
107
+ export let gradeLevels: {
108
+ gradeLevel: string;
109
+ }[];
110
+ export namespace time {
111
+ let time_1: string;
112
+ export { time_1 as time };
113
+ }
114
+ export let standards: {
115
+ standard: {
116
+ code: string;
117
+ definition: string;
118
+ domain: {
119
+ domain: string;
120
+ };
121
+ type: string;
122
+ };
123
+ }[];
124
+ export let overview: {
125
+ blockType: string;
126
+ value: string;
127
+ }[];
128
+ export let overviewHeading: string;
129
+ export let overviewImage: {
130
+ alt: string;
131
+ caption: string;
132
+ credit: string;
133
+ detailUrl: string;
134
+ original: string;
135
+ src: {
136
+ height: number;
137
+ url: string;
138
+ width: number;
139
+ };
140
+ srcSet: string;
141
+ };
142
+ export let materials: string;
143
+ export let materialsHeading: string;
144
+ export let materialsImage: {
145
+ alt: string;
146
+ caption: string;
147
+ credit: string;
148
+ detailUrl: string;
149
+ original: string;
150
+ src: {
151
+ height: number;
152
+ url: string;
153
+ width: number;
154
+ };
155
+ srcSet: string;
156
+ };
157
+ export let management: {
158
+ blockType: string;
159
+ value: string;
160
+ }[];
161
+ export let managementHeading: string;
162
+ export let background: {
163
+ blockType: string;
164
+ value: string;
165
+ }[];
166
+ export let backgroundHeading: string;
167
+ export let procedures: {
168
+ procedure: {
169
+ blocks: {
170
+ blockType: string;
171
+ value: string;
172
+ }[];
173
+ };
174
+ }[];
175
+ export let proceduresHeading: string;
176
+ export let proceduresStepsNumbering: boolean;
177
+ export let discussion: {
178
+ blockType: string;
179
+ value: string;
180
+ }[];
181
+ export let discussionHeading: string;
182
+ export let assessment: {
183
+ blockType: string;
184
+ value: string;
185
+ }[];
186
+ export let assessmentHeading: string;
187
+ export let extensions: {
188
+ blockType: string;
189
+ value: string;
190
+ }[];
191
+ export let extensionsHeading: string;
192
+ export let techAddons: {
193
+ blockType: string;
194
+ value: string;
195
+ }[];
196
+ export let techAddonsHeading: string;
197
+ export let customSections: {
198
+ blockType: string;
199
+ content: ({
200
+ blockType: string;
201
+ fullBleed: boolean;
202
+ image: {
203
+ alt: string;
204
+ caption: string;
205
+ credit: string;
206
+ detailUrl: string;
207
+ original: string;
208
+ src: {
209
+ height: number;
210
+ url: string;
211
+ width: number;
212
+ };
213
+ srcSet: string;
214
+ };
215
+ imageFullBleed: {
216
+ alt: string;
217
+ caption: string;
218
+ credit: string;
219
+ detailUrl: string;
220
+ original: string;
221
+ src: {
222
+ width: number;
223
+ height: number;
224
+ url: string;
225
+ };
226
+ srcCropped: {
227
+ width: number;
228
+ height: number;
229
+ url: string;
230
+ };
231
+ screenXs: {
232
+ url: string;
233
+ width: number;
234
+ };
235
+ screenLg: {
236
+ url: string;
237
+ width: number;
238
+ };
239
+ screenXl: {
240
+ url: string;
241
+ width: number;
242
+ };
243
+ screenThreexl: {
244
+ url: string;
245
+ width: number;
246
+ };
247
+ };
248
+ } | {
249
+ blockType: string;
250
+ text: string;
251
+ alignTo: string;
252
+ image: {
253
+ alt: string;
254
+ src: {
255
+ height: number;
256
+ url: string;
257
+ width: number;
258
+ };
259
+ original: string;
260
+ caption: string;
261
+ credit: string;
262
+ detailUrl: string;
263
+ };
264
+ displayCaption: boolean;
265
+ } | {
266
+ blockType: string;
267
+ heading: string;
268
+ listItem: {
269
+ text: string;
270
+ }[];
271
+ } | {
272
+ blockType: string;
273
+ value: string;
274
+ } | {
275
+ blockId: string;
276
+ blockType: string;
277
+ heading: string;
278
+ level: string;
279
+ size: string;
280
+ value?: undefined;
281
+ })[];
282
+ heading: {
283
+ blockType: string;
284
+ heading: string;
285
+ level: string;
286
+ size: string;
287
+ blockId: string;
288
+ };
289
+ position: string;
290
+ }[];
291
+ export let body: ({
292
+ blockType: string;
293
+ fullBleed: boolean;
294
+ image: {
295
+ alt: string;
296
+ caption: string;
297
+ credit: string;
298
+ detailUrl: string;
299
+ original: string;
300
+ src: {
301
+ height: number;
302
+ url: string;
303
+ width: number;
304
+ };
305
+ srcSet: string;
306
+ };
307
+ imageFullBleed: {
308
+ alt: string;
309
+ caption: string;
310
+ credit: string;
311
+ detailUrl: string;
312
+ original: string;
313
+ src: {
314
+ width: number;
315
+ height: number;
316
+ url: string;
317
+ };
318
+ srcCropped: {
319
+ width: number;
320
+ height: number;
321
+ url: string;
322
+ };
323
+ screenXs: {
324
+ url: string;
325
+ width: number;
326
+ };
327
+ screenLg: {
328
+ url: string;
329
+ width: number;
330
+ };
331
+ screenXl: {
332
+ url: string;
333
+ width: number;
334
+ };
335
+ screenThreexl: {
336
+ url: string;
337
+ width: number;
338
+ };
339
+ };
340
+ } | {
341
+ blockType: string;
342
+ text: string;
343
+ alignTo: string;
344
+ image: {
345
+ alt: string;
346
+ src: {
347
+ height: number;
348
+ url: string;
349
+ width: number;
350
+ };
351
+ original: string;
352
+ caption: string;
353
+ credit: string;
354
+ detailUrl: string;
355
+ };
356
+ displayCaption: boolean;
357
+ } | {
358
+ blockType: string;
359
+ heading: string;
360
+ listItem: {
361
+ text: string;
362
+ }[];
363
+ } | {
364
+ blockType: string;
365
+ value: string;
366
+ } | {
367
+ blockId: string;
368
+ blockType: string;
369
+ heading: string;
370
+ level: string;
371
+ size: string;
372
+ value?: undefined;
373
+ })[];
374
+ export let relatedLinks: {
375
+ blockType: string;
376
+ heading: string;
377
+ links: ({
378
+ text: string;
379
+ document: {
380
+ url: string;
381
+ };
382
+ page: string;
383
+ externalLink: string;
384
+ } | {
385
+ text: string;
386
+ document: string;
387
+ page: {
388
+ url: string;
389
+ };
390
+ externalLink: string;
391
+ } | {
392
+ text: string;
393
+ document: string;
394
+ page: string;
395
+ externalLink: string;
396
+ })[];
397
+ };
398
+ export let relatedContentHeading: string;
399
+ export { BlockLinkCardCarouselData as relatedContent };
400
+ }
401
+ }
402
+ }
403
+ export namespace InlineHero {
404
+ export namespace args_1 {
405
+ export namespace data_1 {
406
+ let heroPosition_1: string;
407
+ export { heroPosition_1 as heroPosition };
408
+ }
409
+ export { data_1 as data };
410
+ }
411
+ export { args_1 as args };
412
+ }
413
+ export namespace HeroCarousel {
414
+ export namespace args_2 {
415
+ export namespace data_2 {
416
+ let hero_1: {
417
+ blockType: string;
418
+ blocks: {
419
+ image: {
420
+ alt: string;
421
+ title: string;
422
+ caption: string;
423
+ credit: string;
424
+ detailUrl: string;
425
+ original: string;
426
+ src: {
427
+ height: string;
428
+ url: string;
429
+ width: string;
430
+ };
431
+ srcSet: string;
432
+ };
433
+ }[];
434
+ }[];
435
+ export { hero_1 as hero };
436
+ }
437
+ export { data_2 as data };
438
+ }
439
+ export { args_2 as args };
440
+ }
441
+ export namespace HeroImageComparison {
442
+ export namespace args_3 {
443
+ export namespace data_3 {
444
+ let heroPosition_2: string;
445
+ export { heroPosition_2 as heroPosition };
446
+ let hero_2: {
447
+ blockType: string;
448
+ beforeImage: {
449
+ src: {
450
+ url: string;
451
+ };
452
+ srcCropped: {
453
+ url: string;
454
+ };
455
+ };
456
+ afterImage: {
457
+ src: {
458
+ url: string;
459
+ };
460
+ srcCropped: {
461
+ url: string;
462
+ };
463
+ };
464
+ caption: string;
465
+ }[];
466
+ export { hero_2 as hero };
467
+ }
468
+ export { data_3 as data };
469
+ }
470
+ export { args_3 as args };
471
+ }
472
+ export namespace HeroVideo {
473
+ export namespace args_4 {
474
+ export namespace data_4 {
475
+ let hero_3: {
476
+ blockType: string;
477
+ video: {
478
+ duration: string;
479
+ file: string;
480
+ fileExtension: string;
481
+ fileOgg: string;
482
+ fileWebm: string;
483
+ height: null;
484
+ id: string;
485
+ sources: string;
486
+ title: string;
487
+ type: string;
488
+ width: null;
489
+ };
490
+ caption: string;
491
+ credit: string;
492
+ }[];
493
+ export { hero_3 as hero };
494
+ }
495
+ export { data_4 as data };
496
+ }
497
+ export { args_4 as args };
498
+ }
499
+ export namespace HeroVideoEmbed {
500
+ export namespace args_5 {
501
+ export namespace data_5 {
502
+ let heroPosition_3: string;
503
+ export { heroPosition_3 as heroPosition };
504
+ let hero_4: {
505
+ embed: {
506
+ embed: string;
507
+ };
508
+ blockType: string;
509
+ caption: string;
510
+ credit: string;
511
+ }[];
512
+ export { hero_4 as hero };
513
+ }
514
+ export { data_5 as data };
515
+ }
516
+ export { args_5 as args };
517
+ }
518
+ export namespace HeroIframeEmbed {
519
+ export namespace args_6 {
520
+ export namespace data_6 {
521
+ let heroPosition_4: string;
522
+ export { heroPosition_4 as heroPosition };
523
+ let hero_5: {
524
+ blockType: string;
525
+ title: string;
526
+ caption: string;
527
+ url: string;
528
+ }[];
529
+ export { hero_5 as hero };
530
+ }
531
+ export { data_6 as data };
532
+ }
533
+ export { args_6 as args };
534
+ }
535
+ export namespace NoHero {
536
+ export namespace args_7 {
537
+ export namespace data_7 {
538
+ let hero_6: never[];
539
+ export { hero_6 as hero };
540
+ }
541
+ export { data_7 as data };
542
+ }
543
+ export { args_7 as args };
544
+ }