@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
@@ -1,5 +1,5 @@
1
1
  interface Variants {
2
- [name: string]: string;
2
+ [key: string]: string;
3
3
  }
4
4
  export declare const variants: Variants;
5
5
  declare const _default: import('vue').DefineComponent<{
@@ -30,6 +30,13 @@ declare const _default: import('vue').DefineComponent<{
30
30
  customCaption(): Partial<ImageObject> | undefined;
31
31
  captionVisibilityClass(): "hidden" | "flex";
32
32
  hasCaptionArea(): string | boolean;
33
+ themeStore: () => import('pinia').Store<"theme", import('../../store/theme').State, {
34
+ isEdu(state: {
35
+ theme: import('../../interfaces').Explorer1Theme | null;
36
+ } & import('pinia').PiniaCustomStateProperties<import('../../store/theme').State>): boolean;
37
+ }, {
38
+ setTheme(value: import('../../interfaces').Explorer1Theme): void;
39
+ }>;
33
40
  }, {
34
41
  toggleCaption(): void;
35
42
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1,5 +1,5 @@
1
1
  interface Indents {
2
- [name: string]: string;
2
+ [key: string]: string;
3
3
  }
4
4
  export declare const indents: Indents;
5
5
  declare const _default: import('vue').DefineComponent<{
@@ -0,0 +1,51 @@
1
+ import { default as MetaPanel } from './MetaPanel.vue';
2
+ declare namespace _default {
3
+ export let title: string;
4
+ export { MetaPanel as component };
5
+ export let tags: string[];
6
+ export let decorators: (() => {
7
+ template: string;
8
+ })[];
9
+ export namespace parameters {
10
+ let layout: string;
11
+ }
12
+ export namespace argTypes {
13
+ namespace theme {
14
+ namespace type {
15
+ let name: string;
16
+ let required: boolean;
17
+ }
18
+ namespace control {
19
+ let type_1: string;
20
+ export { type_1 as type };
21
+ }
22
+ let options: string[];
23
+ }
24
+ }
25
+ }
26
+ export default _default;
27
+ export namespace BaseStory {
28
+ let name_1: string;
29
+ export { name_1 as name };
30
+ export namespace args {
31
+ let negativeTop: boolean;
32
+ let negativeBottom: boolean;
33
+ let button: string;
34
+ let primarySubject: string;
35
+ let additionalSubjects: string[];
36
+ let time: string;
37
+ let gradeLevels: {
38
+ gradeLevel: string;
39
+ }[];
40
+ let standards: {
41
+ standard: {
42
+ code: string;
43
+ definition: string;
44
+ domain: {
45
+ domain: string;
46
+ };
47
+ type: string;
48
+ };
49
+ }[];
50
+ }
51
+ }
@@ -0,0 +1,25 @@
1
+ import { default as MetaPanelItems } from './MetaPanelItems.vue';
2
+ declare namespace _default {
3
+ export let title: string;
4
+ export { MetaPanelItems as component };
5
+ export let tags: string[];
6
+ }
7
+ export default _default;
8
+ export namespace BaseStory {
9
+ let name: string;
10
+ namespace args {
11
+ namespace primarySubject {
12
+ let subject: string;
13
+ }
14
+ let additionalSubjects: {
15
+ subject: string;
16
+ }[];
17
+ namespace time {
18
+ let time_1: string;
19
+ export { time_1 as time };
20
+ }
21
+ let gradeLevels: {
22
+ gradeLevel: string;
23
+ }[];
24
+ }
25
+ }
@@ -12,8 +12,8 @@ declare namespace _default {
12
12
  namespace control {
13
13
  let type_1: string;
14
14
  export { type_1 as type };
15
- export let options: string[];
16
15
  }
16
+ let options: string[];
17
17
  }
18
18
  }
19
19
  export let excludeStories: RegExp;
@@ -2,11 +2,11 @@ import { default as Swiper } from 'swiper';
2
2
  import { SwiperOptions } from 'swiper/types';
3
3
 
4
4
  interface Variants {
5
- [name: string]: string;
5
+ [key: string]: string;
6
6
  }
7
7
  export declare const variants: Variants;
8
8
  interface Indents {
9
- [name: string]: string;
9
+ [key: string]: string;
10
10
  }
11
11
  export declare const indents: Indents;
12
12
  declare const _default: import('vue').DefineComponent<{
@@ -18,6 +18,9 @@ declare const _default: import('vue').DefineComponent<{
18
18
  };
19
19
  }, unknown, {
20
20
  isSticky: boolean;
21
+ stickyElement?: HTMLElement | undefined;
22
+ observer?: IntersectionObserver | undefined;
23
+ observerOffset?: IntersectionObserver | undefined;
21
24
  }, {
22
25
  theBreadcrumb(): BreadcrumbPathObject[] | undefined;
23
26
  enabled(): Boolean;
@@ -37,6 +40,7 @@ declare const _default: import('vue').DefineComponent<{
37
40
  }>;
38
41
  }, {
39
42
  isExternal(path: string): boolean;
43
+ initIntersectionObservers(): void;
40
44
  checkSticky(): void;
41
45
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
42
46
  breadcrumb: {
@@ -14,6 +14,30 @@ export interface BlockData {
14
14
  level?: string;
15
15
  items?: any[];
16
16
  }
17
+ export interface StreamfieldBlockData extends BlockData {
18
+ blockId?: string;
19
+ id?: string;
20
+ fullBleed?: boolean;
21
+ heading?: string;
22
+ galleryTitle?: string;
23
+ galleryDescription?: string;
24
+ coverImage?: ImageObject;
25
+ gallerySlides?: ImageObject[];
26
+ blocks?: object[];
27
+ value?: string;
28
+ customLabel?: string;
29
+ introduction?: string;
30
+ teaserPage?: object | string[];
31
+ image?: ImageObject;
32
+ buttonText?: string;
33
+ fullWidthImage?: boolean;
34
+ video?: any;
35
+ embed?: any;
36
+ displayCaption?: boolean;
37
+ caption?: string;
38
+ credit?: string;
39
+ imageInline?: ImageObject;
40
+ }
17
41
  export interface ImageSrcObject {
18
42
  url: string;
19
43
  width: number;
@@ -120,15 +144,13 @@ export interface RelatedLinkObject extends LinkObject {
120
144
  } | null;
121
145
  text: string | null;
122
146
  }
123
- export interface PageResponseObject {
124
- __typename: string;
125
- contentType: string;
126
- breadcrumb?: string;
127
- url?: string;
147
+ export interface BlockRelatedLinksObject extends BlockData {
148
+ heading: string;
149
+ links: RelatedLinkObject[];
128
150
  }
129
151
  export interface PageResponse {
130
152
  __typename: string;
131
- page: PageResponseObject;
153
+ page: PageObject;
132
154
  }
133
155
  export interface HeaderResponse {
134
156
  __typename: string;
@@ -141,7 +163,7 @@ export interface FooterResponse {
141
163
  }
142
164
  export type Explorer1Theme = 'defaultTheme' | 'ThemeInternal' | 'ThemeEdu';
143
165
  export interface Attributes {
144
- [name: string]: string;
166
+ [key: string]: string;
145
167
  }
146
168
  export interface AuthorObject {
147
169
  name: string;
@@ -162,3 +184,58 @@ export interface PillDictionaryInterface {
162
184
  export interface DictionaryInterface {
163
185
  [key: string]: string;
164
186
  }
187
+ export interface AccordionItemObject {
188
+ title?: string;
189
+ body?: StreamfieldBlockData[];
190
+ }
191
+ export type MetaPanelTheme = 'primary' | 'secondary' | 'stars';
192
+ export interface PageObject {
193
+ __typename: string;
194
+ contentType: string;
195
+ breadcrumb?: string;
196
+ slug: string;
197
+ url: string;
198
+ title: string;
199
+ getTopicsForDisplay?: Topic[];
200
+ label?: string;
201
+ summary?: string;
202
+ topper?: string;
203
+ seoTitle?: string;
204
+ searchDescription?: string;
205
+ heroPosition?: 'full_bleed' | 'inline';
206
+ heroConstrain?: boolean;
207
+ publicationDate?: string;
208
+ body?: StreamfieldBlockData[];
209
+ thumbnailImage?: ThumbnailObject;
210
+ relatedLinks?: BlockRelatedLinksObject[];
211
+ relatedContentHeading: string;
212
+ relatedContent?: any;
213
+ }
214
+ export interface EduResourcesSubject {
215
+ subject: string;
216
+ }
217
+ export interface EduResourcesGradeLevel {
218
+ gradeLevel: string;
219
+ }
220
+ export interface EduResourcesTime {
221
+ time: string;
222
+ }
223
+ export interface EduResourceStandard {
224
+ type: string;
225
+ code: string;
226
+ domain: {
227
+ domain: string;
228
+ };
229
+ definition: string;
230
+ }
231
+ export interface EduResourceStandardItem {
232
+ standard: EduResourceStandard;
233
+ }
234
+ export interface PageEduResourcesObject extends PageObject {
235
+ hero?: StreamfieldBlockData[];
236
+ primarySubject?: EduResourcesSubject;
237
+ additionalSubjects?: EduResourcesSubject[];
238
+ gradeLevels?: EduResourcesGradeLevel[];
239
+ time?: EduResourcesTime;
240
+ standards: EduResourceStandardItem[];
241
+ }
@@ -76,11 +76,7 @@ export namespace ContentPageData {
76
76
  heading: string;
77
77
  level: string;
78
78
  size: string;
79
- } | {
80
- blockType: string;
81
- title: string;
82
- caption: string;
83
- url: string;
79
+ blockId: string;
84
80
  } | {
85
81
  blockType: string;
86
82
  beforeImage: {
@@ -106,6 +102,11 @@ export namespace ContentPageData {
106
102
  listItem: {
107
103
  text: string;
108
104
  }[];
105
+ } | {
106
+ blockType: string;
107
+ title: string;
108
+ caption: string;
109
+ url: string;
109
110
  } | {
110
111
  blockType: string;
111
112
  value: string;
@@ -14,33 +14,53 @@ export namespace ImageDetailPageData {
14
14
  namespace data {
15
15
  export let body: ({
16
16
  blockType: string;
17
- heading: string;
18
- level: string;
19
- size: string;
20
- } | {
21
- blockType: string;
22
- title: string;
23
- caption: string;
24
- url: string;
25
- } | {
26
- blockType: string;
27
- beforeImage: {
17
+ fullBleed: boolean;
18
+ image: {
19
+ alt: string;
20
+ caption: string;
21
+ credit: string;
22
+ detailUrl: string;
23
+ original: string;
28
24
  src: {
25
+ height: number;
29
26
  url: string;
27
+ width: number;
30
28
  };
31
- srcCropped: {
32
- url: string;
33
- };
29
+ srcSet: string;
34
30
  };
35
- afterImage: {
31
+ imageFullBleed: {
32
+ alt: string;
33
+ caption: string;
34
+ credit: string;
35
+ detailUrl: string;
36
+ original: string;
36
37
  src: {
38
+ width: number;
39
+ height: number;
37
40
  url: string;
38
41
  };
39
42
  srcCropped: {
43
+ width: number;
44
+ height: number;
45
+ url: string;
46
+ };
47
+ screenXs: {
48
+ url: string;
49
+ width: number;
50
+ };
51
+ screenLg: {
52
+ url: string;
53
+ width: number;
54
+ };
55
+ screenXl: {
56
+ url: string;
57
+ width: number;
58
+ };
59
+ screenThreexl: {
40
60
  url: string;
61
+ width: number;
41
62
  };
42
63
  };
43
- caption: string;
44
64
  } | {
45
65
  blockType: string;
46
66
  text: string;
@@ -67,6 +87,13 @@ export namespace ImageDetailPageData {
67
87
  } | {
68
88
  blockType: string;
69
89
  value: string;
90
+ } | {
91
+ blockId: string;
92
+ blockType: string;
93
+ heading: string;
94
+ level: string;
95
+ size: string;
96
+ value?: undefined;
70
97
  })[];
71
98
  export let contentType: string;
72
99
  export namespace contextImage {