npm - @explorer-1/vue - Versions diffs - 0.3.4 → 0.3.7 - Mend

@explorer-1/vue 0.3.4 → 0.3.7

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 (236) hide show

package/src/interfaces.ts CHANGED Viewed

@@ -1,3 +1,7 @@
+import { eduMetadataDictionary } from './constants'
+export type ContentTypeKey = keyof typeof eduMetadataDictionary
 export interface BreadcrumbPathObject {
   path: string
   title: string
@@ -24,7 +28,7 @@ export interface StreamfieldBlockData extends BlockData {
   galleryDescription?: string
   coverImage?: ImageObject
   gallerySlides?: ImageObject[]
-  blocks?: object[]
+  blocks?: StreamfieldBlockData[] | Card[] | ImageObject[] | VideoObject[]
   value?: string
   customLabel?: string
   introduction?: string
@@ -42,6 +46,7 @@ export interface StreamfieldBlockData extends BlockData {
   rowData?: any
   apiEndpoint?: string
   attachmentPrefix?: string
+  listingPageHeroImage?: ImageObject
 }
 export interface ImageSrcObject {
@@ -73,9 +78,29 @@ export interface ImageObject {
   cover?: string
   image?: ImageObject
   displayCaption?: boolean
+  listingPageHeroImage?: ImageObject
 }
-export interface ImageBlock extends BlockData, ImageObject {}
+export interface VideoObject {
+  duration?: string
+  file: string
+  fileExtension?: string
+  fileOgg?: string // no webpack loader for ogg files
+  fileWebm?: string
+  height?: string | number
+  id: string
+  sources?: string
+  title: string
+  type?: string
+  width?: string | number
+}
+export interface ImageBlock extends BlockData, ImageObject {
+  fullBleed: boolean
+  imageFullBleed: ImageObject
+  displayCaption: boolean
+  constrain: boolean
+}
 export interface ElasticSearchPage {
   _source: string
@@ -250,9 +275,7 @@ export interface LabelObject {
   icons?: string
   type?: MetadataType
 }
-export interface PillDictionaryInterface {
-  [EDUExplainerArticlePage: string]: LabelObject
-}
 export interface DictionaryInterface {
   [key: string]: string
 }
@@ -263,8 +286,9 @@ export interface AccordionItemObject {
 export type MetaPanelTheme = 'primary' | 'secondary' | 'stars'
+export type HeadingLevels = 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
 export interface PageObject {
-  __typename: string
+  __typename: ContentTypeKey
   contentType: string
   lastPublishedAt?: string
   breadcrumb?: string
@@ -275,6 +299,7 @@ export interface PageObject {
   getTopicsForDisplay?: Topic[]
   showJumpMenu?: boolean
   label?: string
+  topicLabel?: string
   summary?: string
   topper?: string
   seoTitle?: string

package/src/templates/PageAudioDetail/PageAudioDetail.vue CHANGED Viewed

@@ -50,7 +50,7 @@
         />
       </template>
     </LayoutHelper>
-    <BlockAudio :data="data" />
+    <BlockAudio :data="data as BlockAudioData" />
     <LayoutHelper
       indent="col-2"
       class="lg:pt-12 pt-4"
@@ -228,7 +228,7 @@ import DetailHeadline from './../../components/DetailHeadline/DetailHeadline.vue
 import BaseButton from './../../components/BaseButton/BaseButton.vue'
 import BlockRelatedLinks from './../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
 import BlockText from './../../components/BlockText/BlockText.vue'
-import BlockAudio from './../../components/BlockAudio/BlockAudio.vue'
+import BlockAudio, { type BlockAudioData } from './../../components/BlockAudio/BlockAudio.vue'
 import IconDownload from './../../components/Icons/IconDownload.vue'
 import IconDropdown from './../../components/Icons/IconDropdown.vue'
 import BlockLinkCarousel from './../../components/BlockLinkCarousel/BlockLinkCarousel.vue'

package/src/templates/PageContent/PageContent.stories.js CHANGED Viewed

@@ -15,7 +15,7 @@ export default {
   tags: ['!autodocs'],
   parameters: {
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     layout: 'fullscreen'
   },

package/src/templates/PageEventDetail/PageEventDetail.stories.js CHANGED Viewed

@@ -9,7 +9,7 @@ export default {
   tags: ['!autodocs'],
   parameters: {
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     layout: 'fullscreen'
   },

package/src/templates/PageNewsDetail/PageNewsDetail.stories.js CHANGED Viewed

@@ -17,13 +17,13 @@ export default {
   component: PageNewsDetail,
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*Data$/

package/src/templates/edu/PageContentEdu.stories.js CHANGED Viewed

@@ -7,13 +7,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="ThemeEdu"><story/></div>`
+      template: `<div id="storyRoot" class="ThemeEdu"><story/></div>`
     })
   ],
   globals: { theme: 'ThemeEdu' },
   parameters: {
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     docs: {
       description: {

package/src/templates/edu/PageEduCollectionsDetail/PageEduCollectionsDetail.stories.js CHANGED Viewed

@@ -10,14 +10,14 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   globals: { theme: 'ThemeEdu' },
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*Data$/

package/src/templates/edu/PageEduEventDetail/PageEduEventDetail.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ export default {
   globals: { theme: 'ThemeEdu' },
   parameters: {
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     layout: 'fullscreen'
   },

package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.js CHANGED Viewed

@@ -16,14 +16,14 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   globals: { theme: 'ThemeEdu' },
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*Data$/

package/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.stories.js CHANGED Viewed

@@ -14,7 +14,7 @@ export default {
   globals: { theme: 'ThemeEdu' },
   parameters: {
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     layout: 'fullscreen'
   },

package/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.vue CHANGED Viewed

@@ -9,10 +9,14 @@ import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
 import BaseHeading from './../../../components/BaseHeading/BaseHeading.vue'
 import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
 import ShareButtonsEdu from './../../../components/ShareButtonsEdu/ShareButtonsEdu.vue'
-import BlockVideo from './../../../components/BlockVideo/BlockVideo.vue'
+import BlockVideo, { type BlockVideoData } from './../../../components/BlockVideo/BlockVideo.vue'
 import BlockImageStandard from './../../../components/BlockImage/BlockImageStandard.vue'
-import BlockImageComparison from './../../../components/BlockImageComparison/BlockImageComparison.vue'
-import BlockVideoEmbed from './../../../components/BlockVideoEmbed/BlockVideoEmbed.vue'
+import BlockImageComparison, {
+  type BlockImageComparisonData
+} from './../../../components/BlockImageComparison/BlockImageComparison.vue'
+import BlockVideoEmbed, {
+  type BlockVideoEmbedData
+} from './../../../components/BlockVideoEmbed/BlockVideoEmbed.vue'
 import BlockRelatedLinks from './../../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
 import BlockLinkCarousel from './../../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
 import BlockText from './../../../components/BlockText/BlockText.vue'
@@ -134,7 +138,7 @@ const { data } = reactive(props)
           <template v-else-if="block.blockType === 'ImageComparisonBlock'">
             <LayoutHelper indent="col-2">
               <BlockImageComparison
-                :data="block"
+                :data="block as BlockImageComparisonData"
                 :custom-detail-url="item.externalLink"
               />
             </LayoutHelper>
@@ -142,7 +146,7 @@ const { data } = reactive(props)
           <template v-else-if="block.blockType === 'VideoBlock'">
             <LayoutHelper indent="col-2">
               <BlockVideo
-                :data="block"
+                :data="block as BlockVideoData"
                 :custom-detail-url="item.externalLink"
               />
             </LayoutHelper>
@@ -150,7 +154,7 @@ const { data } = reactive(props)
           <template v-else-if="block.blockType === 'VideoEmbedBlock'">
             <LayoutHelper indent="col-2">
               <BlockVideoEmbed
-                :data="block"
+                :data="block as BlockVideoEmbedData"
                 :custom-detail-url="item.externalLink"
               />
             </LayoutHelper>

package/src/templates/edu/PageEduHome/PageEduHome.stories.js CHANGED Viewed

@@ -14,7 +14,7 @@ export default {
   globals: { theme: 'ThemeEdu' },
   parameters: {
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     layout: 'fullscreen'
   },

package/src/templates/edu/PageEduLesson/PageEduLesson.stories.js CHANGED Viewed

@@ -21,14 +21,14 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   globals: { theme: 'ThemeEdu' },
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*Data$/

package/src/templates/edu/PageEduMultimediaDetail/PageEduMultimediaDetail.stories.js CHANGED Viewed

@@ -15,7 +15,7 @@ export default {
   globals: { theme: 'ThemeEdu' },
   parameters: {
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     layout: 'fullscreen'
   },

package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.js CHANGED Viewed

@@ -10,14 +10,14 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   globals: { theme: 'ThemeEdu' },
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     },
     docs: {
       description: {

package/src/templates/edu/PageEduStudentProject/PageEduStudentProject.stories.js CHANGED Viewed

@@ -24,14 +24,14 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   globals: { theme: 'ThemeEdu' },
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*Data$/

package/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue CHANGED Viewed

@@ -8,7 +8,9 @@ import BlockHeading, {
 import type { EduStudentProjectStep } from './PageEduStudentProject.vue'
 import HeroInlineMedia from './../../../components/HeroInlineMedia/HeroInlineMedia.vue'
 import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
-import BlockInlineImage from './../../../components/BlockInlineImage/BlockInlineImage.vue'
+import BlockInlineImage, {
+  type BlockInlineImageData
+} from './../../../components/BlockInlineImage/BlockInlineImage.vue'
 import BlockImageStandard from './../../../components/BlockImage/BlockImageStandard.vue'
 import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
 import { getHeadingId } from './../../../utils/getHeadingId'
@@ -52,11 +54,13 @@ const { heading, blocks, image, steps, stepsNumbering, text } = reactive(props)
     <!-- simple richtext -->
     <BlockInlineImage
       v-if="text"
-      :data="{
-        text: text,
-        image: image,
-        alignTo: 'right'
-      }"
+      :data="
+        {
+          text: text,
+          image: image,
+          alignTo: 'right'
+        } as BlockInlineImageData
+      "
       class="lg:mb-18 mb-10"
     />

package/src/templates/edu/PageEduTeachableMoment/PageEduTeachableMoment.stories.js CHANGED Viewed

@@ -21,14 +21,14 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   globals: { theme: 'ThemeEdu' },
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*Data$/

package/src/templates/www/PageAsteroidWatchContent/PageAsteroidWatchContent.stories.js CHANGED Viewed

@@ -7,14 +7,14 @@ export default {
   component: PageAsteroidWatchContent,
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   tags: ['!autodocs'],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageAsteroidWatchIndex/PageAsteroidWatchIndex.stories.js CHANGED Viewed

@@ -9,13 +9,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageGoDirectory/PageGoDirectory.stories.js CHANGED Viewed

@@ -6,13 +6,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageHomepage/PageHomepage.stories.js CHANGED Viewed

@@ -18,13 +18,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   }
 }

package/src/templates/www/PageMissionDetail/PageMissionDetail.stories.js CHANGED Viewed

@@ -15,13 +15,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PagePodcast/PagePodcast.stories.js CHANGED Viewed

@@ -9,13 +9,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PagePodcastSeason/PagePodcastSeason.stories.js CHANGED Viewed

@@ -8,13 +8,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PagePressKitIndex/PagePressKitIndex.stories.js CHANGED Viewed

@@ -5,14 +5,14 @@ export default {
   component: PagePressKitIndex,
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   tags: ['!autodocs'],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageProfileDetail/PageProfileDetail.stories.js CHANGED Viewed

@@ -7,13 +7,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.stories.js CHANGED Viewed

@@ -13,13 +13,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageTimeline/PageTimeline.stories.js CHANGED Viewed

@@ -8,13 +8,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageTopicDetail/PageTopicDetail.stories.js CHANGED Viewed

@@ -12,13 +12,13 @@ export default {
   tags: ['!autodocs'],
   decorators: [
     () => ({
-      template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
+      template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
     })
   ],
   parameters: {
     layout: 'fullscreen',
     html: {
-      root: '#storyDecorator'
+      root: '#storyRoot'
     }
   },
   excludeStories: /.*(Data)$/

package/src/templates/www/PageTopicDetail/PageTopicDetail.vue CHANGED Viewed

@@ -114,7 +114,8 @@ export default defineComponent({
   props: {
     data: {
       type: Object,
-      required: false
+      required: false,
+      default: undefined
     }
   }
 })

package/src/utils/mixins.ts CHANGED Viewed

@@ -15,13 +15,13 @@ export interface SrcSetDataValue {
   width: number
 }
 // nav link object
-export type LinkObject = {
-  linkPage: {
+export type NavLinkObject = {
+  linkPage?: {
     title: string
     url: string
-  } | null
-  title: string | null
-  path: string | null
+  }
+  title?: string
+  path?: string
 }
 // breadcrumbs used for nav and secondary nav
 export type BreadcrumbObject = {
@@ -78,7 +78,7 @@ export const mixinTransparentHeader = () => {
       and provides a graceful fallback to use the page title
       if one exists.
     */
-export const mixinGetLinkText = (item: LinkObject): string => {
+export const mixinGetLinkText = (item: NavLinkObject): string => {
   if (item.title) {
     return item.title
   } else if (item.linkPage) {
@@ -96,7 +96,7 @@ export const mixinGetLinkText = (item: LinkObject): string => {
      TODO: need to modify this to work with breadcrumb-passed objects too
            strategy: check if path starts with a slash.
     */
-export const mixinGetRouterLink = (link: LinkObject): string | undefined => {
+export const mixinGetRouterLink = (link: NavLinkObject): string | undefined => {
   if (link.linkPage && link.linkPage.url) {
     return link.linkPage.url
   } else if (link.path) {