From 1f2a60f5239f9b423a20200d1ad6ad7b8a84ff3a Mon Sep 17 00:00:00 2001 From: Stephanie Smith Date: Tue, 18 Jun 2024 07:17:28 -0700 Subject: [PATCH] fix: search component v-bindings (#466) * converting SearchInput to composition api and using defineModel() * fixes to search filter group * cleanup needed for listing pages and search * fixing stray text-theme-red usage * removing commented out code * lint --- apps/vue-storybook/.storybook/preview.ts | 1 + apps/vue-storybook/components.d.ts | 2 + .../stories/components/BaseLink.stories.ts | 2 +- .../HeroListingIndex.stories.js} | 24 ++---- packages/vue/components.d.ts | 2 +- packages/vue/dist/explorer-1-vue.js | 4 +- packages/vue/dist/explorer-1-vue.umd.cjs | 4 +- .../src/components/EventCard/EventCard.vue | 6 +- .../HeroListingIndex/HeroListingIndex.vue} | 33 +++---- .../MixinAnimationCaret.vue | 2 +- .../MixinFancybox/MixinFancybox.vue | 2 +- .../SearchFilterGroup/SearchFilterGroup.vue | 7 +- .../components/SearchInput/SearchInput.vue | 85 ++++++++----------- .../SearchSelectMenu/SearchSelectMenu.vue | 4 +- .../vue/src/templates/PageEventDetail.vue | 10 +-- 15 files changed, 83 insertions(+), 105 deletions(-) rename apps/vue-storybook/stories/{templates/PageListingIndex.stories.js => components/HeroListingIndex.stories.js} (88%) rename packages/vue/src/{templates/PageListingIndex.vue => components/HeroListingIndex/HeroListingIndex.vue} (66%) diff --git a/apps/vue-storybook/.storybook/preview.ts b/apps/vue-storybook/.storybook/preview.ts index e64268cc..4e549430 100644 --- a/apps/vue-storybook/.storybook/preview.ts +++ b/apps/vue-storybook/.storybook/preview.ts @@ -142,6 +142,7 @@ const preview: Preview = { 'Blocks', ['Overview', 'Heroes', ['Overview', 'Small', 'Medium', 'Large']], 'Heroes', + ['*', 'HeroMedia', 'HeroListingIndex'], 'Forms', ['Overview', 'TextInput', 'TextArea'], 'Search', diff --git a/apps/vue-storybook/components.d.ts b/apps/vue-storybook/components.d.ts index 072627ea..f5ae006d 100644 --- a/apps/vue-storybook/components.d.ts +++ b/apps/vue-storybook/components.d.ts @@ -11,6 +11,7 @@ declare module 'vue' { BackToTop: typeof import('./node_modules/@explorer-1/vue/src/components/BackToTop/BackToTop.vue')['default'] BaseAudio: typeof import('./node_modules/@explorer-1/vue/src/components/BaseAudio/BaseAudio.vue')['default'] BaseButton: typeof import('./node_modules/@explorer-1/vue/src/components/BaseButton/BaseButton.vue')['default'] + BaseCheckbox: typeof import('./node_modules/@explorer-1/vue/src/components/BaseCheckbox/BaseCheckbox.vue')['default'] BaseCheckboxGroup: typeof import('./node_modules/@explorer-1/vue/src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue')['default'] BaseHeading: typeof import('./node_modules/@explorer-1/vue/src/components/BaseHeading/BaseHeading.vue')['default'] BaseImage: typeof import('./node_modules/@explorer-1/vue/src/components/BaseImage/BaseImage.vue')['default'] @@ -68,6 +69,7 @@ declare module 'vue' { FormContact: typeof import('./node_modules/@explorer-1/vue/src/components/FormContact/FormContact.vue')['default'] FormNewsletterSignup: typeof import('./node_modules/@explorer-1/vue/src/components/FormNewsletterSignup/FormNewsletterSignup.vue')['default'] HeroLarge: typeof import('./node_modules/@explorer-1/vue/src/components/HeroLarge/HeroLarge.vue')['default'] + HeroListingIndex: typeof import('./node_modules/@explorer-1/vue/src/components/HeroListingIndex/HeroListingIndex.vue')['default'] HeroMedia: typeof import('./node_modules/@explorer-1/vue/src/components/HeroMedia/HeroMedia.vue')['default'] HeroMedium: typeof import('./node_modules/@explorer-1/vue/src/components/HeroMedium/HeroMedium.vue')['default'] HomePage: typeof import('./node_modules/@explorer-1/vue/src/templates/www/HomePage.vue')['default'] diff --git a/apps/vue-storybook/stories/components/BaseLink.stories.ts b/apps/vue-storybook/stories/components/BaseLink.stories.ts index 9a098ca0..dbc3bdc3 100644 --- a/apps/vue-storybook/stories/components/BaseLink.stories.ts +++ b/apps/vue-storybook/stories/components/BaseLink.stories.ts @@ -22,7 +22,7 @@ export const BaseLinkData = { to: '/', href: '/', caret: false, - caretColor: 'text-theme-red', + caretColor: 'text-primary', default: 'Link Text' } diff --git a/apps/vue-storybook/stories/templates/PageListingIndex.stories.js b/apps/vue-storybook/stories/components/HeroListingIndex.stories.js similarity index 88% rename from apps/vue-storybook/stories/templates/PageListingIndex.stories.js rename to apps/vue-storybook/stories/components/HeroListingIndex.stories.js index b33d5637..2cef0424 100644 --- a/apps/vue-storybook/stories/templates/PageListingIndex.stories.js +++ b/apps/vue-storybook/stories/components/HeroListingIndex.stories.js @@ -1,26 +1,18 @@ import videoMp4 from '@explorer-1/common-storybook/src/videos/NASA-Mars-Helicopter-IngenuityAnimations-7sec.mp4' import videoWebm from '@explorer-1/common-storybook/src/videos/NASA-Mars-Helicopter-IngenuityAnimations-7sec.webm' -import PageListingIndex from '@explorer-1/vue/src/templates/PageListingIndex.vue' +import HeroListingIndex from '@explorer-1/vue/src/components/HeroListingIndex/HeroListingIndex.vue' export default { - title: 'Templates/PageListingIndex', - component: PageListingIndex, - decorators: [ - () => ({ - template: `
The rest of the page goes here (searchHelpers mixin)
` - }) - ], + title: 'Components/Heroes/HeroListingIndex', + component: HeroListingIndex, parameters: { - html: { - root: '#storyDecorator' - }, viewMode: 'canvas' }, excludeStories: /.*Data$/ } // data -export const PageListingIndexData = { +export const HeroListingIndexData = { listingPage: { featured: { url: '/news/new-maps-open-roads-to-research/', @@ -49,14 +41,14 @@ export const PageListingIndexData = { export const Default = { args: { customLabel: 'Featured', - pageData: PageListingIndexData.listingPage + data: HeroListingIndexData.listingPage } } export const NewsImageHero = { args: { customLabel: 'Featured', - pageData: { + data: { featured: { url: '/news/new-maps-open-roads-to-research/', title: 'Creating Robots to go Where Humans Can’t', @@ -88,7 +80,7 @@ export const NewsImageHero = { export const NewsVideoHero = { args: { customLabel: 'Featured', - pageData: { + data: { featured: { url: '/news/new-maps-open-roads-to-research/', title: 'Creating Robots to go Where Humans Can’t', @@ -109,7 +101,7 @@ export const NewsVideoHero = { export const NewsCarouselHero = { args: { customLabel: 'Featured', - pageData: { + data: { featured: { url: '/news/new-maps-open-roads-to-research/', title: 'Creating Robots to go Where Humans Can’t', diff --git a/packages/vue/components.d.ts b/packages/vue/components.d.ts index 5abe7ed7..4e7d9fc7 100644 --- a/packages/vue/components.d.ts +++ b/packages/vue/components.d.ts @@ -66,6 +66,7 @@ declare module 'vue' { FormContact: typeof import('./src/components/FormContact/FormContact.vue')['default'] FormNewsletterSignup: typeof import('./src/components/FormNewsletterSignup/FormNewsletterSignup.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'] HeroMedium: typeof import('./src/components/HeroMedium/HeroMedium.vue')['default'] HomePage: typeof import('./src/templates/www/HomePage.vue')['default'] @@ -170,7 +171,6 @@ declare module 'vue' { NewsDetailMediaContact: typeof import('./src/components/NewsDetailMediaContact/NewsDetailMediaContact.vue')['default'] PageContent: typeof import('./src/templates/PageContent.vue')['default'] PageEventDetail: typeof import('./src/templates/PageEventDetail.vue')['default'] - PageListingIndex: typeof import('./src/templates/PageListingIndex.vue')['default'] ParallaxContainer: typeof import('./src/components/ParallaxContainer/ParallaxContainer.vue')['default'] ParallaxElement: typeof import('./src/components/ParallaxElement/ParallaxElement.vue')['default'] PastEventsCarousel: typeof import('./src/components/PastEventsCarousel/PastEventsCarousel.vue')['default'] diff --git a/packages/vue/dist/explorer-1-vue.js b/packages/vue/dist/explorer-1-vue.js index f9b173fd..5edfcde5 100644 --- a/packages/vue/dist/explorer-1-vue.js +++ b/packages/vue/dist/explorer-1-vue.js @@ -906,7 +906,7 @@ const Te = /* @__PURE__ */ C(zt, [["render", Ft]]), Vt = k({ color: { type: String, required: !1, - default: "text-theme-red" + default: "text-primary" }, // default margin left class marginLeft: { @@ -1550,7 +1550,7 @@ const Je = /* @__PURE__ */ C(da, [["render", ha]]), X = { return a.type === "image" && (t = `
${a.title ? `
${a.title}
` : ""} ${t.length ? `
${t}
` : ""} - ${a.url ? `Full Image Details` : ""} + ${a.url ? `Full Image Details` : ""}
`), t; } }); diff --git a/packages/vue/dist/explorer-1-vue.umd.cjs b/packages/vue/dist/explorer-1-vue.umd.cjs index f8ee0fca..ed4ebcb3 100644 --- a/packages/vue/dist/explorer-1-vue.umd.cjs +++ b/packages/vue/dist/explorer-1-vue.umd.cjs @@ -10,8 +10,8 @@ This will fail in production.`);c=T,c._s.has(a)||(l?ae(a,o,r,c):_e(a,r,c),proces * vue-router v4.3.3 * (c) 2024 Eduardo San Martin Morote * @license MIT - */var $e;(function(e){e.pop="pop",e.push="push"})($e||($e={}));var ke;(function(e){e.back="back",e.forward="forward",e.unknown=""})(ke||(ke={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var we;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(we||(we={})),Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Symbol(process.env.NODE_ENV!=="production"?"router view depth":""),Symbol(process.env.NODE_ENV!=="production"?"router":"");const Xe=Symbol(process.env.NODE_ENV!=="production"?"route location":"");Symbol(process.env.NODE_ENV!=="production"?"router view location":"");function Qe(){return t.inject(Xe)}const Ke=()=>{const e=H();e&&e.makeTransparent(!0)},et=e=>e.title?e.title:e.linkPage?e.linkPage.title:"",tt=e=>{if(e.linkPage&&e.linkPage.url)return e.linkPage.url;if(e.path){const o="http://localhost:3000";if(e.path.startsWith(o+"/missions?")||e.path.startsWith(o+"/news?"))return e.path.replace(o,"");if(e.path.startsWith("/"))return e.path}},at=e=>{H().updateGlobalChildren(e)},nt=e=>{H().updateSecondary(e)},ot=e=>{H().updateHighlightPrimary(e)},rt=e=>{const o=Qe(),n=o?o.path:null,a=e,r=a?a.endsWith("/")?a:a+"/":null;return n&&a&&r?n===a?!0:n.startsWith(r):!1},Ce=e=>{let o="";if(Object.keys(e).some(function(a){return!!a.startsWith("screen")})){const a=[];for(const[r,l]of Object.entries(e))r.startsWith("screen")&&typeof l=="object"&&l.url&&l.width&&a.push(`${l.url} ${l.width}w`);o=a.join(", ")}return o},st=e=>{if(e.externalLink)return e.externalLink;if(e.document)return e.document.url},it=e=>"https://www.jpl.nasa.gov"+e,lt=(e,o)=>{if(e&&e.original){let n=e.title;o&&(n=o);let a=e.credit;return e.detailUrl&&(a=""),[{title:n,url:e.original,detailUrl:e.detailUrl,credit:a}]}return!1},ct=e=>{const o=[],n=Object.keys(e).map(a=>e[a]);if(e){for(const a of n)for(const r of Object.values(a))r&&r.original!==void 0&&o.push({title:r.title,url:r.original,detailUrl:r.detailUrl,credit:r.credit});return o}else return!1},dt=(e,o)=>{const n=C(e);let a=n.format("D");const r=n.format("MMM YYYY");if(o){const l=C(o);n.format("MM")===l.format("MM")&&n.format("ll")!==l.format("ll")&&(a=`${a}-${l.format("D")}`)}return{day:a,monthAndYear:r}},pt=(e,o)=>{const n=C(e);let a=n.format("ll");if(o){const r=C(o);n.format("YYYY")!==r.format("YYYY")?a=`${n.format("ll")} - ${r.format("ll")}`:n.format("MM")!==r.format("MM")?a=`${n.format("MMM D")} - ${r.format("ll")}`:r.diff(n,"hour")>=24&&n.format("ll")!==r.format("ll")&&(a=`${n.format("MMM D")}-${r.format("D")}, ${n.format("YYYY")}`)}return a},ft=(e,o,n)=>{const a=C(e);let r="";if(o){const l=C(o);l.diff(a,"hour")<=24&&l.diff(a,"day")===0&&(n?a.format("a")===l.format("a")?r=`${a.format("h:mm")}-${l.format("h:mm a z")}`:r=`${a.format("h:mm a")} - ${l.format("h:mm a z")}`:r=`${a.format("h:mm a z")}`)}return r},Be={primary:"-primary","reverse-primary":"-reverse-primary",secondary:"-secondary",dark:"-dark",social:"-social"},ut=t.defineComponent({name:"BaseButton",props:{variant:{type:String,required:!1,default:"primary",validator:e=>Object.keys(Be).includes(e)},compact:{type:Boolean,default:!1,required:!1},blockClasses:{type:String,required:!1,default:"inline-block"},disabled:{type:Boolean,default:!1,required:!1},ariaLabel:{type:String,default:"",required:!1},to:{type:[String,Object],required:!1,default:null},href:{type:String,required:!1,default:null}},emits:["click"],computed:{tag(){return this.disabled?"button":this.to?"nuxt-link":this.href?"a":"button"},theHref(){return this.tag==="nuxt-link"?this.to:this.tag==="a"?this.href:!1},variantClass(){let e=Be[this.variant];return!this.$slots.default&&this.$slots.icon?e=e+" -icon-only":this.compact&&(e=e+" -compact"),this.blockClasses&&(e=e+" "+this.blockClasses),e}}}),w=(e,o)=>{const n=e.__vccOpts||e;for(const[a,r]of o)n[a]=r;return n},ht={class:"label block"};function mt(e,o,n,a,r,l){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),{class:t.normalizeClass(["BaseButton text-contrast-none",e.variantClass]),"aria-label":e.ariaLabel,disabled:e.disabled,href:e.theHref,to:e.to?e.to:!1,onClick:o[0]||(o[0]=s=>e.$emit("click"))},{default:t.withCtx(()=>[t.createElementVNode("span",ht,[t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"icon")])]),_:3},8,["class","aria-label","disabled","href","to"])}const Se=w(ut,[["render",mt]]),Ee={none:"object-none",contain:"object-contain",cover:"object-cover",fill:"object-fill",scaleDown:"object-scale-down"},gt=t.defineComponent({name:"BaseImage",props:{imageClass:{type:String,required:!1},objectFitClass:{type:String,required:!1,default:"contain",validator:e=>Object.keys(Ee).includes(e)},src:{type:String,required:!0},srcset:{type:String,required:!1,default:""},alt:{type:String},width:{type:[Number,String]},height:{type:[Number,String]},loading:{type:String,required:!1,default:"lazy"}},data(){return{lazyNative:!0}},computed:{computedClass(){let e="";return this.imageClass&&(e=e+" "+this.imageClass),this.objectFitClass&&(e=e+" "+Ee[this.objectFitClass]),this.lazyNative||(e=e+" lazyload"),e}},mounted(){this.featureDetectImageLazyLoad()},methods:{featureDetectImageLazyLoad(){if("loading"in HTMLImageElement.prototype){const e=this.$refs.BaseImage?this.$refs.BaseImage:null;this.lazyNative=!0,e&&e.dataset.src&&(e.src=e.dataset.src),e&&e.dataset.srcset&&(e.srcset=e.dataset.srcset)}else this.lazyNative=!1},imageFailed(){console.log("Image failed to load.")}}}),yt=["data-src","data-srcset","alt","width","height","loading"];function _t(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",null,[e.src?(t.openBlock(),t.createElementBlock("img",{key:0,ref:"BaseImage",class:t.normalizeClass(["BaseImage",e.computedClass]),"data-src":e.src,"data-srcset":e.srcset,alt:e.alt,width:e.width,height:e.height,loading:e.loading,onError:o[0]||(o[0]=(...s)=>e.imageFailed&&e.imageFailed(...s))},null,42,yt)):t.createCommentVNode("",!0)])}const j=w(gt,[["render",_t]]),bt=t.defineComponent({name:"IconCaret"}),$t={class:"IconCaret",width:"8",height:"14",viewBox:"0 0 8 14",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},kt=[t.createElementVNode("path",{d:"M7.864 7.004L1.5 13.368.086 11.954l4.948-4.95-4.948-4.95L1.5.64l6.364 6.364z",fill:"currentColor"},null,-1)];function wt(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("svg",$t,kt)}const ne=w(bt,[["render",wt]]),Ct=t.defineComponent({name:"MixinAnimationCaret",components:{IconCaret:ne},props:{passedWrapperClass:{type:String||null,required:!1,default:""},arrowClass:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"text-theme-red"},marginLeft:{type:String,default:"ml-1",required:!1},inline:{type:Boolean,default:!1,required:!1}},computed:{computedClass(){let e="";return this.passedWrapperClass&&(e=e+" "+this.passedWrapperClass),this.inline&&(e=e+" caret-inline"),e}}}),Bt={class:"arrow"},St={class:"arrow-fixed"};function Et(e,o,n,a,r,l){const s=ne;return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["MixinAnimationCaret",e.computedClass])},[t.createElementVNode("span",null,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("span",{class:t.normalizeClass(["arrow-wrapper",[e.arrowClass,e.color,e.marginLeft]]),"aria-hidden":"true"},[t.createElementVNode("span",Bt,[t.createVNode(s)]),t.createElementVNode("span",St,[t.createVNode(s)])],2)],2)}const oe=w(Ct,[["render",Et]]),Me={primary:"text-subtitle text-action hover:text-action-dark dark:text-action-light dark:hover:text-action",secondary:"text-subtitle text-action hover:text-action-dark dark:text-action-light dark:hover:text-action",default:"-default underline text-action hover:text-action-dark dark:text-action-light dark:hover:text-action",none:""},Mt=t.defineComponent({name:"BaseLink",components:{MixinAnimationCaret:oe},props:{variant:{type:String,required:!1,default:"default",validator:e=>Object.keys(Me).includes(e)},to:{type:[String,Object],default:void 0},exact:{type:Boolean,default:!1},href:{type:String,default:void 0},title:{type:String,default:void 0},ariaLabel:{type:String,default:""},linkClass:{type:String,default:""},target:{type:String,required:!1,default:void 0},externalTargetBlank:{type:Boolean,required:!1,default:!1},caret:{type:Boolean,required:!1,default:!1},caretWrapperClass:{type:String,default:""},caretClass:{type:String,default:""},caretInline:{type:Boolean,required:!1,default:!1},caretColor:{type:String,required:!1,default:""},caretMarginLeft:{type:String,required:!1,default:""}},emits:["linkClicked","specificLinkClicked"],computed:{computedClass(){let e=Me[this.variant];return(this.to||this.href)&&(e=e+" cursor-pointer"),this.linkClass&&(e=e+" "+this.linkClass),e},theTarget(){if(this.target)return this.target;if(this.href&&this.externalTargetBlank)return"_blank"},theRel(){if(this.theTarget==="_blank")return"noopener"}},methods:{clickEvent(){var e;(e=this.$root)==null||e.$emit("linkClicked"),this.$emit("specificLinkClicked")}}}),Dt=["href","target","rel","aria-label","title"];function Nt(e,o,n,a,r,l){const s=oe,c=t.resolveComponent("nuxt-link");return t.openBlock(),t.createElementBlock("div",null,[e.to?(t.openBlock(),t.createBlock(c,{key:0,class:t.normalizeClass(["group",e.computedClass]),to:e.to,target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,exact:e.exact,onClick:o[0]||(o[0]=h=>e.clickEvent())},{default:t.withCtx(()=>[e.caretInline&&e.caret?(t.openBlock(),t.createBlock(s,{key:0,inline:"",class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(t.openBlock(),t.createBlock(s,{key:1,class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):t.renderSlot(e.$slots,"default",{key:2})]),_:3},8,["class","to","target","rel","aria-label","title","exact"])):e.href?(t.openBlock(),t.createElementBlock("a",{key:1,href:e.href,class:t.normalizeClass(["group",e.computedClass]),target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,onClick:o[1]||(o[1]=h=>e.clickEvent())},[e.caretInline&&e.caret?(t.openBlock(),t.createBlock(s,{key:0,inline:"",class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(t.openBlock(),t.createBlock(s,{key:1,class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):t.renderSlot(e.$slots,"default",{key:2})],10,Dt)):t.createCommentVNode("",!0)])}const re=w(Mt,[["render",Nt]]),se={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",h6:"text-h6"},vt=t.defineComponent({name:"BaseHeading",props:{level:{type:String||null,required:!1,default:"h2",validator:e=>Object.keys(se).includes(e)},size:{type:String,required:!1,default:"h2",validator:e=>Object.keys(se).includes(e)}},computed:{computedTag(){return this.level?this.level:this.size},computedClass(){return this.size?se[this.size]:""}}});function Lt(e,o,n,a,r,l){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.computedTag),{class:t.normalizeClass(e.computedClass)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class"])}const De=w(vt,[["render",Lt]]),Vt=t.defineComponent({name:"BlockHeading",components:{BaseHeading:De},props:{data:{type:Object,required:!1}}});function Ot(e,o,n,a,r,l){const s=De;return e.data?(t.openBlock(),t.createBlock(s,{key:0,level:e.data.level,size:e.data.size},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.data.heading),1)]),_:1},8,["level","size"])):t.createCommentVNode("",!0)}const zt=w(Vt,[["render",Ot]]),Ne={"col-1":"lg:col-start-1 lg:col-end-13","col-2":"lg:col-start-2 lg:col-end-12","col-3":"lg:col-start-3 lg:col-end-11","col-4":"md:col-start-3 md:col-end-11 lg:col-start-4 lg:col-end-10"},xt=t.defineComponent({name:"LayoutHelper",props:{indent:{type:String,required:!1,default:"col-1",validator:e=>Object.keys(Ne).includes(e)}},computed:{theWidth(){return Ne[this.indent]}}}),It={class:"LayoutHelper BaseGrid container mx-auto"};function Yt(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",It,[t.createElementVNode("div",{class:t.normalizeClass(e.theWidth+" col-start-1 col-end-13 lg:px-0 px-4 relative")},[t.renderSlot(e.$slots,"default")],2)])}const ve=w(xt,[["render",Yt]]),Ft=t.defineComponent({name:"BaseImageCaption",components:{BaseLink:re},props:{data:{type:Object,required:!0,default:void 0}}}),Tt={key:0,class:"BaseImageCaption text-body-sm"},qt={class:"inline mr-2"},Ht=["innerHTML"],jt={key:0,class:"inline"};function Pt(e,o,n,a,r,l){const s=re;return e.data?(t.openBlock(),t.createElementBlock("div",Tt,[t.createElementVNode("div",qt,[t.createElementVNode("div",{class:"the-caption-text inline",innerHTML:e.data.caption},null,8,Ht),e.data.credit?(t.openBlock(),t.createElementBlock("span",jt," Credit: "+t.toDisplayString(e.data.credit),1)):t.createCommentVNode("",!0)]),e.data.detailUrl?(t.openBlock(),t.createBlock(s,{key:0,class:"inline-block",variant:"default",to:e.data.detailUrl},{default:t.withCtx(()=>[t.createTextVNode(" Full Image Details ")]),_:1},8,["to"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)}const Z=w(Ft,[["render",Pt]]),At=t.defineComponent({name:"IconExpand"}),Rt={class:"IconExpand",width:"60",height:"60",viewBox:"0 0 60 60",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},Wt=[t.createElementVNode("path",{d:"M48 37v11H37v-2h9v-9h2zm-34 0v9h9v2H12V37h2zm9-25v2h-9v9h-2V12h11zm25 0v11h-2v-9h-9v-2h11z",fill:"currentColor","fill-rule":"evenodd"},null,-1)];function Ut(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("svg",Rt,Wt)}const Le=w(At,[["render",Ut]]),Gt=t.defineComponent({name:"MixinFancyboxOpenButton",components:{IconExpand:Le}}),Jt={ref:"FancyboxOpenButton",class:"MixinFancyboxOpenButton",role:"presentation"},Zt={class:"BaseButton -primary -icon-only pointer-events-none"},Xt={class:"icon"};function Qt(e,o,n,a,r,l){const s=Le;return t.openBlock(),t.createElementBlock("div",Jt,[t.createElementVNode("div",Zt,[t.createElementVNode("span",Xt,[t.createVNode(s)])])],512)}const Ve=w(Gt,[["render",Qt]]),P={pageXOffset:0,pageYOffset:0,element(){return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement},activate(e){P.pageXOffset=window.pageXOffset,P.pageYOffset=window.pageYOffset,e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()},deactivate(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()}},ie={normal:"fancybox-theme-normal ThemeVariantLight",light:"fancybox-theme-light ThemeVariantLight",dark:"fancybox-theme-dark ThemeVariantDark"},Kt=t.defineComponent({name:"MixinFancybox",components:{MixinFancyboxOpenButton:Ve},filters:{truncate(e){return e&&e.length>280&&(e=e.substring(0,277)+"..."),e}},props:{infinite:{type:Boolean,required:!1,default:!0},showThumbnails:{type:Boolean,required:!1,default:!1},animated:{type:Boolean,required:!1,default:!1},galleryName:{type:String,required:!1,default:null},src:{type:String,required:!1},srcSet:{type:String,required:!1},sizes:{type:String,required:!1},downloadSrc:{type:String,required:!1},caption:{type:String,required:!1},credit:{type:String,required:!1},title:{type:String,required:!1},detailUrl:{type:String,required:!1},width:{type:String,required:!1},height:{type:String,required:!1},theme:{type:String,required:!1,default:"dark",validator:e=>Object.keys(ie).includes(e)}},computed:{computedClass(){return ie[this.theme]},computedCaption(){let e=this.caption&&this.caption.length?this.$options.filters.truncate(this.caption,180):"";return this.credit&&(e=`${e} Credit: ${this.credit}`),e}},mounted(){return ze.Fancybox.bind("[data-fancybox]",{infinite:this.infinite,mainClass:this.computedClass?this.computedClass:ie.dark,showClass:"fancybox-fadeIn",hideClass:"fancybox-fadeOut",autoFocus:!0,maxScale:6,slideshow:{delay:1e4},animated:this.animated,Image:{zoom:this.animated},Thumbs:{autoStart:this.showThumbnails},Toolbar:{items:{counter:{type:"div",class:"fancybox__counter",html:' / ',tabindex:-1,position:"left"},prev:{type:"button",class:"fancybox__button--prev",label:"PREV",html:'',click(e){e.preventDefault(),this.fancybox.prev()}},next:{type:"button",class:"fancybox__button--next",label:"NEXT",html:'',click(e){e.preventDefault(),this.fancybox.next()}},fullscreen:{type:"button",class:"fancybox__button--fullscreen",label:"TOGGLE_FULLSCREEN",html:'',click(e){e.preventDefault(),P.element()?P.deactivate():P.activate(this.fancybox.$container)}},slideshow:{type:"button",class:"fancybox__button--slideshow",label:"TOGGLE_SLIDESHOW",html:'',click(e){e.preventDefault(),this.Slideshow.toggle()}},zoom:{type:"button",class:"fancybox__button--zoom",label:"TOGGLE_ZOOM",html:'',click(e){e.preventDefault();const o=this.fancybox.getSlide().Panzoom;o&&o.toggleZoom()}},download:{type:"link",label:"DOWNLOAD",class:"fancybox__button--download",html:'',click(e){e.stopPropagation()}},thumbs:{type:"button",label:"TOGGLE_THUMBS",class:"fancybox__button--thumbs",html:'',click(e){e.stopPropagation();const o=this.fancybox.plugins.Thumbs;o&&o.toggle()}},close:{type:"button",label:"CLOSE",class:"fancybox__button--close",html:'',tabindex:1,click(e){e.stopPropagation(),e.preventDefault(),this.fancybox.close()}}},display:[{id:"counter",position:"left"},"zoom","slideshow","fullscreen","thumbs","captions","close"]},caption(e,o,n){let a=n.caption;return n.type==="image"&&(a=`
+ */var $e;(function(e){e.pop="pop",e.push="push"})($e||($e={}));var ke;(function(e){e.back="back",e.forward="forward",e.unknown=""})(ke||(ke={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var we;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(we||(we={})),Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Symbol(process.env.NODE_ENV!=="production"?"router view depth":""),Symbol(process.env.NODE_ENV!=="production"?"router":"");const Xe=Symbol(process.env.NODE_ENV!=="production"?"route location":"");Symbol(process.env.NODE_ENV!=="production"?"router view location":"");function Qe(){return t.inject(Xe)}const Ke=()=>{const e=H();e&&e.makeTransparent(!0)},et=e=>e.title?e.title:e.linkPage?e.linkPage.title:"",tt=e=>{if(e.linkPage&&e.linkPage.url)return e.linkPage.url;if(e.path){const o="http://localhost:3000";if(e.path.startsWith(o+"/missions?")||e.path.startsWith(o+"/news?"))return e.path.replace(o,"");if(e.path.startsWith("/"))return e.path}},at=e=>{H().updateGlobalChildren(e)},nt=e=>{H().updateSecondary(e)},ot=e=>{H().updateHighlightPrimary(e)},rt=e=>{const o=Qe(),n=o?o.path:null,a=e,r=a?a.endsWith("/")?a:a+"/":null;return n&&a&&r?n===a?!0:n.startsWith(r):!1},Ce=e=>{let o="";if(Object.keys(e).some(function(a){return!!a.startsWith("screen")})){const a=[];for(const[r,l]of Object.entries(e))r.startsWith("screen")&&typeof l=="object"&&l.url&&l.width&&a.push(`${l.url} ${l.width}w`);o=a.join(", ")}return o},st=e=>{if(e.externalLink)return e.externalLink;if(e.document)return e.document.url},it=e=>"https://www.jpl.nasa.gov"+e,lt=(e,o)=>{if(e&&e.original){let n=e.title;o&&(n=o);let a=e.credit;return e.detailUrl&&(a=""),[{title:n,url:e.original,detailUrl:e.detailUrl,credit:a}]}return!1},ct=e=>{const o=[],n=Object.keys(e).map(a=>e[a]);if(e){for(const a of n)for(const r of Object.values(a))r&&r.original!==void 0&&o.push({title:r.title,url:r.original,detailUrl:r.detailUrl,credit:r.credit});return o}else return!1},dt=(e,o)=>{const n=C(e);let a=n.format("D");const r=n.format("MMM YYYY");if(o){const l=C(o);n.format("MM")===l.format("MM")&&n.format("ll")!==l.format("ll")&&(a=`${a}-${l.format("D")}`)}return{day:a,monthAndYear:r}},pt=(e,o)=>{const n=C(e);let a=n.format("ll");if(o){const r=C(o);n.format("YYYY")!==r.format("YYYY")?a=`${n.format("ll")} - ${r.format("ll")}`:n.format("MM")!==r.format("MM")?a=`${n.format("MMM D")} - ${r.format("ll")}`:r.diff(n,"hour")>=24&&n.format("ll")!==r.format("ll")&&(a=`${n.format("MMM D")}-${r.format("D")}, ${n.format("YYYY")}`)}return a},ft=(e,o,n)=>{const a=C(e);let r="";if(o){const l=C(o);l.diff(a,"hour")<=24&&l.diff(a,"day")===0&&(n?a.format("a")===l.format("a")?r=`${a.format("h:mm")}-${l.format("h:mm a z")}`:r=`${a.format("h:mm a")} - ${l.format("h:mm a z")}`:r=`${a.format("h:mm a z")}`)}return r},Be={primary:"-primary","reverse-primary":"-reverse-primary",secondary:"-secondary",dark:"-dark",social:"-social"},ut=t.defineComponent({name:"BaseButton",props:{variant:{type:String,required:!1,default:"primary",validator:e=>Object.keys(Be).includes(e)},compact:{type:Boolean,default:!1,required:!1},blockClasses:{type:String,required:!1,default:"inline-block"},disabled:{type:Boolean,default:!1,required:!1},ariaLabel:{type:String,default:"",required:!1},to:{type:[String,Object],required:!1,default:null},href:{type:String,required:!1,default:null}},emits:["click"],computed:{tag(){return this.disabled?"button":this.to?"nuxt-link":this.href?"a":"button"},theHref(){return this.tag==="nuxt-link"?this.to:this.tag==="a"?this.href:!1},variantClass(){let e=Be[this.variant];return!this.$slots.default&&this.$slots.icon?e=e+" -icon-only":this.compact&&(e=e+" -compact"),this.blockClasses&&(e=e+" "+this.blockClasses),e}}}),w=(e,o)=>{const n=e.__vccOpts||e;for(const[a,r]of o)n[a]=r;return n},ht={class:"label block"};function mt(e,o,n,a,r,l){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),{class:t.normalizeClass(["BaseButton text-contrast-none",e.variantClass]),"aria-label":e.ariaLabel,disabled:e.disabled,href:e.theHref,to:e.to?e.to:!1,onClick:o[0]||(o[0]=s=>e.$emit("click"))},{default:t.withCtx(()=>[t.createElementVNode("span",ht,[t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"icon")])]),_:3},8,["class","aria-label","disabled","href","to"])}const Se=w(ut,[["render",mt]]),Ee={none:"object-none",contain:"object-contain",cover:"object-cover",fill:"object-fill",scaleDown:"object-scale-down"},gt=t.defineComponent({name:"BaseImage",props:{imageClass:{type:String,required:!1},objectFitClass:{type:String,required:!1,default:"contain",validator:e=>Object.keys(Ee).includes(e)},src:{type:String,required:!0},srcset:{type:String,required:!1,default:""},alt:{type:String},width:{type:[Number,String]},height:{type:[Number,String]},loading:{type:String,required:!1,default:"lazy"}},data(){return{lazyNative:!0}},computed:{computedClass(){let e="";return this.imageClass&&(e=e+" "+this.imageClass),this.objectFitClass&&(e=e+" "+Ee[this.objectFitClass]),this.lazyNative||(e=e+" lazyload"),e}},mounted(){this.featureDetectImageLazyLoad()},methods:{featureDetectImageLazyLoad(){if("loading"in HTMLImageElement.prototype){const e=this.$refs.BaseImage?this.$refs.BaseImage:null;this.lazyNative=!0,e&&e.dataset.src&&(e.src=e.dataset.src),e&&e.dataset.srcset&&(e.srcset=e.dataset.srcset)}else this.lazyNative=!1},imageFailed(){console.log("Image failed to load.")}}}),yt=["data-src","data-srcset","alt","width","height","loading"];function _t(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",null,[e.src?(t.openBlock(),t.createElementBlock("img",{key:0,ref:"BaseImage",class:t.normalizeClass(["BaseImage",e.computedClass]),"data-src":e.src,"data-srcset":e.srcset,alt:e.alt,width:e.width,height:e.height,loading:e.loading,onError:o[0]||(o[0]=(...s)=>e.imageFailed&&e.imageFailed(...s))},null,42,yt)):t.createCommentVNode("",!0)])}const j=w(gt,[["render",_t]]),bt=t.defineComponent({name:"IconCaret"}),$t={class:"IconCaret",width:"8",height:"14",viewBox:"0 0 8 14",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},kt=[t.createElementVNode("path",{d:"M7.864 7.004L1.5 13.368.086 11.954l4.948-4.95-4.948-4.95L1.5.64l6.364 6.364z",fill:"currentColor"},null,-1)];function wt(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("svg",$t,kt)}const ne=w(bt,[["render",wt]]),Ct=t.defineComponent({name:"MixinAnimationCaret",components:{IconCaret:ne},props:{passedWrapperClass:{type:String||null,required:!1,default:""},arrowClass:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"text-primary"},marginLeft:{type:String,default:"ml-1",required:!1},inline:{type:Boolean,default:!1,required:!1}},computed:{computedClass(){let e="";return this.passedWrapperClass&&(e=e+" "+this.passedWrapperClass),this.inline&&(e=e+" caret-inline"),e}}}),Bt={class:"arrow"},St={class:"arrow-fixed"};function Et(e,o,n,a,r,l){const s=ne;return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["MixinAnimationCaret",e.computedClass])},[t.createElementVNode("span",null,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("span",{class:t.normalizeClass(["arrow-wrapper",[e.arrowClass,e.color,e.marginLeft]]),"aria-hidden":"true"},[t.createElementVNode("span",Bt,[t.createVNode(s)]),t.createElementVNode("span",St,[t.createVNode(s)])],2)],2)}const oe=w(Ct,[["render",Et]]),Me={primary:"text-subtitle text-action hover:text-action-dark dark:text-action-light dark:hover:text-action",secondary:"text-subtitle text-action hover:text-action-dark dark:text-action-light dark:hover:text-action",default:"-default underline text-action hover:text-action-dark dark:text-action-light dark:hover:text-action",none:""},Mt=t.defineComponent({name:"BaseLink",components:{MixinAnimationCaret:oe},props:{variant:{type:String,required:!1,default:"default",validator:e=>Object.keys(Me).includes(e)},to:{type:[String,Object],default:void 0},exact:{type:Boolean,default:!1},href:{type:String,default:void 0},title:{type:String,default:void 0},ariaLabel:{type:String,default:""},linkClass:{type:String,default:""},target:{type:String,required:!1,default:void 0},externalTargetBlank:{type:Boolean,required:!1,default:!1},caret:{type:Boolean,required:!1,default:!1},caretWrapperClass:{type:String,default:""},caretClass:{type:String,default:""},caretInline:{type:Boolean,required:!1,default:!1},caretColor:{type:String,required:!1,default:""},caretMarginLeft:{type:String,required:!1,default:""}},emits:["linkClicked","specificLinkClicked"],computed:{computedClass(){let e=Me[this.variant];return(this.to||this.href)&&(e=e+" cursor-pointer"),this.linkClass&&(e=e+" "+this.linkClass),e},theTarget(){if(this.target)return this.target;if(this.href&&this.externalTargetBlank)return"_blank"},theRel(){if(this.theTarget==="_blank")return"noopener"}},methods:{clickEvent(){var e;(e=this.$root)==null||e.$emit("linkClicked"),this.$emit("specificLinkClicked")}}}),Dt=["href","target","rel","aria-label","title"];function Nt(e,o,n,a,r,l){const s=oe,c=t.resolveComponent("nuxt-link");return t.openBlock(),t.createElementBlock("div",null,[e.to?(t.openBlock(),t.createBlock(c,{key:0,class:t.normalizeClass(["group",e.computedClass]),to:e.to,target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,exact:e.exact,onClick:o[0]||(o[0]=h=>e.clickEvent())},{default:t.withCtx(()=>[e.caretInline&&e.caret?(t.openBlock(),t.createBlock(s,{key:0,inline:"",class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(t.openBlock(),t.createBlock(s,{key:1,class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):t.renderSlot(e.$slots,"default",{key:2})]),_:3},8,["class","to","target","rel","aria-label","title","exact"])):e.href?(t.openBlock(),t.createElementBlock("a",{key:1,href:e.href,class:t.normalizeClass(["group",e.computedClass]),target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,onClick:o[1]||(o[1]=h=>e.clickEvent())},[e.caretInline&&e.caret?(t.openBlock(),t.createBlock(s,{key:0,inline:"",class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(t.openBlock(),t.createBlock(s,{key:1,class:t.normalizeClass(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):t.renderSlot(e.$slots,"default",{key:2})],10,Dt)):t.createCommentVNode("",!0)])}const re=w(Mt,[["render",Nt]]),se={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",h6:"text-h6"},vt=t.defineComponent({name:"BaseHeading",props:{level:{type:String||null,required:!1,default:"h2",validator:e=>Object.keys(se).includes(e)},size:{type:String,required:!1,default:"h2",validator:e=>Object.keys(se).includes(e)}},computed:{computedTag(){return this.level?this.level:this.size},computedClass(){return this.size?se[this.size]:""}}});function Lt(e,o,n,a,r,l){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.computedTag),{class:t.normalizeClass(e.computedClass)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class"])}const De=w(vt,[["render",Lt]]),Vt=t.defineComponent({name:"BlockHeading",components:{BaseHeading:De},props:{data:{type:Object,required:!1}}});function Ot(e,o,n,a,r,l){const s=De;return e.data?(t.openBlock(),t.createBlock(s,{key:0,level:e.data.level,size:e.data.size},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.data.heading),1)]),_:1},8,["level","size"])):t.createCommentVNode("",!0)}const zt=w(Vt,[["render",Ot]]),Ne={"col-1":"lg:col-start-1 lg:col-end-13","col-2":"lg:col-start-2 lg:col-end-12","col-3":"lg:col-start-3 lg:col-end-11","col-4":"md:col-start-3 md:col-end-11 lg:col-start-4 lg:col-end-10"},xt=t.defineComponent({name:"LayoutHelper",props:{indent:{type:String,required:!1,default:"col-1",validator:e=>Object.keys(Ne).includes(e)}},computed:{theWidth(){return Ne[this.indent]}}}),It={class:"LayoutHelper BaseGrid container mx-auto"};function Yt(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",It,[t.createElementVNode("div",{class:t.normalizeClass(e.theWidth+" col-start-1 col-end-13 lg:px-0 px-4 relative")},[t.renderSlot(e.$slots,"default")],2)])}const ve=w(xt,[["render",Yt]]),Ft=t.defineComponent({name:"BaseImageCaption",components:{BaseLink:re},props:{data:{type:Object,required:!0,default:void 0}}}),Tt={key:0,class:"BaseImageCaption text-body-sm"},qt={class:"inline mr-2"},Ht=["innerHTML"],jt={key:0,class:"inline"};function Pt(e,o,n,a,r,l){const s=re;return e.data?(t.openBlock(),t.createElementBlock("div",Tt,[t.createElementVNode("div",qt,[t.createElementVNode("div",{class:"the-caption-text inline",innerHTML:e.data.caption},null,8,Ht),e.data.credit?(t.openBlock(),t.createElementBlock("span",jt," Credit: "+t.toDisplayString(e.data.credit),1)):t.createCommentVNode("",!0)]),e.data.detailUrl?(t.openBlock(),t.createBlock(s,{key:0,class:"inline-block",variant:"default",to:e.data.detailUrl},{default:t.withCtx(()=>[t.createTextVNode(" Full Image Details ")]),_:1},8,["to"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)}const Z=w(Ft,[["render",Pt]]),At=t.defineComponent({name:"IconExpand"}),Rt={class:"IconExpand",width:"60",height:"60",viewBox:"0 0 60 60",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},Wt=[t.createElementVNode("path",{d:"M48 37v11H37v-2h9v-9h2zm-34 0v9h9v2H12V37h2zm9-25v2h-9v9h-2V12h11zm25 0v11h-2v-9h-9v-2h11z",fill:"currentColor","fill-rule":"evenodd"},null,-1)];function Ut(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("svg",Rt,Wt)}const Le=w(At,[["render",Ut]]),Gt=t.defineComponent({name:"MixinFancyboxOpenButton",components:{IconExpand:Le}}),Jt={ref:"FancyboxOpenButton",class:"MixinFancyboxOpenButton",role:"presentation"},Zt={class:"BaseButton -primary -icon-only pointer-events-none"},Xt={class:"icon"};function Qt(e,o,n,a,r,l){const s=Le;return t.openBlock(),t.createElementBlock("div",Jt,[t.createElementVNode("div",Zt,[t.createElementVNode("span",Xt,[t.createVNode(s)])])],512)}const Ve=w(Gt,[["render",Qt]]),P={pageXOffset:0,pageYOffset:0,element(){return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement},activate(e){P.pageXOffset=window.pageXOffset,P.pageYOffset=window.pageYOffset,e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()},deactivate(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()}},ie={normal:"fancybox-theme-normal ThemeVariantLight",light:"fancybox-theme-light ThemeVariantLight",dark:"fancybox-theme-dark ThemeVariantDark"},Kt=t.defineComponent({name:"MixinFancybox",components:{MixinFancyboxOpenButton:Ve},filters:{truncate(e){return e&&e.length>280&&(e=e.substring(0,277)+"..."),e}},props:{infinite:{type:Boolean,required:!1,default:!0},showThumbnails:{type:Boolean,required:!1,default:!1},animated:{type:Boolean,required:!1,default:!1},galleryName:{type:String,required:!1,default:null},src:{type:String,required:!1},srcSet:{type:String,required:!1},sizes:{type:String,required:!1},downloadSrc:{type:String,required:!1},caption:{type:String,required:!1},credit:{type:String,required:!1},title:{type:String,required:!1},detailUrl:{type:String,required:!1},width:{type:String,required:!1},height:{type:String,required:!1},theme:{type:String,required:!1,default:"dark",validator:e=>Object.keys(ie).includes(e)}},computed:{computedClass(){return ie[this.theme]},computedCaption(){let e=this.caption&&this.caption.length?this.$options.filters.truncate(this.caption,180):"";return this.credit&&(e=`${e} Credit: ${this.credit}`),e}},mounted(){return ze.Fancybox.bind("[data-fancybox]",{infinite:this.infinite,mainClass:this.computedClass?this.computedClass:ie.dark,showClass:"fancybox-fadeIn",hideClass:"fancybox-fadeOut",autoFocus:!0,maxScale:6,slideshow:{delay:1e4},animated:this.animated,Image:{zoom:this.animated},Thumbs:{autoStart:this.showThumbnails},Toolbar:{items:{counter:{type:"div",class:"fancybox__counter",html:' / ',tabindex:-1,position:"left"},prev:{type:"button",class:"fancybox__button--prev",label:"PREV",html:'',click(e){e.preventDefault(),this.fancybox.prev()}},next:{type:"button",class:"fancybox__button--next",label:"NEXT",html:'',click(e){e.preventDefault(),this.fancybox.next()}},fullscreen:{type:"button",class:"fancybox__button--fullscreen",label:"TOGGLE_FULLSCREEN",html:'',click(e){e.preventDefault(),P.element()?P.deactivate():P.activate(this.fancybox.$container)}},slideshow:{type:"button",class:"fancybox__button--slideshow",label:"TOGGLE_SLIDESHOW",html:'',click(e){e.preventDefault(),this.Slideshow.toggle()}},zoom:{type:"button",class:"fancybox__button--zoom",label:"TOGGLE_ZOOM",html:'',click(e){e.preventDefault();const o=this.fancybox.getSlide().Panzoom;o&&o.toggleZoom()}},download:{type:"link",label:"DOWNLOAD",class:"fancybox__button--download",html:'',click(e){e.stopPropagation()}},thumbs:{type:"button",label:"TOGGLE_THUMBS",class:"fancybox__button--thumbs",html:'',click(e){e.stopPropagation();const o=this.fancybox.plugins.Thumbs;o&&o.toggle()}},close:{type:"button",label:"CLOSE",class:"fancybox__button--close",html:'',tabindex:1,click(e){e.stopPropagation(),e.preventDefault(),this.fancybox.close()}}},display:[{id:"counter",position:"left"},"zoom","slideshow","fullscreen","thumbs","captions","close"]},caption(e,o,n){let a=n.caption;return n.type==="image"&&(a=`
${n.title?`
${n.title}
`:""} ${a.length?`
${a}
`:""} - ${n.url?`Full Image Details`:""} + ${n.url?`Full Image Details`:""}
`),a}})},methods:{clickHandler(){this.$emit("click")}}}),ea=["href","data-fancybox","data-src","data-width","data-height","data-srcset","data-sizes","data-theme","data-caption","data-title","data-animated","data-download-src","data-url","data-max-width"];function ta(e,o,n,a,r,l){const s=Ve;return t.openBlock(),t.createElementBlock("a",{class:"MixinFancybox group cursor-pointer block","aria-label":"Open in Lightbox",href:e.src,"data-fancybox":e.galleryName||"","data-src":e.src,"data-width":e.src?e.src.width:null,"data-height":e.src?e.src.height:null,"data-srcset":e.srcSet,"data-sizes":e.sizes,"data-theme":e.computedClass,"data-caption":e.computedCaption,"data-title":e.title,"data-animated":e.animated,"data-download-src":e.downloadSrc,"data-url":e.detailUrl,"data-max-width":e.src?e.src.width:null,onClick:o[0]||(o[0]=c=>e.$emit("click"))},[t.createVNode(s),t.renderSlot(e.$slots,"default")],8,ea)}const A=w(Kt,[["render",ta]]),Oe={none:"aspect-ratio-none",portrait:"aspect-ratio-four-five",square:"aspect-ratio-square","1:1":"aspect-ratio-one-one","2:1":"aspect-ratio-two-one","2:3":"aspect-ratio-two-three","3:2":"aspect-ratio-three-two","4:3":"aspect-ratio-four-three","4:5":"aspect-ratio-four-five","7:8":"aspect-ratio-seven-eight","8:7":"aspect-ratio-eight-seven","9:16":"aspect-ratio-nine-sixteen","12:9":"aspect-ratio-twelve-nine","16:7":"aspect-ratio-sixteen-seven","16:9":"aspect-ratio-sixteen-nine","21:9":"aspect-ratio-twentyone-nine"},aa=t.defineComponent({name:"BaseImagePlaceholder",props:{darkMode:{type:Boolean,required:!1,default:!0},transparentMode:{type:Boolean,required:!1,default:!1},noLogo:{type:Boolean,default:!1},aspectRatio:{type:String,default:"none",validator:e=>Object.keys(Oe).includes(e)},responsiveAspectRatio:{type:String,required:!1}},computed:{computedClass(){let e="";return this.aspectRatio&&(e=e+Oe[this.aspectRatio]),this.responsiveAspectRatio&&(e=`${e} ${this.responsiveAspectRatio}`),this.transparentMode?e=e+" transparent-theme":this.darkMode?e=e+" dark-theme":e=e+" light-theme",this.noLogo&&(e=e+" no-logo"),e}}});function na(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",{class:t.normalizeClass("BaseImagePlaceholder "+e.computedClass)},[t.renderSlot(e.$slots,"default",{},void 0,!0),t.renderSlot(e.$slots,"lightbox",{},void 0,!0)],2)])}const X=w(aa,[["render",na],["__scopeId","data-v-29efd36e"]]),oa=t.defineComponent({name:"BlockImageStandard",components:{MixinFancybox:A,BaseImage:j,BaseImagePlaceholder:X,BaseImageCaption:Z},props:{data:{type:Object,required:!1},displayCaption:{type:Boolean,default:!0},caption:{type:String,required:!1},constrain:{type:Boolean,default:!0}},computed:{theCaption(){if(this.caption&&this.caption.length>2&&this.displayCaption)return this.caption;if(this.displayCaption&&this.data&&this.data.caption&&this.data.caption.length>2)return this.data.caption},theData(){if(this.data)return{...this.data,caption:this.theCaption}},hasCaptionArea(){return!!(this.data&&(this.theCaption||this.data.credit||this.data.detailUrl))}}}),ra={key:0},sa={key:1,class:"lg:px-0 p-4 pb-0"};function ia(e,o,n,a,r,l){const s=j,c=X,h=A,m=Z;return e.theData?(t.openBlock(),t.createElementBlock("div",ra,[e.theData.src?(t.openBlock(),t.createBlock(h,{key:0,src:e.theData.original,caption:e.theData.caption,credit:e.theData.credit,"detail-url":e.theData.detailUrl},{default:t.withCtx(()=>[t.createVNode(c,{"aspect-ratio":e.constrain?"16:9":"none","dark-mode":""},{default:t.withCtx(()=>[e.theData.src?(t.openBlock(),t.createBlock(s,{key:0,src:e.theData.src.url,srcset:e.theData.srcSet,width:e.theData.src.width,height:e.theData.src.height,alt:e.theData.alt,"image-class":e.constrain?void 0:"w-full h-auto","object-fit-class":e.constrain?"contain":void 0,loading:"lazy"},null,8,["src","srcset","width","height","alt","image-class","object-fit-class"])):t.createCommentVNode("",!0)]),_:1},8,["aspect-ratio"])]),_:1},8,["src","caption","credit","detail-url"])):t.createCommentVNode("",!0),e.theData&&e.hasCaptionArea?(t.openBlock(),t.createElementBlock("div",sa,[t.createVNode(m,{data:e.theData},null,8,["data"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)}const le=w(oa,[["render",ia]]),la=t.defineComponent({name:"BlockImageFullBleed",components:{MixinFancybox:A,BaseImage:j,BaseImagePlaceholder:X,BaseImageCaption:Z},props:{data:{type:Object,required:!1},displayCaption:{type:Boolean,default:!0},caption:{type:String,required:!1},constrain:{type:Boolean,default:!0}},data(){return{openTab:1}},computed:{theCaption(){if(this.caption&&this.caption.length>2&&this.displayCaption)return this.caption;if(this.displayCaption&&this.data&&this.data.caption&&this.data.caption.length>2)return this.data.caption},theSrcSet(){return this.theData?Ce(this.theData):void 0},theData(){if(this.data)return{...this.data,caption:this.theCaption}},hasCaptionArea(){return!!(this.data&&(this.theCaption||this.data.credit||this.data.detailUrl))}}}),ca={key:0},da={class:"bg-gray-light"},pa={class:"max-w-screen-3xl mx-auto"},fa={key:0,class:"max-w-screen-3xl p-4 pb-0 mx-auto"};function ua(e,o,n,a,r,l){const s=j,c=X,h=A,m=Z;return e.theData?(t.openBlock(),t.createElementBlock("div",ca,[t.createElementVNode("div",da,[t.createElementVNode("div",pa,[e.theData.src?(t.openBlock(),t.createBlock(h,{key:0,src:e.theData.original,caption:e.theData.caption,credit:e.theData.credit,"detail-url":e.theData.detailUrl},{default:t.withCtx(()=>[t.createVNode(c,{"aspect-ratio":e.constrain?"16:9":"none","responsive-aspect-ratio":e.constrain?"lg:aspect-ratio-two-one":"","dark-mode":""},{default:t.withCtx(()=>[e.theData.src&&e.theData.srcCropped?(t.openBlock(),t.createBlock(s,{key:0,src:e.constrain?e.theData.srcCropped.url:e.theData.src.url,srcset:e.theData.srcSet&&!e.constrain?e.theData.srcSet:e.theSrcSet,width:e.constrain?e.theData.srcCropped.width:e.theData.src.width,height:e.constrain?e.theData.srcCropped.height:e.theData.src.height,alt:e.theData.alt,"image-class":e.constrain?void 0:"w-full h-auto","object-fit-class":e.constrain?"cover":void 0,loading:"lazy"},null,8,["src","srcset","width","height","alt","image-class","object-fit-class"])):t.createCommentVNode("",!0)]),_:1},8,["aspect-ratio","responsive-aspect-ratio"])]),_:1},8,["src","caption","credit","detail-url"])):t.createCommentVNode("",!0)])]),e.data&&e.hasCaptionArea?(t.openBlock(),t.createElementBlock("div",fa,[t.createVNode(m,{data:e.theData},null,8,["data"])])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)}const ce=w(la,[["render",ua]]),ha=t.defineComponent({name:"BlockImage",components:{BlockImageStandard:le,BlockImageFullBleed:ce,LayoutHelper:ve},props:{data:{type:Object,required:!1},fullBleed:{type:Boolean,required:!1,default:!1}}}),ma={key:0};function ga(e,o,n,a,r,l){const s=ce,c=le,h=ve;return e.data?(t.openBlock(),t.createElementBlock("div",ma,[e.fullBleed&&e.data.imageFullBleed?(t.openBlock(),t.createBlock(s,{key:0,data:e.data.imageFullBleed,"display-caption":e.data.displayCaption,caption:e.data.caption,constrain:e.data.constrain},null,8,["data","display-caption","caption","constrain"])):(t.openBlock(),t.createBlock(h,{key:1,indent:"col-2"},{default:t.withCtx(()=>[t.createVNode(c,{data:e.data.image,"display-caption":e.data.displayCaption,caption:e.data.caption,constrain:e.data.constrain},null,8,["data","display-caption","caption","constrain"])]),_:1}))])):t.createCommentVNode("",!0)}const ya=w(ha,[["render",ga]]),_a=t.defineComponent({name:"IconArrows"}),ba={class:"IconArrows",width:"32",height:"12",viewBox:"0 0 32 12",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},$a=[t.createStaticVNode('',1)];function ka(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("svg",ba,$a)}const wa=w(_a,[["render",ka]]),Ca=t.defineComponent({name:"IconLocation"}),Ba={class:"IconLocation",width:"16",height:"22",viewBox:"0 0 16 22",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},Sa=[t.createElementVNode("g",{transform:"translate(-4 -1)",stroke:"currentColor","stroke-width":"2",fill:"none"},[t.createElementVNode("path",{d:"M12 2c1.933 0 3.683.784 4.95 2.05A6.978 6.978 0 0119 9c0 2.681-2.41 6.81-7 12.43C7.41 15.81 5 11.68 5 9c0-1.933.784-3.683 2.05-4.95A6.978 6.978 0 0112 2z"}),t.createElementVNode("circle",{cx:"12",cy:"9",r:"3"})],-1)];function Ea(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("svg",Ba,Sa)}const Ma=w(Ca,[["render",Ea]]),Da=t.defineComponent({name:"IconArrows"}),Na={class:"IconUser",width:"21",height:"21",viewBox:"0 0 21 21",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},va=[t.createElementVNode("path",{d:"M10.5 0C4.7 0 0 4.7 0 10.5S4.7 21 10.5 21 21 16.3 21 10.5 16.3 0 10.5 0zm5.42 17.867c-1.525 1.143-3.43 1.778-5.42 1.778-2.032 0-3.938-.635-5.42-1.778v-.593a2.701 2.701 0 0 1 2.71-2.71c.466 0 1.143.509 2.71.509 1.524 0 2.202-.508 2.71-.508a2.729 2.729 0 0 1 2.71 2.71v.592zm1.27-1.143c-.297-1.99-1.948-3.514-3.98-3.514-.89 0-1.313.508-2.71.508-1.44 0-1.863-.508-2.71-.508-2.074 0-3.725 1.524-4.022 3.514-1.524-1.651-2.413-3.81-2.413-6.224A9.134 9.134 0 0 1 10.5 1.355c5.038 0 9.145 4.107 9.145 9.145 0 2.413-.931 4.573-2.456 6.224zM10.5 4.742a3.731 3.731 0 0 0-3.726 3.726 3.704 3.704 0 0 0 3.726 3.726 3.731 3.731 0 0 0 3.726-3.726c0-2.033-1.694-3.726-3.726-3.726zm0 6.097a2.367 2.367 0 0 1-2.371-2.371c0-1.27 1.059-2.371 2.371-2.371 1.27 0 2.371 1.1 2.371 2.37 0 1.313-1.1 2.372-2.371 2.372z",fill:"currentColor"},null,-1)];function La(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("svg",Na,va)}const Va=w(Da,[["render",La]]);f.dayjs=C,f.BaseButton=Se,f.BaseHeading=Se,f.BaseImage=j,f.BaseLink=re,f.BlockHeading=zt,f.BlockImage=ya,f.BlockImageFullBleed=ce,f.BlockImageStandard=le,f.IconArrows=wa,f.IconCaret=ne,f.IconLocation=Ma,f.IconUser=Va,f.MixinAnimationCaret=oe,f.MixinFancybox=A,f.filters=Ae,f.mixinCanonicalUrl=it,f.mixinFormatEventDates=pt,f.mixinFormatEventTimeInHoursAndMinutes=ft,f.mixinFormatSplitEventDates=dt,f.mixinGetExternalLink=st,f.mixinGetLinkText=et,f.mixinGetRouterLink=tt,f.mixinGetSrcSet=Ce,f.mixinHighlightPrimary=ot,f.mixinIsActivePath=rt,f.mixinLightboxGalleryItems=ct,f.mixinLightboxItems=lt,f.mixinTransparentHeader=Ke,f.mixinUpdateGlobalChildren=at,f.mixinUpdateSecondary=nt,f.useHeaderStore=H,f.useThemeStore=Ze,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}); diff --git a/packages/vue/src/components/EventCard/EventCard.vue b/packages/vue/src/components/EventCard/EventCard.vue index 4f1041dc..aea03697 100644 --- a/packages/vue/src/components/EventCard/EventCard.vue +++ b/packages/vue/src/components/EventCard/EventCard.vue @@ -24,20 +24,20 @@

-
+
{{ formattedEventDates }}
{{ location }} diff --git a/packages/vue/src/templates/PageListingIndex.vue b/packages/vue/src/components/HeroListingIndex/HeroListingIndex.vue similarity index 66% rename from packages/vue/src/templates/PageListingIndex.vue rename to packages/vue/src/components/HeroListingIndex/HeroListingIndex.vue index 771cb5a0..e2b47604 100644 --- a/packages/vue/src/templates/PageListingIndex.vue +++ b/packages/vue/src/components/HeroListingIndex/HeroListingIndex.vue @@ -1,36 +1,37 @@ diff --git a/packages/vue/src/components/SearchSelectMenu/SearchSelectMenu.vue b/packages/vue/src/components/SearchSelectMenu/SearchSelectMenu.vue index f1bc4295..8a7c544f 100644 --- a/packages/vue/src/components/SearchSelectMenu/SearchSelectMenu.vue +++ b/packages/vue/src/components/SearchSelectMenu/SearchSelectMenu.vue @@ -8,7 +8,7 @@