@explorer-1/vue 0.2.86 → 0.2.88

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @explorer-1/vue
+
+## 0.2.88
+
+### Patch Changes
+
+- 9324948: upgrades packages to match www/frontend, fixes misc bugs for edu launch

package/components.d.ts

@@ -7,13 +7,10 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    AboutTheAuthor: typeof import('./src/components/AboutTheAuthor/AboutTheAuthor.vue')['default']
     AsteroidWatchWidget: typeof import('./src/components/AsteroidWatchWidget/AsteroidWatchWidget.vue')['default']
     BackToTop: typeof import('./src/components/BackToTop/BackToTop.vue')['default']
-    BaseAccordionItem: typeof import('./src/components/BaseAccordionItem/BaseAccordionItem.vue')['default']
     BaseAudio: typeof import('./src/components/BaseAudio/BaseAudio.vue')['default']
     BaseButton: typeof import('./src/components/BaseButton/BaseButton.vue')['default']
-    BaseCarousel: typeof import('./src/components/BaseCarousel/BaseCarousel.vue')['default']
     BaseCheckboxGroup: typeof import('./src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue')['default']
     BaseHeading: typeof import('./src/components/BaseHeading/BaseHeading.vue')['default']
     BaseImage: typeof import('./src/components/BaseImage/BaseImage.vue')['default']
@@ -31,7 +28,6 @@ declare module 'vue' {
     BaseTimer: typeof import('./src/components/BaseTimer/BaseTimer.vue')['default']
     BaseUnitToggle: typeof import('./src/components/BaseUnitToggle/BaseUnitToggle.vue')['default']
     BaseVideo: typeof import('./src/components/BaseVideo/BaseVideo.vue')['default']
-    BlockAccordion: typeof import('./src/components/BlockAccordion/BlockAccordion.vue')['default']
     BlockAnchor: typeof import('./src/components/BlockAnchor/BlockAnchor.vue')['default']
     BlockAudio: typeof import('./src/components/BlockAudio/BlockAudio.vue')['default']
     BlockCardGrid: typeof import('./src/components/BlockCardGrid/BlockCardGrid.vue')['default']
@@ -53,18 +49,17 @@ declare module 'vue' {
     BlockInlineImage: typeof import('./src/components/BlockInlineImage/BlockInlineImage.vue')['default']
     BlockKeyPoints: typeof import('./src/components/BlockKeyPoints/BlockKeyPoints.vue')['default']
     BlockLinkCard: typeof import('./src/components/BlockLinkCard/BlockLinkCard.vue')['default']
-    BlockLinkCardCollectionLg: typeof import('./src/components/BlockLinkCard/BlockLinkCardCollectionLg.vue')['default']
-    BlockLinkCardList: typeof import('./src/components/BlockLinkCardList/BlockLinkCardList.vue')['default']
     BlockLinkCarousel: typeof import('./src/components/BlockLinkCarousel/BlockLinkCarousel.vue')['default']
     BlockLinkTile: typeof import('./src/components/BlockLinkTile/BlockLinkTile.vue')['default']
     BlockListCards: typeof import('./src/components/BlockListCards/BlockListCards.vue')['default']
     BlockMilestone: typeof import('./src/templates/www/PageTimeline/BlockMilestone.vue')['default']
     BlockQuote: typeof import('./src/components/BlockQuote/BlockQuote.vue')['default']
     BlockRelatedLinks: typeof import('./src/components/BlockRelatedLinks/BlockRelatedLinks.vue')['default']
-    BlockRichTable: typeof import('./src/components/BlockRichTable/BlockRichTable.vue')['default']
     BlockStreamfield: typeof import('./src/components/BlockStreamfield/BlockStreamfield.vue')['default']
+    BlockTable: typeof import('./src/components/BlockTable/BlockTable.vue')['default']
     BlockTeaser: typeof import('./src/components/BlockTeaser/BlockTeaser.vue')['default']
     BlockText: typeof import('./src/components/BlockText/BlockText.vue')['default']
+    BlockTwitterEmbed: typeof import('./src/components/BlockTwitterEmbed/BlockTwitterEmbed.vue')['default']
     BlockVideo: typeof import('./src/components/BlockVideo/BlockVideo.vue')['default']
     BlockVideoEmbed: typeof import('./src/components/BlockVideoEmbed/BlockVideoEmbed.vue')['default']
     CalendarButton: typeof import('./src/components/CalendarButton/CalendarButton.vue')['default']
@@ -76,8 +71,6 @@ declare module 'vue' {
     EventDetailHero: typeof import('./src/components/EventDetailHero/EventDetailHero.vue')['default']
     FormContact: typeof import('./src/components/FormContact/FormContact.vue')['default']
     FormNewsletterSignup: typeof import('./src/components/FormNewsletterSignup/FormNewsletterSignup.vue')['default']
-    GitHub404: typeof import('./src/components/BlockGist/GitHub404.vue')['default']
-    HeroInlineMedia: typeof import('./src/components/HeroInlineMedia/HeroInlineMedia.vue')['default']
     HeroLarge: typeof import('./src/components/HeroLarge/HeroLarge.vue')['default']
     HeroListingIndex: typeof import('./src/components/HeroListingIndex/HeroListingIndex.vue')['default']
     HeroMedia: typeof import('./src/components/HeroMedia/HeroMedia.vue')['default']
@@ -153,9 +146,6 @@ declare module 'vue' {
     LogoTribrand: typeof import('./src/components/LogoTribrand/LogoTribrand.vue')['default']
     MetadataEduResource: typeof import('./src/components/MetadataEduResource/MetadataEduResource.vue')['default']
     MetadataEvent: typeof import('./src/components/MetadataEvent/MetadataEvent.vue')['default']
-    MetaPanel: typeof import('./src/components/MetaPanel/MetaPanel.vue')['default']
-    MetaPanelAccordion: typeof import('./src/components/MetaPanelAccordion/MetaPanelAccordion.vue')['default']
-    MetaPanelItems: typeof import('./src/components/MetaPanelItems/MetaPanelItems.vue')['default']
     MissionDetailAbout: typeof import('./src/components/MissionDetailAbout/MissionDetailAbout.vue')['default']
     MissionDetailHero: typeof import('./src/components/MissionDetailHero/MissionDetailHero.vue')['default']
     MissionDetailHighlights: typeof import('./src/components/MissionDetailHighlights/MissionDetailHighlights.vue')['default']
@@ -200,18 +190,9 @@ declare module 'vue' {
     PageAudioDetail: typeof import('./src/templates/PageAudioDetail/PageAudioDetail.vue')['default']
     PageContent: typeof import('./src/templates/PageContent/PageContent.vue')['default']
     PageCuratedGallery: typeof import('./src/templates/www/PageCuratedGallery/PageCuratedGallery.vue')['default']
-    PageEduCollectionsDetail: typeof import('./src/templates/edu/PageEduCollectionsDetail/PageEduCollectionsDetail.vue')['default']
     PageEduEventDetail: typeof import('./src/templates/edu/PageEduEventDetail/PageEduEventDetail.vue')['default']
     PageEduExplainerArticle: typeof import('./src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue')['default']
-    PageEduGalleryDetail: typeof import('./src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.vue')['default']
-    PageEduHome: typeof import('./src/templates/edu/PageEduHome/PageEduHome.vue')['default']
-    PageEduLesson: typeof import('./src/templates/edu/PageEduLesson/PageEduLesson.vue')['default']
-    PageEduLessonSection: typeof import('./src/templates/edu/PageEduLesson/PageEduLessonSection.vue')['default']
-    PageEduMultimediaDetail: typeof import('./src/templates/edu/PageEduMultimediaDetail/PageEduMultimediaDetail.vue')['default']
     PageEduNewsDetail: typeof import('./src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.vue')['default']
-    PageEduStudentProject: typeof import('./src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue')['default']
-    PageEduStudentProjectSection: typeof import('./src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue')['default']
-    PageEduTeachableMoment: typeof import('./src/templates/edu/PageEduTeachableMoment/PageEduTeachableMoment.vue')['default']
     PageEventDetail: typeof import('./src/templates/PageEventDetail/PageEventDetail.vue')['default']
     PageGoDirectory: typeof import('./src/templates/www/PageGoDirectory/PageGoDirectory.vue')['default']
     PageHomepage: typeof import('./src/templates/www/PageHomepage/PageHomepage.vue')['default']
@@ -240,7 +221,6 @@ declare module 'vue' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SearchFilterGroup: typeof import('./src/components/SearchFilterGroup/SearchFilterGroup.vue')['default']
-    SearchFilterGroupAccordionItem: typeof import('./src/components/SearchFilterGroupAccordionItem/SearchFilterGroupAccordionItem.vue')['default']
     SearchInput: typeof import('./src/components/SearchInput/SearchInput.vue')['default']
     SearchPagination: typeof import('./src/components/SearchPagination/SearchPagination.vue')['default']
     SearchResultCard: typeof import('./src/components/SearchResultCard/SearchResultCard.vue')['default']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "0.2.86",
+  "version": "0.2.88",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -14,35 +14,36 @@
   "prettier": "@explorer-1/prettier-config",
   "dependencies": {
     "@fancyapps/ui": "^4.0.26",
-    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/forms": "^0.5.9",
     "animejs": "^3.2.2",
     "click-outside-vue3": "^4.0.1",
     "datebook": "^8.0.1",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.13",
     "fast-qs": "^2.0.3",
     "lodash": "^4.17.21",
     "mitt": "^3.0.1",
-    "sass": "^1.77.4",
+    "sass": "^1.80.5",
     "swiper": "^11.1.3",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^3.4.14",
     "twitter-widgets": "^2.0.0",
-    "vue": "^3.5.3",
+    "vue": "^3.5.12",
     "vue-bind-once": "^0.2.1",
     "vue3-compare-image": "^1.2.5",
-    "vue3-observe-visibility": "^1.0.1",
+    "vue3-observe-visibility": "^1.0.2",
     "@explorer-1/common": "1.1.23"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
-    "a11y-dialog": "^8.1.0",
-    "autoprefixer": "^10.4.19",
-    "postcss": "^8.4.38",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "a11y-dialog": "^8.1.1",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.14.0",
+    "postcss": "^8.4.47",
     "postcss-import": "^16.1.0",
-    "typescript": "^5.4.5",
-    "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^3.9.1",
-    "vue-tsc": "^2.0.6",
+    "typescript": "^5.6.3",
+    "unplugin-vue-components": "^0.27.4",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vue-tsc": "^2.1.10",
     "@explorer-1/prettier-config": "1.0.0"
   },
   "scripts": {

package/src/components/BlockImageCarousel/BlockImageCarousel.vue

@@ -52,7 +52,7 @@
         >
           <span
             class="inline-block w-3 h-3 rounded-full"
-            :class="currentIndex === index ? 'bg-jpl-red' : 'bg-gray-light-mid'"
+            :class="currentIndex === index ? 'bg-primary' : 'bg-gray-light-mid'"
           ></span>
         </button>
       </div>
@@ -60,17 +60,17 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent } from 'vue'
-import type { PropType } from 'vue'
+import swiperOptions from '@explorer-1/common/src/js/_swiperOptions'
 import Swiper from 'swiper'
 import { A11y, Navigation } from 'swiper/modules'
 import type { SwiperOptions } from 'swiper/types'
-import swiperOptions from '@explorer-1/common/src/js/_swiperOptions'
+import type { PropType } from 'vue'
+import { defineComponent } from 'vue'
+import type { ImageObject } from '../../interfaces'
+import BaseButton from './../BaseButton/BaseButton.vue'
 import BlockImageCarouselItem from './../BlockImageCarouselItem/BlockImageCarouselItem.vue'
-import IconPrev from './../Icons/IconPrev.vue'
 import IconNext from './../Icons/IconNext.vue'
-import BaseButton from './../BaseButton/BaseButton.vue'
-import type { ImageObject } from '../../interfaces'
+import IconPrev from './../Icons/IconPrev.vue'
 const BlockImageCarouselOptions = swiperOptions.BlockImageCarousel
 
 Swiper.use([Navigation, A11y])

package/src/components/FormNewsletterSignup/FormNewsletterSignup.vue

@@ -60,7 +60,7 @@
             label="Zip"
             type="text"
             maxlength="10"
-            pattern="[0-9]{5-10}"
+            pattern="[0-9]{5}(-[0-9]{4})?"
             title="Five digit zip code"
             placeholder="enter your 5-digit zip code"
           />
@@ -277,6 +277,7 @@ export default defineComponent({
         this.reveal()
         const request = {
           method: 'POST',
+          mode: 'no-cors',
           headers: {
             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
           },

package/src/components/MetaPanel/MetaPanel.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import { computed, reactive, ref } from 'vue'
 import {
-  MetaPanelTheme,
   EduResourcesGradeLevel,
-  EduResourceStandardItem,
   EduResourcesSubject,
-  EduResourcesTime
+  EduResourceStandardItem,
+  EduResourcesTime,
+  MetaPanelTheme
 } from './../../interfaces'
-import MetaPanelAccordion from './../MetaPanelAccordion/MetaPanelAccordion.vue'
-import MetaPanelItems from './../MetaPanelItems/MetaPanelItems.vue'
+import BaseButton from './../BaseButton/BaseButton.vue'
 import IconMinus from './../Icons/IconMinus.vue'
 import IconPlus from './../Icons/IconPlus.vue'
-import BaseButton from './../BaseButton/BaseButton.vue'
+import MetaPanelAccordion from './../MetaPanelAccordion/MetaPanelAccordion.vue'
+import MetaPanelItems from './../MetaPanelItems/MetaPanelItems.vue'
 
 interface MetaPanelProps {
   button?: string
@@ -117,8 +117,8 @@ const standardsIste = computed(() => {
     aria-label="Metadata"
     class="MetaPanel z-20 relative overflow-hidden"
     :class="{
-      '-mt-14': negativeTop,
-      '-mb-14': negativeBottom
+      '-mt-4 lg:-mt-10 xl:-mt-14': negativeTop,
+      '-mb-4 lg:-mb-10 xl:-mb-14': negativeBottom
     }"
   >
     <div class="MixedBleedGrid pl-4 lg:pl-0">

package/src/components/MixinFancybox/MixinFancybox.vue

@@ -1,9 +1,12 @@
+<!-- eslint-disable vue/require-explicit-emits -->
+<!-- eslint-disable vue/require-default-prop -->
 <script lang="ts">
+// MixinFancybox.vue
 // @ts-nocheck
-import { defineComponent } from 'vue'
 import { Fancybox } from '@fancyapps/ui'
-import { Fullscreen } from '@fancyapps/ui/src/shared/utils/Fullscreen.js'
 import '@fancyapps/ui/dist/fancybox.css'
+import { Fullscreen } from '@fancyapps/ui/src/shared/utils/Fullscreen.js'
+import { defineComponent } from 'vue'
 import MixinFancyboxOpenButton from './MixinFancyboxOpenButton.vue'
 
 export const fancyboxThemes = {

package/src/components/SearchInput/SearchInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 import IconSearch from './../Icons/IconSearch.vue'
 
 interface SearchInputProps {
@@ -69,7 +69,7 @@ onMounted(() => {
     <input
       ref="searchQueryRef"
       v-model="model"
-      class="pl-14 h-full focus:ring-2 relative z-10 w-full px-5 text-sm md:text-base lg:text-lg bg-transparent border-0"
+      class="pl-14 h-full focus:ring-2 relative z-10 w-full px-5 text-base lg:text-lg bg-transparent border-0"
       :class="{
         'text-gray-dark': defaultColors,
         'py-1': underlinedInput,
@@ -95,6 +95,13 @@ onMounted(() => {
   </div>
 </template>
 <style lang="scss" scoped>
+input[type='search'] {
+  transform: scale(0.875);
+  transform-origin: left;
+  @media screen and (min-width: 1024px) {
+    transform: scale(1);
+  }
+}
 .custom-focus {
   input {
     outline: none;

package/src/components/TheFooter/TheFooterSignUp.vue

@@ -3,7 +3,7 @@
     <div class="border-opacity-40 relative flex items-center border border-white">
       <input
         v-model="email"
-        class="EmailInput border-0 text-opacity-90 pl-14 relative z-10 w-full py-3 pr-3 text-sm text-white bg-transparent"
+        class="EmailInput text-base border-0 text-opacity-90 pl-14 relative z-10 w-full py-3 pr-3 text-white bg-transparent"
         type="email"
         name="email"
         required
@@ -57,5 +57,9 @@ export default defineComponent({
   .EmailInput::placeholder {
     @apply text-white text-opacity-40;
   }
+  input[type='email'].EmailInput {
+    transform: scale(0.875);
+    transform-origin: left;
+  }
 }
 </style>

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

@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import { reactive } from 'vue'
-import type { ImageObject, StreamfieldBlockData } from './../../../interfaces'
+import BaseHeading from './../../../components/BaseHeading/BaseHeading.vue'
 import BlockHeading, {
   type BlockHeadingObject
 } from './../../../components/BlockHeading/BlockHeading.vue'
-import type { EduLessonProcedure } from './PageEduLesson.vue'
-import BaseHeading from './../../../components/BaseHeading/BaseHeading.vue'
-import BlockText from './../../../components/BlockText/BlockText.vue'
-import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
 import BlockImageStandard from './../../../components/BlockImage/BlockImageStandard.vue'
 import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
+import BlockText from './../../../components/BlockText/BlockText.vue'
+import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
+import type { ImageObject, StreamfieldBlockData } from './../../../interfaces'
+import type { EduLessonProcedure } from './PageEduLesson.vue'
 
 export interface PageEduLessonSectionProps {
   heading?: BlockHeadingObject
@@ -135,7 +135,8 @@ const { heading, blocks, image, procedures, text } = reactive(props)
       }
     }
     ol.PageEduProcedureSectionSingleStep {
-      @apply list-none;
+      @apply list-none indent-7 pr-4 xl:indent-0.5 xl:pr-0.5;
+      text-wrap: pretty;
       > li {
         @apply relative w-full;
         counter-increment: step;

package/dist/explorer-1-vue.d.ts

@@ -1 +0,0 @@
-export * from './lib/main'