@explorer-1/vue 0.2.26 → 0.2.27

package/src/templates/edu/PageEduLesson/PageEduLesson.vue

@@ -8,22 +8,18 @@ import type {
 } from './../../../interfaces'
 import HeroMedia from './../../../components/HeroMedia/HeroMedia.vue'
 import BaseLink from './../../../components/BaseLink/BaseLink.vue'
-import BaseImagePlaceholder from './../../../components/BaseImagePlaceholder/BaseImagePlaceholder.vue'
 import type { BlockHeadingObject } from '../../../components/BlockHeading/BlockHeading.vue'
-import BlockImageCarousel from './../../../components/BlockImageCarousel/BlockImageCarousel.vue'
-import BlockImageComparison from './../../../components/BlockImageComparison/BlockImageComparison.vue'
 import BlockLinkCarousel from './../../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
-import BlockVideo from './../../../components/BlockVideo/BlockVideo.vue'
 import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
 import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
-import BlockImageStandard from './../../../components/BlockImage/BlockImageStandard.vue'
 import ShareButtonsEdu from './../../../components/ShareButtonsEdu/ShareButtonsEdu.vue'
 import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
-import BlockIframeEmbed from '../../../components/BlockIframeEmbed/BlockIframeEmbed.vue'
 import BlockRelatedLinks from '../../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
 import MetaPanel from '../../../components/MetaPanel/MetaPanel.vue'
 import PageEduLessonSection, { type PageEduLessonSectionProps } from './PageEduLessonSection.vue'
 import NavJumpMenu from './../../../components/NavJumpMenu/NavJumpMenu.vue'
+import HeroInlineMedia from './../../../components/HeroInlineMedia/HeroInlineMedia.vue'
+
 import { HeadingLevel } from '../../../components/BaseHeading/BaseHeading.vue'
 
 interface EduLessonSectionObject extends PageEduLessonSectionProps {
@@ -319,38 +315,10 @@ const consolidatedSections = computed((): EduLessonSectionObject[] => {
       v-if="!heroEmpty && heroInline && data.hero?.length"
       class="lg:mb-22 mb-10"
     >
-      <BlockImageStandard
-        v-if="data.hero[0].blockType === 'HeroImageBlock'"
-        :data="data.hero[0].imageInline"
-        :display-caption="data.hero[0].displayCaption"
-        :caption="data.hero[0].caption"
+      <HeroInlineMedia
+        :hero-blocks="data.hero"
         :constrain="data.heroConstrain"
       />
-      <BlockImageCarousel
-        v-else-if="data.hero[0].blockType === 'CarouselBlock'"
-        :items="data.hero[0].blocks"
-        :block-id="data.hero[0].id"
-      />
-      <BlockIframeEmbed
-        v-else-if="data.hero[0].blockType === 'IframeEmbedBlock'"
-        :data="data.hero[0]"
-      />
-      <BlockVideo
-        v-else-if="data.hero[0].blockType === 'VideoBlock'"
-        :data="data.hero[0]"
-        autoplay
-      />
-      <BaseImagePlaceholder
-        v-else-if="data.hero[0].blockType === 'VideoEmbedBlock'"
-        aspect-ratio="16:9"
-        dark-mode
-      >
-        <div v-html="data.hero[0].embed?.embed"></div>
-      </BaseImagePlaceholder>
-      <BlockImageComparison
-        v-else-if="data.hero[0].blockType === 'ImageComparisonBlock'"
-        :data="data.hero[0]"
-      />
     </LayoutHelper>
 
     <NavJumpMenu

package/src/templates/edu/PageEduTeachableMoment/PageEduTeachableMoment.vue

@@ -2,19 +2,15 @@
 import { computed, reactive, ref } from 'vue'
 import type { PageEduResourcesObject } from './../../../interfaces'
 import HeroMedia from './../../../components/HeroMedia/HeroMedia.vue'
-import BaseImagePlaceholder from './../../../components/BaseImagePlaceholder/BaseImagePlaceholder.vue'
-import BlockImageCarousel from './../../../components/BlockImageCarousel/BlockImageCarousel.vue'
-import BlockImageComparison from './../../../components/BlockImageComparison/BlockImageComparison.vue'
 import BlockLinkCarousel from './../../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
-import BlockVideo from './../../../components/BlockVideo/BlockVideo.vue'
+import BlockText from './../../../components/BlockText/BlockText.vue'
 import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
 import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
-import BlockImageStandard from './../../../components/BlockImage/BlockImageStandard.vue'
 import ShareButtonsEdu from './../../../components/ShareButtonsEdu/ShareButtonsEdu.vue'
 import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
-import BlockIframeEmbed from '../../../components/BlockIframeEmbed/BlockIframeEmbed.vue'
 import BlockRelatedLinks from '../../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
 import NavJumpMenu from './../../../components/NavJumpMenu/NavJumpMenu.vue'
+import HeroInlineMedia from './../../../components/HeroInlineMedia/HeroInlineMedia.vue'
 
 interface PageEduTeachableMomentProps {
   data?: PageEduResourcesObject
@@ -112,43 +108,14 @@ const computedClass = computed((): string => {
       />
     </LayoutHelper>
 
-    <!-- TODO: put this in a component (exclude layout though) -->
     <LayoutHelper
       v-if="!heroEmpty && heroInline && data.hero?.length"
       class="lg:mb-22 mb-10"
     >
-      <BlockImageStandard
-        v-if="data.hero[0].blockType === 'HeroImageBlock'"
-        :data="data.hero[0].imageInline"
-        :display-caption="data.hero[0].displayCaption"
-        :caption="data.hero[0].caption"
+      <HeroInlineMedia
+        :hero-blocks="data.hero"
         :constrain="data.heroConstrain"
       />
-      <BlockImageCarousel
-        v-else-if="data.hero[0].blockType === 'CarouselBlock'"
-        :items="data.hero[0].blocks"
-        :block-id="data.hero[0].id"
-      />
-      <BlockIframeEmbed
-        v-else-if="data.hero[0].blockType === 'IframeEmbedBlock'"
-        :data="data.hero[0]"
-      />
-      <BlockVideo
-        v-else-if="data.hero[0].blockType === 'VideoBlock'"
-        :data="data.hero[0]"
-        autoplay
-      />
-      <BaseImagePlaceholder
-        v-else-if="data.hero[0].blockType === 'VideoEmbedBlock'"
-        aspect-ratio="16:9"
-        dark-mode
-      >
-        <div v-html="data.hero[0].embed?.embed"></div>
-      </BaseImagePlaceholder>
-      <BlockImageComparison
-        v-else-if="data.hero[0].blockType === 'ImageComparisonBlock'"
-        :data="data.hero[0]"
-      />
     </LayoutHelper>
 
     <!-- summary and topper -->
@@ -162,11 +129,6 @@ const computedClass = computed((): string => {
         :text="data.topper"
       />
     </LayoutHelper>
-    <!-- streamfield blocks -->
-    <BlockStreamfield
-      itemprop="articleBody"
-      :data="data.body"
-    />
 
     <!-- streamfield blocks -->
     <BlockStreamfield :data="data.body" />

package/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.vue

@@ -4,7 +4,7 @@
     class="-nav-offset"
   >
     <HeroLarge
-      eyebrow="Robotics at JPL"
+      label="Robotics at JPL"
       :title="data.title"
       :summary="data.description"
       :image="data.listingPageHeroImage"

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

@@ -6,7 +6,7 @@
     <div class="lg:mb-24 mb-12">
       <HeroLarge
         class="relative z-10"
-        :eyebrow="data.parentDisplayTitle"
+        :label="data.parentDisplayTitle"
         :title="data.displayTitle"
         :summary="data.strapline"
         :image="data.listingPageHeroImage"