@explorer-1/vue-storybook 0.0.4 → 0.0.5

package/.storybook/preview.ts

@@ -7,7 +7,7 @@ import vClickOutside from 'click-outside-vue3'
 import VueCompareImage from 'vue3-compare-image'
 import { createPinia } from 'pinia'
 import filters from '@explorer-1/vue/src/utils/filters'
-import '@explorer-1/common/src/scss/styles.scss'
+import '@explorer-1/common/src/scss/styles-with-fonts.scss'
 import { withGlobals, globalTypes } from './withGlobals'
 import customTheme from '@explorer-1/common-storybook/src/config/customTheme'
 import '@explorer-1/common-storybook/src/config/canvas.css'
@@ -158,10 +158,12 @@ const preview: Preview = {
             ['Overview', 'MixinAnimationCaret', 'MixinVideoBg', 'MixinCarousel'],
             'Utilities',
             ['Overview', '*'],
-            'EDU'
+            'WWW'
           ],
           'Mixins',
-          ['Overview']
+          ['Overview'],
+          'Templates',
+          ['WWW', 'EDU', 'PageContent']
         ]
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue-storybook",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -20,9 +20,9 @@
     "swiper": "^11.1.3",
     "vue": "^3.2.47",
     "vue3-compare-image": "^1.2.5",
-    "@explorer-1/common": "1.0.5",
-    "@explorer-1/common-storybook": "0.0.2",
-    "@explorer-1/vue": "0.1.3"
+    "@explorer-1/common-storybook": "0.0.3",
+    "@explorer-1/common": "1.1.0",
+    "@explorer-1/vue": "0.2.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1",
@@ -39,6 +39,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@whitespace/storybook-addon-html": "^6.1.1",
+    "a11y-dialog": "^8.0.4",
     "autoprefixer": "^10.4.19",
     "axe-playwright": "^2.0.1",
     "chromatic": "^11.5.5",
@@ -57,9 +58,9 @@
     "unplugin-vue-components": "^0.27.0",
     "vite": "^5.3.1",
     "vue-tsc": "^2.0.6",
-    "@explorer-1/html": "0.0.2",
+    "@explorer-1/prettier-config": "1.0.0",
     "@explorer-1/tsconfig": "1.0.1",
-    "@explorer-1/prettier-config": "1.0.0"
+    "@explorer-1/html": "0.0.3"
   },
   "scripts": {
     "dev": "pnpm storybook",

package/public/css/font-face.css

@@ -35,8 +35,7 @@
   font-weight: 600;
   font-style: italic;
   font-display: swap;
-  src: url('../fonts/metropolis/Metropolis-SemiBoldItalic.woff2')
-    format('woff2');
+  src: url('../fonts/metropolis/Metropolis-SemiBoldItalic.woff2') format('woff2');
 }
 
 @font-face {
@@ -84,8 +83,7 @@
   font-weight: 700;
   font-style: italic;
   font-display: swap;
-  src: url('../fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff2')
-    format('woff2');
+  src: url('../fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff2') format('woff2');
 }
 
 @font-face {
@@ -93,8 +91,7 @@
   font-weight: 600;
   font-style: normal;
   font-display: swap;
-  src: url('../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2')
-    format('woff2');
+  src: url('../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2') format('woff2');
 }
 
 @font-face {
@@ -102,6 +99,5 @@
   font-weight: 600;
   font-style: italic;
   font-display: swap;
-  src: url('../fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff2')
-    format('woff2');
+  src: url('../fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff2') format('woff2');
 }

package/storybook_compiled/assets/AsteroidWatchWidget.stories-BVC1mQpE.js

@@ -0,0 +1 @@
+import{j as y,k as p,l as s,F as f,A as w,v as o,x as a,z as e,q as c,y as n,C as i,s as m,D as A}from"./vue.esm-bundler-Bl6fnSCa.js";import{B as k}from"./BaseLink-BeS1ThTx.js";import{B as v}from"./BaseUnitToggle-DE04VHci.js";import{I as C}from"./IconExternal--4vC-o9f.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u=y({name:"AsteroidWatchWidget",components:{BaseLink:k,IconExternal:C,BaseUnitToggle:v},props:{nextCloseApproaches:{type:Array,required:!1}}}),W={key:0,"aria-label":"Next 5 Earth Approaches within 7.5 million kilometers",class:"AsteroidWatchWidget overflow-hidden"},z={class:"gap-y-10 lg:col-end-9 grid grid-cols-11 col-start-1 col-end-11 gap-6"},B={key:0,class:"lg:col-span-3 lg:row-span-2 lg:text-left gap-y-8 col-span-11 -ml-8 text-center"},L=["srcset"],S=["src"],F={class:"text-subtitle mt-4 text-center"},j={class:"lg:col-span-3 col-span-full"},q=e("p",{class:"label text-subtitle text-jpl-red"},"Approximate Size",-1),M={class:"text-stats-xl"},E={class:"lg:col-span-5 col-span-full"},N=e("p",{class:"label text-subtitle text-jpl-red"},"Closest Earth Approach",-1),V={class:"text-stats-xl"},R={key:1,class:"lg:col-span-3 col-span-full"},D=e("p",{class:"label text-subtitle text-jpl-red"},"Name",-1),O={class:"flex flex-nowrap items-center"},K={key:2,class:"lg:col-span-4 col-span-full"},P=e("p",{class:"label text-subtitle text-jpl-red"},"Date",-1);function T(l,Q,X,G,J,H){var g;const _=p("BaseUnitToggle"),b=p("IconExternal"),x=p("BaseLink");return(g=l.nextCloseApproaches)!=null&&g.length?(a(),s("section",W,[(a(!0),s(f,null,w(l.nextCloseApproaches,(t,r)=>(a(),s("div",{key:r,class:"MixedBleedGrid lg:pl-0 pl-4"},[e("div",{class:c([r===0?"bg-gray-light":"border-b border-gray-light-mid","lg:block col-start-indent-col-2 col-end-indent-col-3 hidden"])},null,2),e("div",{class:c([r===0?"bg-gray-light":"border-b border-gray-light-mid","text-gray-dark col-start-indent-col-3 col-end-container lg:py-12 lg:px-0 text-body-lg px-8 py-10 pr-0"])},[e("div",z,[t.comparisonImage&&t.comparisonImage.image&&t.comparisonImage.image.src?(a(),s("div",B,[e("picture",null,[t.comparisonImage.image.webp?(a(),s("source",{key:0,srcset:t.comparisonImage.image.webp.url,type:"image/webp"},null,8,L)):o("",!0),e("img",{loading:"lazy",class:"mx-auto bg-white rounded-full",src:t.comparisonImage.image.src.url,width:"160",height:"160",alt:""},null,8,S)]),e("p",F,n(t.comparisonImage.text),1)])):o("",!0),e("div",j,[q,i(_,{"unit-pair":"M_FT",value:parseFloat(t.sizeFeet),"value-system":"imperial"},{default:m(d=>[e("span",M,n(d.formattedValue),1)]),_:2},1032,["value"])]),e("div",E,[N,i(_,{"unit-pair":"MI_KM",value:parseFloat(t.distanceMiles),"second-value":parseFloat(t.distanceKilometers),"value-system":"imperial"},{default:m(d=>[e("span",V,n(d.formattedValue),1)]),_:2},1032,["value","second-value"])]),t.name?(a(),s("div",R,[D,i(x,{variant:"none",href:t.externalLink,"external-target-blank":""},{default:m(()=>[e("span",O,[e("span",null,n(t.name),1),i(b,{class:"text-jpl-red ml-3 text-lg"})])]),_:2},1032,["href"])])):o("",!0),t.date?(a(),s("div",K,[P,A(" "+n(l.$filters.displayDate(t.date)),1)])):o("",!0)])],2),e("div",{class:c([r===0?"bg-gray-light":"","col-start-container-end col-end-bleed sm:block hidden"])},null,2)]))),128))])):o("",!0)}const U=I(u,[["render",T]]);u.__docgenInfo={displayName:"AsteroidWatchWidget",description:"Displays asteroid widget data. API is parsed by the backend. Frontend retrieves via a graphQL query.",tags:{},exportName:"default",props:[{name:"nextCloseApproaches",type:{name:"NextCloseApproach[]"},required:!1}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/AsteroidWatchWidget/AsteroidWatchWidget.vue"]};const $={title:"Components/WWW/AsteroidWatchWidget",component:U,excludeStories:/.*Data$/,decorators:[()=>({template:'<div id="storyDecorator" class="mt-20"><story/></div>'})],parameters:{html:{root:"#storyDecorator"}},argTypes:{status:{control:{type:"text"}}}},h={nextCloseApproaches:[{name:"(2008 YN2)",date:"2024-06-05",sizeFeet:61,sizeMeters:19,distanceMiles:25e5,distanceKilometers:402e4,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2008%20YN2&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_mp07rlQ.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_5YFe2jp.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"HOUSE-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2024 JR17)",date:"2024-06-05",sizeFeet:260,sizeMeters:80,distanceMiles:46e5,distanceKilometers:74e5,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2024%20JR17&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_miCwBak.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_XtfVXBr.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"BUILDING-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2021 LW3)",date:"2024-06-06",sizeFeet:270,sizeMeters:82,distanceMiles:231e4,distanceKilometers:371e4,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2021%20LW3&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_miCwBak.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_XtfVXBr.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"BUILDING-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2024 LA)",date:"2024-06-07",sizeFeet:77,sizeMeters:24,distanceMiles:112e4,distanceKilometers:18e5,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2024%20LA&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_frsqFOl.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_QiuTjYV.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"AIRPLANE-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2024 KA1)",date:"2024-06-07",sizeFeet:95,sizeMeters:29,distanceMiles:117e4,distanceKilometers:188e4,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2024%20KA1&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_frsqFOl.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_QiuTjYV.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"AIRPLANE-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"}]},Y={args:h},Z=["AsteroidWatchWidgetData","BaseStory"],ne=Object.freeze(Object.defineProperty({__proto__:null,AsteroidWatchWidgetData:h,BaseStory:Y,__namedExportsOrder:Z,default:$},Symbol.toStringTag,{value:"Module"}));export{U as A,h as a,ne as b};

package/storybook_compiled/assets/BackToTop-BkUt5uRH.js

@@ -0,0 +1 @@
+import{j as a,k as e,p as l,s as n,v as c,x as p,C as i,z as d}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as m}from"./throttle-b4cRrwnC.js";import{B as u}from"./BaseButton-wrIUQUDx.js";import{I as h}from"./IconDropdown-cpnrI8_6.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s=a({name:"BackToTop",components:{BaseButton:u,IconDropdown:h},props:{threshold:{type:Number,required:!1,default:300},scrollTo:{type:Number,required:!1,default:0}},data(){return{showBackToTop:!1,scrollHandler:null}},mounted(){this.scrollHandler=m(this.onScroll,100),window.addEventListener("scroll",this.scrollHandler,{passive:!0})},beforeUnmount(){this.scrollHandler&&window.removeEventListener("scroll",this.scrollHandler)},methods:{onScroll(){this.showBackToTop=window.scrollY>this.threshold,this.showBackToTop&&this.scrollHandler&&window.removeEventListener("scroll",this.scrollHandler)},scrollToTop(){window.scrollTo({top:this.scrollTo,behavior:"smooth"}),this.$emit("click")}}}),T=d("span",{class:"label-text"},"Back to top",-1);function B(o,k,_,w,v,b){const r=e("IconDropdown"),t=e("BaseButton");return o.showBackToTop?(p(),l(t,{key:0,variant:"primary",class:"BackToTop z-60",compact:"",onClick:o.scrollToTop},{default:n(()=>[i(r),T]),_:1},8,["onClick"])):c("",!0)}const I=f(s,[["render",B]]);s.__docgenInfo={displayName:"BackToTop",exportName:"default",description:"",tags:{},props:[{name:"threshold",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"300"}},{name:"scrollTo",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}}],events:[{name:"click"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BackToTop/BackToTop.vue"]};export{I as B};

package/storybook_compiled/assets/BackToTop.stories-C_fGbzDI.js

@@ -0,0 +1,3 @@
+import{B as e}from"./BackToTop-BkUt5uRH.js";const s={title:"Components/Utilities/BackToTop",component:e},r=t=>({components:{BackToTop:e},setup(){return{args:t}},template:`
+    <div style="height: 2000px;"><div class="fixed">Will appear here on scroll: <BackToTop v-show="true" v-bind="args" /></div></div>
+  `}),o=r.bind({});o.storyName="BackToTop";o.args={threshhold:300,scrollTo:0};const a=["BaseStory"],c=Object.freeze(Object.defineProperty({__proto__:null,BaseStory:o,__namedExportsOrder:a,default:s},Symbol.toStringTag,{value:"Module"}));export{c as B};

package/storybook_compiled/assets/BaseAudio-BGJML80Y.js

@@ -0,0 +1 @@
+import{j as w,k as n,l as a,z as i,C as l,S as P,v as h,y as p,q as I,x as o}from"./vue.esm-bundler-Bl6fnSCa.js";import{I as x}from"./IconPlay-DV2YCH_Q.js";import{I as k,a as V,b as B,c as M,d as S}from"./IconForwardTen-CMA1zEkw.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const T=10,$=()=>"xxxxxxxx-xxxx-4xxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)}),m=e=>{const t=new Date(e*1e3).toISOString().substr(11,8);return t.indexOf("00:")===0?t.substr(3):t},c=w({name:"BaseAudio",components:{IconPlay:x,IconPause:k,IconVolume:V,IconMute:B,IconRewindTen:M,IconForwardTen:S},props:{file:{type:String,default:null},autoPlay:{type:Boolean,default:!1}},data(){return{firstPlay:!0,isMuted:!1,loaded:!1,playing:!1,paused:!0,progressStyle:"",currentTime:"00:00",uuid:"0",audio:void 0,totalDuration:0,hideVolumeSlider:!1,volumeValue:T}},computed:{duration(){return this.audio?m(this.totalDuration):""},playerId(){return"player-"+this.uuid}},mounted(){this.uuid=$(),this.audio=this.getAudio(),this.init()},beforeUnmount(){this.audio&&(this.audio.removeEventListener("timeupdate",this._handlePlayingUI),this.audio.removeEventListener("loadeddata",this._handleLoaded),this.audio.removeEventListener("pause",this._handlePlayPause),this.audio.removeEventListener("play",this._handlePlayPause))},methods:{setPosition:function(t){if(this.audio){const u=t.target;if(this.paused||t.target.tagName==="SPAN")return;const d=u.getBoundingClientRect(),r=(t.clientX-d.left)/d.width;this.audio.currentTime=this.audio.duration*r}},updateVolume(){this.audio&&(this.hideVolumeSlider=!1,this.audio.volume=this.volumeValue/100,this.volumeValue/100>0&&(this.isMuted=this.audio.muted=!1),this.volumeValue/100===0&&(this.isMuted=this.audio.muted=!0))},toggleVolume(){this.hideVolumeSlider=!0},stop(){this.audio&&(this.playing=!1,this.paused=!0,this.audio.pause(),this.audio.currentTime=0)},play(){var e;this.playing&&!this.paused||this.audio&&(this.paused=!1,this.audio.play(),this.playing=!0,(e=this.$root)==null||e.$emit("play",this.uuid))},forward(e){return this.audio?this.audio.currentTime+=e:void 0},rewind(e){return this.audio?this.audio.currentTime-=e:void 0},pause(){this.audio&&(this.paused=!this.paused,this.paused?this.audio.pause():this.audio.play())},pauseOthers(e){this.audio&&this.uuid!==e&&(this.paused=!0,this.audio.pause())},toggleMute(){this.audio&&(this.isMuted=!this.isMuted,this.audio.muted=this.isMuted,this.volumeValue=this.isMuted?0:100)},_handleLoaded(){if(this.audio&&this.audio.readyState>=2)this.autoPlay&&this.play(),this.loaded=!0,this.totalDuration=this.audio.duration;else throw new Error("Failed to load audio file")},_handlePlayingUI(e){if(this.audio){const t=this.audio.currentTime,u=t/this.totalDuration*100;this.progressStyle=`width: ${u}%;`,this.currentTime=m(t)}},_handlePlayPause(e){this.audio&&e.type==="play"&&this.firstPlay&&(this.audio.currentTime=0,this.firstPlay&&(this.firstPlay=!1)),e.type==="pause"&&this.playing===!1&&(this.progressStyle="width:0%",this.currentTime="00:00",this.paused=!0)},_handleEnded(){this.paused=this.playing=!1},init(){this.audio&&(this.audio.addEventListener("timeupdate",this._handlePlayingUI),this.audio.addEventListener("loadeddata",this._handleLoaded),this.audio.addEventListener("pause",this._handlePlayPause),this.audio.addEventListener("play",this._handlePlayPause),this.audio.addEventListener("ended",this._handleEnded))},getAudio(){return this.$el.querySelectorAll("audio")[0]}}}),C={class:"BaseAudio"},E={class:"BaseAudio__stage sm:pr-5"},L={class:"BaseAudio__player w-full select-none"},U={class:"flex flex-row w-full"},F={class:"z-30 text-sm md:text-base"},D={class:"flex flex-col w-full z-20"},N={class:"flex flex-row text-white"},j={class:"flex flex-row justify-between w-full py-1.5 px-3"},R={class:"BaseAudio__playback-time-current text-sm md:text-base pr-1 md:pr-3 text-left"},z={key:0,class:"BaseAudio__rewind-forward animate-fadeIn"},O={class:"BaseAudio__playback-time-total"},q=["id","src"];function H(e,t,u,d,r,X){const f=n("IconPlay"),y=n("IconPause"),g=n("IconRewindTen"),v=n("IconForwardTen"),_=n("IconMute"),b=n("IconVolume");return o(),a("div",C,[i("div",E,[i("div",L,[i("div",U,[i("div",F,[e.paused?(o(),a("button",{key:0,class:"cursor-pointer",title:"Play","aria-label":"Play",onClick:t[0]||(t[0]=s=>e.play())},[l(f,{class:"bg-jpl-red text-white"})])):(o(),a("button",{key:1,class:"cursor-pointer",title:"Pause","aria-label":"Pause",onClick:t[1]||(t[1]=s=>e.pause())},[l(y,{class:"bg-jpl-red text-white"})]))]),i("div",D,[i("div",{class:"BaseAudio__playback-time-wrapper cursor-pointer relative inline-block w-full border-t border-jpl-red bg-gray-mid-dark bg-opacity-25 h-2",title:"Playback Position",onClick:t[2]||(t[2]=(...s)=>e.setPosition&&e.setPosition(...s))},[e.playing?(o(),a("div",{key:0,style:P(e.progressStyle),class:"BaseAudio__playback-time-indicator bg-jpl-red transition-all transform-gpu duration-50 absolute top-0 left-0 bottom-0 h-2"},null,4)):h("",!0)]),i("div",N,[i("div",j,[i("span",R,p(e.currentTime),1),e.playing?(o(),a("div",z,[i("button",{class:"cursor-pointer",title:"Rewind","aria-label":"Rewind 10 seconds",onClick:t[3]||(t[3]=s=>e.rewind(10))},[l(g)]),i("button",{class:"cursor-pointer",title:"Fast Forward","aria-label":"Fast-forward 10 seconds",onClick:t[4]||(t[4]=s=>e.forward(10))},[l(v)])])):h("",!0),i("span",O,p(e.duration),1)]),i("div",{class:I(["BaseAudio__extern-wrapper flex flex-row",e.playing?"-mt-1.5 sm:-mt-0.5 md:mt-0 lg:-mt-0.5":"-mt-1.5 sm:mt-0.5 md:mt-1 lg:mt-1.5"])},[e.isMuted?(o(),a("button",{key:0,class:"cursor-pointer",title:"Unmute","aria-label":"Unmute",onClick:t[5]||(t[5]=s=>e.toggleMute())},[l(_)])):(o(),a("button",{key:1,class:"cursor-pointer",title:"Mute","aria-label":"Mute",onClick:t[6]||(t[6]=s=>e.toggleMute())},[l(b)]))],2)])])])]),i("audio",{id:e.playerId,ref:"player",src:e.file,preload:"auto",class:"hidden min-w-full left-0 right-0"},null,8,q)]),i("a",{class:"volume-toggle absolute right-5 -bottom-4",title:"Volume",onMouseover:t[7]||(t[7]=s=>e.toggleVolume())},null,32)])}const W=A(c,[["render",H]]);c.__docgenInfo={displayName:"BaseAudio",exportName:"default",description:"",tags:{},props:[{name:"file",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"autoPlay",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseAudio/BaseAudio.vue"]};export{W as B};

package/storybook_compiled/assets/{BaseAudio.stories-BoOVZw2P.js → BaseAudio.stories-BvJKaLTx.js}

@@ -1 +1 @@
-import{B as o}from"./BaseAudio-DGE0jYhn.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./IconPlay-8a-2BeqL.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconForwardTen-BCRYW1GJ.js";const p={title:"Components/Base/BaseAudio",component:o,decorators:[()=>({template:'<div id="storyDecorator" class="bg-black p-4 pb-5"><story/></div>'})],parameters:{html:{root:"#storyDecorator"}},excludeStories:/.*Data$/},a={file:"/audio/file_example_MP3_700KB.mp3",autoPlay:!1,loop:!1},d={name:"BaseAudio",args:a},m=["BaseAudioData","BaseStory"];export{a as BaseAudioData,d as BaseStory,m as __namedExportsOrder,p as default};
+import{B as o}from"./BaseAudio-BGJML80Y.js";import"./vue.esm-bundler-Bl6fnSCa.js";import"./IconPlay-DV2YCH_Q.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconForwardTen-CMA1zEkw.js";const p={title:"Components/Base/BaseAudio",component:o,decorators:[()=>({template:'<div id="storyDecorator" class="bg-black p-4 pb-5"><story/></div>'})],parameters:{html:{root:"#storyDecorator"}},excludeStories:/.*Data$/},a={file:"/audio/file_example_MP3_700KB.mp3",autoPlay:!1,loop:!1},d={name:"BaseAudio",args:a},m=["BaseAudioData","BaseStory"];export{a as BaseAudioData,d as BaseStory,m as __namedExportsOrder,p as default};

package/storybook_compiled/assets/{BaseButton-BHhee3vf.js → BaseButton-wrIUQUDx.js}

@@ -1 +1 @@
-import{j as r,p as n,s as i,q as o,B as u,x as f,z as d,u as a}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={primary:"-primary",secondary:"-secondary",dark:"-dark",social:"-social"},l=r({name:"BaseButton",props:{variant:{type:String,required:!1,default:"primary",validator:e=>Object.keys(t).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:void 0},href:{type:String,required:!1,default:void 0}},emits:["click"],computed:{tag(){return this.disabled?"button":this.to?"nuxt-link":this.href?"a":"button"},theHref(){if(this.tag==="nuxt-link")return this.to;if(this.tag==="a")return this.href},variantClass(){let e=t[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}}}),p={class:"label block"};function m(e,s,b,v,y,h){return f(),n(u(e.tag),{class:o(["BaseButton text-contrast-none",e.variantClass]),"aria-label":e.ariaLabel,disabled:e.disabled,href:e.theHref,to:e.to?e.to:void 0,onClick:s[0]||(s[0]=k=>e.$emit("click"))},{default:i(()=>[d("span",p,[a(e.$slots,"default"),a(e.$slots,"icon"),a(e.$slots,"afterIcon")])]),_:3},8,["class","aria-label","disabled","href","to"])}const q=c(l,[["render",m]]);l.__docgenInfo={displayName:"BaseButton",exportName:"default",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'primary'"}},{name:"compact",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"blockClasses",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'inline-block'"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"ariaLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"to",type:{name:"string|object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"href",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"click"}],slots:[{name:"default"},{name:"icon"},{name:"afterIcon"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseButton/BaseButton.vue"]};export{q as B,t as v};
+import{j as r,p as n,s as i,q as o,B as u,x as f,z as d,u as a}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={primary:"-primary",secondary:"-secondary",dark:"-dark",social:"-social"},l=r({name:"BaseButton",props:{variant:{type:String,required:!1,default:"primary",validator:e=>Object.keys(t).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:void 0},href:{type:String,required:!1,default:void 0}},emits:["click"],computed:{tag(){return this.disabled?"button":this.to?"nuxt-link":this.href?"a":"button"},theHref(){if(this.tag==="nuxt-link")return this.to;if(this.tag==="a")return this.href},variantClass(){let e=t[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}}}),p={class:"label block"};function m(e,s,b,v,y,h){return f(),n(u(e.tag),{class:o(["BaseButton text-contrast-none",e.variantClass]),"aria-label":e.ariaLabel,disabled:e.disabled,href:e.theHref,to:e.to?e.to:void 0,onClick:s[0]||(s[0]=k=>e.$emit("click"))},{default:i(()=>[d("span",p,[a(e.$slots,"default"),a(e.$slots,"icon"),a(e.$slots,"afterIcon")])]),_:3},8,["class","aria-label","disabled","href","to"])}const q=c(l,[["render",m]]);l.__docgenInfo={displayName:"BaseButton",exportName:"default",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'primary'"}},{name:"compact",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"blockClasses",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'inline-block'"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"ariaLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"to",type:{name:"string|object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"href",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"click"}],slots:[{name:"default"},{name:"icon"},{name:"afterIcon"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseButton/BaseButton.vue"]};export{q as B,t as v};

package/storybook_compiled/assets/{BaseButton.stories-idjkyZ1x.js → BaseButton.stories-LF5am5VI.js}

@@ -1 +1 @@
-import{B as a,v as e}from"./BaseButton-BHhee3vf.js";const o={title:"Components/Base/BaseButton",component:a,excludeStories:/.*(Data)$/,tags:["autodocs"],parameters:{slots:{default:"BaseStory slot content"},docs:{description:{component:"Simple button with several style variations."}}},argTypes:{ariaLabel:{type:"string",description:"ARIA label. Recommended if your button label isn't descriptive, or if it only contains an icon."},variant:{type:"string",description:"Button variant type",control:{type:"select"},options:Object.keys(e),table:{defaultValue:{summary:"default"}}}}},t={label:"Explore",ariaLabel:"Explore",compact:!1,disabled:!1,to:"/",default:"Button"},n={name:"Primary Button",args:{...t,variant:"primary"}},s={args:{...t,variant:"secondary"}},r={args:{...t,variant:"dark"}},i=["BaseButtonData","BaseStory","SecondaryButton","DarkButton"],c=Object.freeze(Object.defineProperty({__proto__:null,BaseButtonData:t,BaseStory:n,DarkButton:r,SecondaryButton:s,__namedExportsOrder:i,default:o},Symbol.toStringTag,{value:"Module"}));export{c as B};
+import{B as a,v as e}from"./BaseButton-wrIUQUDx.js";const o={title:"Components/Base/BaseButton",component:a,excludeStories:/.*(Data)$/,tags:["autodocs"],parameters:{slots:{default:"BaseStory slot content"},docs:{description:{component:"Simple button with several style variations."}}},argTypes:{ariaLabel:{type:"string",description:"ARIA label. Recommended if your button label isn't descriptive, or if it only contains an icon."},variant:{type:"string",description:"Button variant type",control:{type:"select"},options:Object.keys(e),table:{defaultValue:{summary:"default"}}}}},t={label:"Explore",ariaLabel:"Explore",compact:!1,disabled:!1,to:"/",default:"Button"},n={name:"Primary Button",args:{...t,variant:"primary"}},s={args:{...t,variant:"secondary"}},r={args:{...t,variant:"dark"}},i=["BaseButtonData","BaseStory","SecondaryButton","DarkButton"],c=Object.freeze(Object.defineProperty({__proto__:null,BaseButtonData:t,BaseStory:n,DarkButton:r,SecondaryButton:s,__namedExportsOrder:i,default:o},Symbol.toStringTag,{value:"Module"}));export{c as B};

package/storybook_compiled/assets/{BaseCheckboxGroup-DY-ePlLA.js → BaseCheckboxGroup-BXaJwsfQ.js}

@@ -1 +1 @@
-import{j as i,l as t,y as r,v as l,z as n,F as d,A as o,x as a}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u=i({name:"BaseCheckboxGroup",props:{group:{type:String,default:null,required:!1},heading:{type:String,default:null,required:!1},subHeading:{type:String,default:null,required:!1},title:{type:String,default:null,required:!1},options:{type:Array,default:null,required:!1}}}),p={class:"BaseCheckboxGroup"},f={key:0,class:"text-lg font-semibold text-gray-900"},m={key:1,class:"text-lg pt-4 pb-2 pr-4"},g={class:"mt-4"},_={key:0,class:"sr-only"},y={key:1,class:"space-y-4 mb-2 pb-5"},h={class:"flex items-center h-5"},b=["id","aria-describedby","name","alt","value"],k={class:"mb-1"},v=["for"],x={key:0,class:"font-semibold"},$={key:1},q=["id"];function B(s,C,V,G,S,F){return a(),t("div",p,[s.heading?(a(),t("label",f,r(s.heading),1)):l("",!0),s.subHeading?(a(),t("p",m,r(s.subHeading),1)):l("",!0),n("fieldset",g,[s.title?(a(),t("legend",_,r(s.title),1)):l("",!0),s.options?(a(),t("div",y,[(a(!0),t(d,null,o(s.options,e=>(a(),t("div",{key:e.id,class:"relative flex items-start"},[n("div",h,[n("input",{id:`${s.group}_${e.id}`,"aria-describedby":e.text?`${s.group}_${e.id}_description`:void 0,name:e.name,alt:e.alt,value:e.value,type:"checkbox",class:"h-5 w-5 mt-0.5"},null,8,b)]),n("div",k,[n("label",{for:`${s.group}_${e.id}`,class:"ml-3 block text-md text-gray-700"},[e.title?(a(),t("span",x,r(e.title),1)):l("",!0),e.text?(a(),t("span",$," - ")):l("",!0),e.text?(a(),t("span",{key:2,id:`${s.group}_${e.id}_description`,class:"font-light"},r(e.text),9,q)):l("",!0)],8,v)])]))),128))])):l("",!0)])])}const A=c(u,[["render",B]]);u.__docgenInfo={displayName:"BaseCheckboxGroup",exportName:"default",description:"",tags:{},props:[{name:"group",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"heading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"subHeading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"options",type:{name:"FormOption[]"},required:!1,defaultValue:{func:!1,value:"null"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue"]};export{A as B};
+import{j as i,l as t,y as r,v as l,z as n,F as d,A as o,x as a}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u=i({name:"BaseCheckboxGroup",props:{group:{type:String,default:null,required:!1},heading:{type:String,default:null,required:!1},subHeading:{type:String,default:null,required:!1},title:{type:String,default:null,required:!1},options:{type:Array,default:null,required:!1}}}),p={class:"BaseCheckboxGroup"},f={key:0,class:"text-lg font-semibold text-gray-900"},m={key:1,class:"text-lg pt-4 pb-2 pr-4"},g={class:"mt-4"},_={key:0,class:"sr-only"},y={key:1,class:"space-y-4 mb-2 pb-5"},h={class:"flex items-center h-5"},b=["id","aria-describedby","name","alt","value"],k={class:"mb-1"},v=["for"],x={key:0,class:"font-semibold"},$={key:1},q=["id"];function B(s,C,V,G,S,F){return a(),t("div",p,[s.heading?(a(),t("label",f,r(s.heading),1)):l("",!0),s.subHeading?(a(),t("p",m,r(s.subHeading),1)):l("",!0),n("fieldset",g,[s.title?(a(),t("legend",_,r(s.title),1)):l("",!0),s.options?(a(),t("div",y,[(a(!0),t(d,null,o(s.options,e=>(a(),t("div",{key:e.id,class:"relative flex items-start"},[n("div",h,[n("input",{id:`${s.group}_${e.id}`,"aria-describedby":e.text?`${s.group}_${e.id}_description`:void 0,name:e.name,alt:e.alt,value:e.value,type:"checkbox",class:"h-5 w-5 mt-0.5"},null,8,b)]),n("div",k,[n("label",{for:`${s.group}_${e.id}`,class:"ml-3 block text-md text-gray-700"},[e.title?(a(),t("span",x,r(e.title),1)):l("",!0),e.text?(a(),t("span",$," - ")):l("",!0),e.text?(a(),t("span",{key:2,id:`${s.group}_${e.id}_description`,class:"font-light"},r(e.text),9,q)):l("",!0)],8,v)])]))),128))])):l("",!0)])])}const A=c(u,[["render",B]]);u.__docgenInfo={displayName:"BaseCheckboxGroup",exportName:"default",description:"",tags:{},props:[{name:"group",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"heading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"subHeading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"options",type:{name:"FormOption[]"},required:!1,defaultValue:{func:!1,value:"null"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue"]};export{A as B};

package/storybook_compiled/assets/{BaseCheckboxGroup.stories-CViG13uE.js → BaseCheckboxGroup.stories-DfszAEHo.js}

@@ -1 +1 @@
-import{B as t}from"./BaseCheckboxGroup-DY-ePlLA.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i={title:"Components/Base/BaseCheckboxGroup",component:t},r={args:{options:[{id:"educators",title:"Educators",text:null},{id:"educator-workshop",title:"Educators Workshops",text:"Southern California"},{id:"students",title:"Students K-12",text:null},{id:"internships",title:"Internships",text:null}],group:"edumail",heading:"JPL Education Groups",subHeading:"The JPL Education Office also offers email updates about classroom activities and workshops for educators, projects and competitons for K-12 students and internship opportunities at JPL and NASA.",title:"Education Email Groups"}},a=["BaseStory"];export{r as BaseStory,a as __namedExportsOrder,i as default};
+import{B as t}from"./BaseCheckboxGroup-BXaJwsfQ.js";import"./vue.esm-bundler-Bl6fnSCa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i={title:"Components/Base/BaseCheckboxGroup",component:t},r={args:{options:[{id:"educators",title:"Educators",text:null},{id:"educator-workshop",title:"Educators Workshops",text:"Southern California"},{id:"students",title:"Students K-12",text:null},{id:"internships",title:"Internships",text:null}],group:"edumail",heading:"JPL Education Groups",subHeading:"The JPL Education Office also offers email updates about classroom activities and workshops for educators, projects and competitons for K-12 students and internship opportunities at JPL and NASA.",title:"Education Email Groups"}},a=["BaseStory"];export{r as BaseStory,a as __namedExportsOrder,i as default};

package/storybook_compiled/assets/BaseHeading-CCDuKIHk.js

@@ -0,0 +1 @@
+import{j as a,p as t,s as n,q as r,B as l,x as o,u as i}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",h6:"text-h6"},s=a({name:"BaseHeading",props:{level:{type:String,required:!1,default:"h2"},size:{type:String,required:!1,default:""}},computed:{computedTag(){return this.level?this.level:this.size||"h2"},computedClass(){return this.size?u[this.size]:""}}});function p(e,f,c,m,h,g){return o(),t(l(e.computedTag),{class:r(e.computedClass)},{default:n(()=>[i(e.$slots,"default")]),_:3},8,["class"])}const _=d(s,[["render",p]]);s.__docgenInfo={displayName:"BaseHeading",exportName:"default",description:"",tags:{},props:[{name:"level",type:{name:"HeadingLevel | undefined"},required:!1,defaultValue:{func:!1,value:"'h2'"}},{name:"size",type:{name:"HeadingLevel | '' | undefined"},required:!1,defaultValue:{func:!1,value:"''"}}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseHeading/BaseHeading.vue"]};export{_ as B};

package/storybook_compiled/assets/BaseHeading.stories-ClCgJPJA.js

@@ -0,0 +1 @@
+import{B as e}from"./BaseHeading-CCDuKIHk.js";import{I as n}from"./IconArrows-DEamL225.js";import{I as t}from"./IconLocation-CjHNAHfB.js";import{I as i}from"./IconUser-DZ_nJG_j.js";const o={title:"Components/Base/BaseHeading",component:e,argTypes:{size:{type:{name:"string",required:!0},description:"The display size of the heading.",control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"]},level:{type:{name:"string",required:!1},description:"The semantic heading tag if different from the display size (ex: a heading looks like an `h4`, but semantically, it is an `h1`.",control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"]}},parameters:{slots:{default:"BaseStory slot content"},docs:{description:{component:"Base component for headings. Allows for retaining semantic markup while varying the text size."}}}},r={name:"H1",args:{size:"h1",level:"h1",default:"Heading 1"}},l={name:"H2",args:{size:"h2",level:"h2",default:"Heading 2"}},d={name:"H3",args:{size:"h3",level:"h3",default:"Heading 3"}},c={name:"H4",args:{size:"h4",level:"h4",default:"Heading 4"}},g={name:"H5",args:{size:"h5",level:"h5",default:"Heading 5"}},h={name:"H6",args:{size:"h6",level:"h6",default:"Heading 6"}},H=a=>({components:{BaseHeading:e,IconArrows:n,IconLocation:t,IconUser:i},setup(){return{args:a}},template:'<div><BaseHeading v-bind="args"><IconArrows class="inline" /> {{ args.default }}</BaseHeading><BaseHeading class="mt-8" v-bind="args"><IconLocation class="inline" /> {{ args.default }}</BaseHeading></div><BaseHeading class="mt-8" v-bind="args"><IconUser class="inline" /> {{ args.default }}</BaseHeading>'}),s=H.bind({});s.args={size:"h1",level:"h1",default:"Heading 1"};const m=["BaseStory","H2","H3","H4","H5","H6","HeadingsWithIcons"],v=Object.freeze(Object.defineProperty({__proto__:null,BaseStory:r,H2:l,H3:d,H4:c,H5:g,H6:h,HeadingsWithIcons:s,__namedExportsOrder:m,default:o},Symbol.toStringTag,{value:"Module"}));export{v as B};

package/storybook_compiled/assets/{BaseImage-CVYIfxPD.js → BaseImage-fxTS5YaD.js}

@@ -1 +1 @@
-import{j as l,l as t,q as o,v as d,x as s}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={none:"object-none",contain:"object-contain",cover:"object-cover",fill:"object-fill",scaleDown:"object-scale-down"},i=l({name:"BaseImage",props:{imageClass:{type:String,required:!1},objectFitClass:{type:String,required:!1,default:"contain",validator:e=>Object.keys(r).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+" "+r[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.")}}}),c=["data-src","data-srcset","alt","width","height","loading"];function u(e,a,g,f,p,y){return s(),t("div",null,[e.src?(s(),t("img",{key:0,ref:"BaseImage",class:o(["BaseImage",e.computedClass]),"data-src":e.src,"data-srcset":e.srcset,alt:e.alt,width:e.width,height:e.height,loading:e.loading,"data-chromatic":"ignore",onError:a[0]||(a[0]=(...n)=>e.imageFailed&&e.imageFailed(...n))},null,42,c)):d("",!0)])}const v=m(i,[["render",u]]);i.__docgenInfo={displayName:"BaseImage",exportName:"default",description:"",tags:{},props:[{name:"imageClass",type:{name:"string"},required:!1},{name:"objectFitClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'contain'"}},{name:"src",type:{name:"string"},required:!0},{name:"srcset",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"alt",type:{name:"string"}},{name:"width",type:{name:"number|string"}},{name:"height",type:{name:"number|string"}},{name:"loading",type:{name:"ImageLoader"},required:!1,defaultValue:{func:!1,value:"'lazy'"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImage/BaseImage.vue"]};export{v as B,r as o};
+import{j as l,l as t,q as o,v as d,x as s}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={none:"object-none",contain:"object-contain",cover:"object-cover",fill:"object-fill",scaleDown:"object-scale-down"},i=l({name:"BaseImage",props:{imageClass:{type:String,required:!1},objectFitClass:{type:String,required:!1,default:"contain",validator:e=>Object.keys(r).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+" "+r[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.")}}}),c=["data-src","data-srcset","alt","width","height","loading"];function u(e,a,g,f,p,y){return s(),t("div",null,[e.src?(s(),t("img",{key:0,ref:"BaseImage",class:o(["BaseImage",e.computedClass]),"data-src":e.src,"data-srcset":e.srcset,alt:e.alt,width:e.width,height:e.height,loading:e.loading,"data-chromatic":"ignore",onError:a[0]||(a[0]=(...n)=>e.imageFailed&&e.imageFailed(...n))},null,42,c)):d("",!0)])}const v=m(i,[["render",u]]);i.__docgenInfo={displayName:"BaseImage",exportName:"default",description:"",tags:{},props:[{name:"imageClass",type:{name:"string"},required:!1},{name:"objectFitClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'contain'"}},{name:"src",type:{name:"string"},required:!0},{name:"srcset",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"alt",type:{name:"string"}},{name:"width",type:{name:"number|string"}},{name:"height",type:{name:"number|string"}},{name:"loading",type:{name:"ImageLoader"},required:!1,defaultValue:{func:!1,value:"'lazy'"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImage/BaseImage.vue"]};export{v as B,r as o};

package/storybook_compiled/assets/{BaseImage.stories-Ca67zIlY.js → BaseImage.stories-cAD4HYiD.js}

@@ -1 +1 @@
-import{B as t,o as s}from"./BaseImage-CVYIfxPD.js";const a={title:"Components/Base/BaseImage",component:t,excludeStories:/.*Data$/,argTypes:{objectFitClass:{description:"Use Tailwind CSS object fit classes to specify how the image will scale within `BaseImagePlaceholder`",control:{type:"select"},options:Object.keys(s)}},parameters:{docs:{description:{component:"The BaseImage component is a simple `<img />` tag wrapped in a `<div>` and is used to render an image with object-fit classes and lazy loading properties."}}}},e={src:"https://picsum.photos/800/400",srcset:"https://picsum.photos/800/400 800w, ",alt:"Alt text for image",width:800,height:400,imageClass:"",objectFitClass:"contain"},o={args:e,decorators:[()=>({template:'<div class="max-w-full"><story /></div>'})]},i={args:e,decorators:[()=>({template:'<div class="max-w-full"><div style="height:3500px">Scroll down and watch the network tab ⬇️</div><div id="storyRoot"><story /></div></div>'})],parameters:{html:{root:"#storyRoot"}}},r=["BaseImageData","BaseStory","LazyLoading"],l=Object.freeze(Object.defineProperty({__proto__:null,BaseImageData:e,BaseStory:o,LazyLoading:i,__namedExportsOrder:r,default:a},Symbol.toStringTag,{value:"Module"}));export{l as B};
+import{B as t,o as s}from"./BaseImage-fxTS5YaD.js";const a={title:"Components/Base/BaseImage",component:t,excludeStories:/.*Data$/,argTypes:{objectFitClass:{description:"Use Tailwind CSS object fit classes to specify how the image will scale within `BaseImagePlaceholder`",control:{type:"select"},options:Object.keys(s)}},parameters:{docs:{description:{component:"The BaseImage component is a simple `<img />` tag wrapped in a `<div>` and is used to render an image with object-fit classes and lazy loading properties."}}}},e={src:"https://picsum.photos/800/400",srcset:"https://picsum.photos/800/400 800w, ",alt:"Alt text for image",width:800,height:400,imageClass:"",objectFitClass:"contain"},o={args:e,decorators:[()=>({template:'<div class="max-w-full"><story /></div>'})]},i={args:e,decorators:[()=>({template:'<div class="max-w-full"><div style="height:3500px">Scroll down and watch the network tab ⬇️</div><div id="storyRoot"><story /></div></div>'})],parameters:{html:{root:"#storyRoot"}}},r=["BaseImageData","BaseStory","LazyLoading"],l=Object.freeze(Object.defineProperty({__proto__:null,BaseImageData:e,BaseStory:o,LazyLoading:i,__namedExportsOrder:r,default:a},Symbol.toStringTag,{value:"Module"}));export{l as B};

package/storybook_compiled/assets/{BaseImageCaption-6NnZKetV.js → BaseImageCaption-CRf3b59p.js}

@@ -1 +1 @@
-import{j as r,k as d,l as s,z as o,y as l,v as a,p,s as c,x as t,D as m}from"./vue.esm-bundler-Df44Q9wa.js";import{B as u}from"./BaseLink-BPfSRH8v.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n=r({name:"BaseImageCaption",components:{BaseLink:u},props:{data:{type:Object,required:!0,default:void 0}}}),_={key:0,class:"BaseImageCaption text-body-sm"},B={class:"inline mr-2"},k=["innerHTML"],g={key:0,class:"inline"};function v(e,C,y,I,h,b){const i=d("BaseLink");return e.data?(t(),s("div",_,[o("div",B,[o("div",{class:"the-caption-text inline",innerHTML:e.data.caption},null,8,k),e.data.credit?(t(),s("span",g," Credit: "+l(e.data.credit),1)):a("",!0)]),e.data.detailUrl?(t(),p(i,{key:0,class:"inline-block",variant:"default",to:e.data.detailUrl},{default:c(()=>[m(" Full Image Details ")]),_:1},8,["to"])):a("",!0)])):a("",!0)}const V=f(n,[["render",v]]);n.__docgenInfo={displayName:"BaseImageCaption",exportName:"default",description:"",tags:{},props:[{name:"data",type:{name:"Partial<ImageObject>"},required:!0,defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImageCaption/BaseImageCaption.vue"]};export{V as B};
+import{j as r,k as d,l as s,z as o,y as l,v as a,p,s as c,x as t,D as m}from"./vue.esm-bundler-Bl6fnSCa.js";import{B as u}from"./BaseLink-BeS1ThTx.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n=r({name:"BaseImageCaption",components:{BaseLink:u},props:{data:{type:Object,required:!0,default:void 0}}}),_={key:0,class:"BaseImageCaption text-body-sm"},B={class:"inline mr-2"},k=["innerHTML"],g={key:0,class:"inline"};function v(e,C,y,I,h,b){const i=d("BaseLink");return e.data?(t(),s("div",_,[o("div",B,[o("div",{class:"the-caption-text inline",innerHTML:e.data.caption},null,8,k),e.data.credit?(t(),s("span",g," Credit: "+l(e.data.credit),1)):a("",!0)]),e.data.detailUrl?(t(),p(i,{key:0,class:"inline-block",variant:"default",to:e.data.detailUrl},{default:c(()=>[m(" Full Image Details ")]),_:1},8,["to"])):a("",!0)])):a("",!0)}const V=f(n,[["render",v]]);n.__docgenInfo={displayName:"BaseImageCaption",exportName:"default",description:"",tags:{},props:[{name:"data",type:{name:"Partial<ImageObject>"},required:!0,defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImageCaption/BaseImageCaption.vue"]};export{V as B};

package/storybook_compiled/assets/{BaseImageCaption.stories-HyfqDI-r.js → BaseImageCaption.stories-vwM1jFew.js}

@@ -1 +1 @@
-import{B as a}from"./BaseImageCaption-6NnZKetV.js";const t={title:"Components/Base/BaseImageCaption",component:a,excludeStories:/.*Data$/,parameters:{docs:{description:{component:"Caption text used with both images and videos."}}}},e={caption:'<p>Aliquam finibus accumsan dapibus. In <a href="#">sagittis et sapien</a> nec vehicula. Suspendisse euismod consequat risus, vel dignissim elit scelerisque sed. Nullam elit ipsum, suscipit ut quam et, molestie aliquam leo.</p>',credit:"NASA/JPL",detailUrl:"/image-detail/slug/"},s={args:{data:e}},i=["BaseImageCaptionData","BaseStory"],n=Object.freeze(Object.defineProperty({__proto__:null,BaseImageCaptionData:e,BaseStory:s,__namedExportsOrder:i,default:t},Symbol.toStringTag,{value:"Module"}));export{e as B,n as a};
+import{B as a}from"./BaseImageCaption-CRf3b59p.js";const t={title:"Components/Base/BaseImageCaption",component:a,excludeStories:/.*Data$/,parameters:{docs:{description:{component:"Caption text used with both images and videos."}}}},e={caption:'<p>Aliquam finibus accumsan dapibus. In <a href="#">sagittis et sapien</a> nec vehicula. Suspendisse euismod consequat risus, vel dignissim elit scelerisque sed. Nullam elit ipsum, suscipit ut quam et, molestie aliquam leo.</p>',credit:"NASA/JPL",detailUrl:"/image-detail/slug/"},s={args:{data:e}},i=["BaseImageCaptionData","BaseStory"],n=Object.freeze(Object.defineProperty({__proto__:null,BaseImageCaptionData:e,BaseStory:s,__namedExportsOrder:i,default:t},Symbol.toStringTag,{value:"Module"}));export{e as B,n as a};

package/storybook_compiled/assets/{BaseImagePlaceholder-BtjM_abh.js → BaseImagePlaceholder-C9Vdr882.js}

@@ -1 +1 @@
-import{j as o,l as r,z as n,u as a,q as i,x as l}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={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"},s=o({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(t).includes(e)},responsiveAspectRatio:{type:String,required:!1}},computed:{computedClass(){let e="";return this.aspectRatio&&(e=e+t[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 c(e,d,u,f,m,h){return l(),r("div",null,[n("div",{class:i("BaseImagePlaceholder "+e.computedClass)},[a(e.$slots,"default",{},void 0,!0),a(e.$slots,"lightbox",{},void 0,!0)],2)])}const y=p(s,[["render",c],["__scopeId","data-v-b9c22fdc"]]);s.__docgenInfo={displayName:"BaseImagePlaceholder",exportName:"default",description:"",tags:{},props:[{name:"darkMode",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"transparentMode",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"noLogo",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"aspectRatio",type:{name:"string"},defaultValue:{func:!1,value:"'none'"}},{name:"responsiveAspectRatio",type:{name:"string"},required:!1}],slots:[{name:"default"},{name:"lightbox"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue"]};export{y as B,t as a};
+import{j as o,l as r,z as n,u as a,q as i,x as l}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={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"},s=o({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(t).includes(e)},responsiveAspectRatio:{type:String,required:!1}},computed:{computedClass(){let e="";return this.aspectRatio&&(e=e+t[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 c(e,d,u,f,m,h){return l(),r("div",null,[n("div",{class:i("BaseImagePlaceholder "+e.computedClass)},[a(e.$slots,"default",{},void 0,!0),a(e.$slots,"lightbox",{},void 0,!0)],2)])}const y=p(s,[["render",c],["__scopeId","data-v-b9c22fdc"]]);s.__docgenInfo={displayName:"BaseImagePlaceholder",exportName:"default",description:"",tags:{},props:[{name:"darkMode",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"transparentMode",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"noLogo",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"aspectRatio",type:{name:"string"},defaultValue:{func:!1,value:"'none'"}},{name:"responsiveAspectRatio",type:{name:"string"},required:!1}],slots:[{name:"default"},{name:"lightbox"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue"]};export{y as B,t as a};

package/storybook_compiled/assets/{BaseImagePlaceholder.stories-D4gyirk5.js → BaseImagePlaceholder.stories-DeuRi8bn.js}

@@ -1 +1 @@
-import{B as s}from"./BaseImage-CVYIfxPD.js";import{B as a,a as t}from"./BaseImagePlaceholder-BtjM_abh.js";const o={title:"Components/Base/BaseImagePlaceholder",component:a,excludeStories:/.*Data$/,decorators:()=>({template:'<div class="w-2/3"><story /></div>'}),tags:["autodocs"],parameters:{slots:{default:{description:"Slot for BaseImage",components:{BaseImage:s},template:'<BaseImage :object-fit-class="args.BaseImageProps.objectFitClass" :loading="args.BaseImageProps.loading" :src="args.BaseImageProps.src" :srcset="args.BaseImageProps.srcset" :alt="args.BaseImageProps.alt" :width="args.BaseImageProps.width" :height="args.BaseImageProps.height" />'}},docs:{description:{component:"Aspect ratio CSS class. View dropdown to see all options. More classes can be added in `/src/scss/_aspect-ratios.scss`"}}},argTypes:{aspectRatio:{control:{type:"select"},options:Object.keys(t)},responsiveAspectRatio:{control:{type:"text"}}}},e={aspectRatio:"12:9",darkMode:!0,transparentMode:!1},r={name:"With Image",args:{...e,BaseImageProps:{src:"https://picsum.photos/1200/900",srcset:"https://picsum.photos/1200/900 1200w,",alt:"alt text for image",width:"1200",height:"900",objectFitClass:"contain",loading:"lazy"}}},c={name:"No Image",args:{...e,BaseImageProps:{src:"",srcset:"",alt:"",width:"",height:"",objectFitClass:"scaleDown",loading:""}}},l=["BaseImagePlaceholderData","WithImage","BaseStory"],p=Object.freeze(Object.defineProperty({__proto__:null,BaseImagePlaceholderData:e,BaseStory:c,WithImage:r,__namedExportsOrder:l,default:o},Symbol.toStringTag,{value:"Module"}));export{p as B};
+import{B as s}from"./BaseImage-fxTS5YaD.js";import{B as a,a as t}from"./BaseImagePlaceholder-C9Vdr882.js";const o={title:"Components/Base/BaseImagePlaceholder",component:a,excludeStories:/.*Data$/,decorators:()=>({template:'<div class="w-2/3"><story /></div>'}),tags:["autodocs"],parameters:{slots:{default:{description:"Slot for BaseImage",components:{BaseImage:s},template:'<BaseImage :object-fit-class="args.BaseImageProps.objectFitClass" :loading="args.BaseImageProps.loading" :src="args.BaseImageProps.src" :srcset="args.BaseImageProps.srcset" :alt="args.BaseImageProps.alt" :width="args.BaseImageProps.width" :height="args.BaseImageProps.height" />'}},docs:{description:{component:"Aspect ratio CSS class. View dropdown to see all options. More classes can be added in `/src/scss/_aspect-ratios.scss`"}}},argTypes:{aspectRatio:{control:{type:"select"},options:Object.keys(t)},responsiveAspectRatio:{control:{type:"text"}}}},e={aspectRatio:"12:9",darkMode:!0,transparentMode:!1},r={name:"With Image",args:{...e,BaseImageProps:{src:"https://picsum.photos/1200/900",srcset:"https://picsum.photos/1200/900 1200w,",alt:"alt text for image",width:"1200",height:"900",objectFitClass:"contain",loading:"lazy"}}},c={name:"No Image",args:{...e,BaseImageProps:{src:"",srcset:"",alt:"",width:"",height:"",objectFitClass:"scaleDown",loading:""}}},l=["BaseImagePlaceholderData","WithImage","BaseStory"],p=Object.freeze(Object.defineProperty({__proto__:null,BaseImagePlaceholderData:e,BaseStory:c,WithImage:r,__namedExportsOrder:l,default:o},Symbol.toStringTag,{value:"Module"}));export{p as B};

package/storybook_compiled/assets/{BaseLink-BPfSRH8v.js → BaseLink-BeS1ThTx.js}

@@ -1 +1 @@
-import{j as m,k as o,l as u,p as l,q as t,s as n,u as r,v as y,x as a}from"./vue.esm-bundler-Df44Q9wa.js";import{M as g}from"./MixinAnimationCaret-jtfuQ9sU.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f={primary:"text-subtitle text-action can-hover:hover:text-action-dark",secondary:"text-subtitle text-action can-hover:hover:text-action-dark",default:"-default underline text-action can-hover:hover:text-action-dark",none:""},k={primary:"text-subtitle text-primary can-hover:hover:text-primary-dark",secondary:"text-subtitle text-primary can-hover:hover:text-primary-dark",default:"-default underline text-primary can-hover:hover:text-primary-dark",none:""},d=m({name:"BaseLink",components:{MixinAnimationCaret:g},props:{variant:{type:String,required:!1,default:"default",validator:e=>Object.keys(f).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:""},usePrimaryColor:{type:Boolean,required:!1,default:!1}},emits:["linkClicked","specificLinkClicked"],computed:{computedVariants(){return this.usePrimaryColor?k:f},computedClass(){let e=this.computedVariants[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")}}}),C=["href","target","rel","aria-label","title"];function h(e,s,b,V,L,q){const i=o("MixinAnimationCaret"),c=o("nuxt-link");return a(),u("div",null,[e.to?(a(),l(c,{key:0,class:t(["group",e.computedClass]),to:e.to,target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,exact:e.exact,onClick:s[0]||(s[0]=p=>e.clickEvent())},{default:n(()=>[e.caretInline&&e.caret?(a(),l(i,{key:0,inline:"",class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(a(),l(i,{key:1,class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):r(e.$slots,"default",{key:2})]),_:3},8,["class","to","target","rel","aria-label","title","exact"])):e.href?(a(),u("a",{key:1,href:e.href,class:t(["group",e.computedClass]),target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,onClick:s[1]||(s[1]=p=>e.clickEvent())},[e.caretInline&&e.caret?(a(),l(i,{key:0,inline:"",class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(a(),l(i,{key:1,class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):r(e.$slots,"default",{key:2})],10,C)):y("",!0)])}const M=v(d,[["render",h]]);d.__docgenInfo={displayName:"BaseLink",exportName:"default",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'default'"}},{name:"to",type:{name:"string|object"},defaultValue:{func:!1,value:"undefined"}},{name:"exact",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"href",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"ariaLabel",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"linkClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"target",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"externalTargetBlank",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caret",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caretWrapperClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"caretClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"caretInline",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caretColor",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"caretMarginLeft",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"usePrimaryColor",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"linkClicked"},{name:"specificLinkClicked"}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseLink/BaseLink.vue"]};export{M as B,f as v};
+import{j as m,k as o,l as u,p as l,q as t,s as n,u as r,v as y,x as a}from"./vue.esm-bundler-Bl6fnSCa.js";import{M as g}from"./MixinAnimationCaret-rffIEE4q.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f={primary:"text-subtitle text-action can-hover:hover:text-action-dark",secondary:"text-subtitle text-action can-hover:hover:text-action-dark",default:"-default underline text-action can-hover:hover:text-action-dark",none:""},k={primary:"text-subtitle text-primary can-hover:hover:text-primary-dark",secondary:"text-subtitle text-primary can-hover:hover:text-primary-dark",default:"-default underline text-primary can-hover:hover:text-primary-dark",none:""},d=m({name:"BaseLink",components:{MixinAnimationCaret:g},props:{variant:{type:String,required:!1,default:"default",validator:e=>Object.keys(f).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:""},usePrimaryColor:{type:Boolean,required:!1,default:!1}},emits:["linkClicked","specificLinkClicked"],computed:{computedVariants(){return this.usePrimaryColor?k:f},computedClass(){let e=this.computedVariants[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")}}}),C=["href","target","rel","aria-label","title"];function h(e,s,b,V,L,q){const i=o("MixinAnimationCaret"),c=o("nuxt-link");return a(),u("div",null,[e.to?(a(),l(c,{key:0,class:t(["group",e.computedClass]),to:e.to,target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,exact:e.exact,onClick:s[0]||(s[0]=p=>e.clickEvent())},{default:n(()=>[e.caretInline&&e.caret?(a(),l(i,{key:0,inline:"",class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(a(),l(i,{key:1,class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):r(e.$slots,"default",{key:2})]),_:3},8,["class","to","target","rel","aria-label","title","exact"])):e.href?(a(),u("a",{key:1,href:e.href,class:t(["group",e.computedClass]),target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,onClick:s[1]||(s[1]=p=>e.clickEvent())},[e.caretInline&&e.caret?(a(),l(i,{key:0,inline:"",class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(a(),l(i,{key:1,class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):r(e.$slots,"default",{key:2})],10,C)):y("",!0)])}const M=v(d,[["render",h]]);d.__docgenInfo={displayName:"BaseLink",exportName:"default",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'default'"}},{name:"to",type:{name:"string|object"},defaultValue:{func:!1,value:"undefined"}},{name:"exact",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"href",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"ariaLabel",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"linkClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"target",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"externalTargetBlank",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caret",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caretWrapperClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"caretClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"caretInline",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caretColor",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"caretMarginLeft",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"usePrimaryColor",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"linkClicked"},{name:"specificLinkClicked"}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseLink/BaseLink.vue"]};export{M as B,f as v};

package/storybook_compiled/assets/{BaseLink.stories-BPNd9pB9.js → BaseLink.stories-DFmVbooI.js}

@@ -1 +1 @@
-import{B as e,v as a}from"./BaseLink-BPfSRH8v.js";const o={title:"Components/Base/BaseLink",component:e,parameters:{slots:{default:"BaseStory slot content"}},argTypes:{variant:{control:{type:"select"},options:Object.keys(a)}},excludeStories:/.*Data$/},t={variant:"primary",to:"/",href:"/",caret:!1,caretColor:"text-primary",default:"Link Text"},r={name:"Primary",args:{...t}},s={args:{...t,variant:"secondary"}},n={args:{...t,variant:"default"}},i={args:{...t,variant:"none"}},c=["BaseLinkData","BaseStory","Secondary","DefaultBody","Unstyled"],y=Object.freeze(Object.defineProperty({__proto__:null,BaseLinkData:t,BaseStory:r,DefaultBody:n,Secondary:s,Unstyled:i,__namedExportsOrder:c,default:o},Symbol.toStringTag,{value:"Module"}));export{y as B};
+import{B as e,v as a}from"./BaseLink-BeS1ThTx.js";const o={title:"Components/Base/BaseLink",component:e,parameters:{slots:{default:"BaseStory slot content"}},argTypes:{variant:{control:{type:"select"},options:Object.keys(a)}},excludeStories:/.*Data$/},t={variant:"primary",to:"/",href:"/",caret:!1,caretColor:"text-primary",default:"Link Text"},r={name:"Primary",args:{...t}},s={args:{...t,variant:"secondary"}},n={args:{...t,variant:"default"}},i={args:{...t,variant:"none"}},c=["BaseLinkData","BaseStory","Secondary","DefaultBody","Unstyled"],y=Object.freeze(Object.defineProperty({__proto__:null,BaseLinkData:t,BaseStory:r,DefaultBody:n,Secondary:s,Unstyled:i,__namedExportsOrder:c,default:o},Symbol.toStringTag,{value:"Module"}));export{y as B};

package/storybook_compiled/assets/BaseModal-DGaGii6Z.js

@@ -0,0 +1 @@
+import{j as i,k as n,x as r,l as p,z as a,p as C,s as l,u as s,v as $,C as m,D as u,H as w,E as _,G as y}from"./vue.esm-bundler-Bl6fnSCa.js";import{B as k}from"./BaseButton-wrIUQUDx.js";import{B as H}from"./BaseHeading-CCDuKIHk.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const c=i({name:"BaseModalDialog",components:{BaseButton:k,BaseHeading:H},props:{bgClose:{type:Boolean,default:!1}},methods:{closeModal(){this.$emit("close")},bgCloseModal(){this.bgClose&&this.closeModal()}}}),D=a("div",null,"Default content",-1),N={class:"text-right"};function V(e,o,B,v,M,b){const t=n("BaseHeading"),d=n("BaseButton");return r(),p("div",{class:"bg-gray-dark fixed top-0 left-0 z-50 flex w-full h-full overflow-auto bg-opacity-75",onClick:o[1]||(o[1]=(...h)=>e.bgCloseModal&&e.bgCloseModal(...h))},[a("div",{class:"relative w-full max-w-xl p-8 m-auto bg-white",onClick:o[0]||(o[0]=w(()=>{},["stop"]))},[e.$slots.modalHeader?(r(),C(t,{key:0,level:"h2",size:"h3",class:"border-gray-light-mid pb-4 mb-4 border-b"},{default:l(()=>[s(e.$slots,"modalHeader")]),_:3})):$("",!0),s(e.$slots,"default",{},()=>[D]),a("div",N,[m(d,{class:"mt-4",onClick:e.closeModal},{default:l(()=>[u(" close ")]),_:1},8,["onClick"])])])])}const x=f(c,[["render",V]]);c.__docgenInfo={displayName:"BaseModalDialog",exportName:"default",description:"",tags:{},props:[{name:"bgClose",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"close"}],slots:[{name:"modalHeader"},{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseModal/BaseModalDialog.vue"]};const g=i({name:"BaseModal",components:{BaseModalDialog:x},props:{bgClose:{type:Boolean,default:!1}},data(){return{showModal:!1}},methods:{openModal(){this.showModal=!0,document.body.classList.add("overflow-hidden")},closeModal(){this.showModal=!1,document.body.classList.remove("overflow-hidden")}}});function z(e,o,B,v,M,b){const t=n("BaseModalDialog");return r(),p("div",null,[a("span",{onClick:o[0]||(o[0]=d=>e.openModal())},[s(e.$slots,"modalTrigger",{},()=>[u(" Open Modal ")],!0)]),_(m(t,{"bg-close":e.bgClose,onClose:o[1]||(o[1]=d=>e.closeModal())},{modalHeader:l(()=>[s(e.$slots,"modalHeader",{},void 0,!0)]),default:l(()=>[s(e.$slots,"default",{},void 0,!0)]),_:3},8,["bg-close"]),[[y,e.showModal]])])}const L=f(g,[["render",z],["__scopeId","data-v-27c95770"]]);g.__docgenInfo={displayName:"BaseModal",exportName:"default",description:"",tags:{},props:[{name:"bgClose",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"modalTrigger"},{name:"modalHeader"},{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseModal/BaseModal.vue"]};export{L as B,x as a};

package/storybook_compiled/assets/BaseModal.stories-DZclRVqk.js

@@ -0,0 +1,27 @@
+import{B as t}from"./BaseButton-wrIUQUDx.js";import{B as a,a as d}from"./BaseModal-DGaGii6Z.js";import"./vue.esm-bundler-Bl6fnSCa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./BaseHeading-CCDuKIHk.js";const C={title:"Components/Base/BaseModal",component:a,argTypes:{bgClose:{control:{type:"boolean"}}},excludeStories:/.*Data$/},r=e=>({props:Object.keys(e),components:{BaseModal:a},template:'<BaseModal :bg-close="bgClose"><div>Modal content. Lorem ipsum dolor sit amet.</div></BaseModal>'}),i=e=>({props:Object.keys(e),components:{BaseModal:a,BaseButton:t},template:`<BaseModal :bg-close="bgClose">
+    <template #modalTrigger>
+      <BaseButton variant="secondary">
+        Custom Trigger
+      </BaseButton>
+    </template>
+    <div>Modal content. Lorem ipsum dolor sit amet.</div>
+  </BaseModal>`}),n=e=>({props:Object.keys(e),components:{BaseModal:a,BaseButton:t},template:`
+  <BaseModal :bg-close="bgClose">
+    <div>First Modal</div>
+    <BaseModal :bg-close="bgClose">
+      <template #modalTrigger>
+        <BaseButton variant="secondary" :compact="true">
+          Open Another
+        </BaseButton>
+      </template>
+      <div>Second Modal</div>
+      <BaseModal :bg-close="bgClose">
+      <template #modalTrigger>
+        <BaseButton variant="secondary" :compact="true">
+          Open Another
+        </BaseButton>
+      </template>
+      <div>Third Modal</div>
+      </BaseModal>
+    </BaseModal>
+  </BaseModal>`}),s=e=>({props:Object.keys(e),components:{BaseModalDialog:d},template:'<BaseModalDialog><template v-if="modalHeaderSlot" #modalHeader>{{ modalHeaderSlot }}</template><div>{{ modalContentSlot }}</div></BaseModalDialog>'}),o={bgClose:!0},l={modalHeaderSlot:"Modal Header",modalContentSlot:"Modal content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu arcu lacinia, fringilla dui sed, vestibulum augue. Nunc quis leo neque. Pellentesque tempor magna risus, vitae volutpat lorem mattis nec. "},m=r.bind({});m.args={...o};const p=i.bind({});p.args={...o};const c=n.bind({});c.args={...o};const g=s.bind({});g.args={...l,modalHeaderSlot:""};const B=s.bind({});B.args={...l,modalHeaderSlot:"Modal Header"};const T=["BaseModalData","BaseModalDialogData","BaseStory","CustomTrigger","Nested","Dialog","DialogWithHeader"];export{o as BaseModalData,l as BaseModalDialogData,m as BaseStory,p as CustomTrigger,g as Dialog,B as DialogWithHeader,c as Nested,T as __namedExportsOrder,C as default};

package/storybook_compiled/assets/{BasePlaceholder.stories-XzNA-Uqu.js → BasePlaceholder.stories-BDB0JfOz.js}

@@ -1 +1 @@
-import{j as d,l as t,x as r,O as l}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as i}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=d({name:"BasePlaceholder"}),n={class:"BasePlaceholder"},c=l('<div class="border-bottom grid w-full grid-cols-12 mb-10"><div class="col-span-9 pr-5"><div class="bg-gray-light-mid animate-loading w-64 h-4 rounded-lg"></div><div class="bg-gray-light-mid animate-loading w-56 h-4 mt-5 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-full h-4 mt-6 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-5/6 h-4 mt-3 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-1/2 h-4 mt-3 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-30 h-4 mt-4 rounded-lg"></div></div><div class="flex justify-end col-span-3"><div class="animate-loading h-38 w-38 rounded-none"></div></div></div><hr class="text-gray-light-mid mb-10">',2),m=[c];function g(a,_,f,B,y,b){return r(),t("div",n,m)}const s=i(o,[["render",g]]);o.__docgenInfo={displayName:"BasePlaceholder",exportName:"default",description:"",tags:{},sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BasePlaceholder/BasePlaceholder.vue"]};const p={title:"Components/Base/BasePlaceholder",component:s,excludeStories:/.*Data$/,parameters:{viewMode:"docs",docs:{description:{component:'An animated loading component frequently used as a placeholder for <a href="/story/components-search-searchresultcard--standard-result" target="_blank">SearchResultCard</a>'}}}},h={},u=a=>({props:Object.keys(a),components:{BasePlaceholder:s},template:"<div><BasePlaceholder /></div>"}),e=u.bind({});e.storyName="BasePlaceholder";e.args={...h};const v=["BaseStory"],w=Object.freeze(Object.defineProperty({__proto__:null,BaseStory:e,__namedExportsOrder:v,default:p},Symbol.toStringTag,{value:"Module"}));export{w as B};
+import{j as t,l as d,x as r,Q as l}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as i}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=t({name:"BasePlaceholder"}),n={class:"BasePlaceholder"},c=l('<div class="border-bottom grid w-full grid-cols-12 mb-10"><div class="col-span-9 pr-5"><div class="bg-gray-light-mid animate-loading w-64 h-4 rounded-lg"></div><div class="bg-gray-light-mid animate-loading w-56 h-4 mt-5 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-full h-4 mt-6 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-5/6 h-4 mt-3 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-1/2 h-4 mt-3 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-30 h-4 mt-4 rounded-lg"></div></div><div class="flex justify-end col-span-3"><div class="animate-loading h-38 w-38 rounded-none"></div></div></div><hr class="text-gray-light-mid mb-10">',2),m=[c];function g(a,_,f,B,y,b){return r(),d("div",n,m)}const s=i(o,[["render",g]]);o.__docgenInfo={displayName:"BasePlaceholder",exportName:"default",description:"",tags:{},sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BasePlaceholder/BasePlaceholder.vue"]};const p={title:"Components/Base/BasePlaceholder",component:s,excludeStories:/.*Data$/,parameters:{docs:{description:{component:'An animated loading component frequently used as a placeholder for <a href="/story/components-search-searchresultcard--standard-result" target="_blank">SearchResultCard</a>'}}}},h={},u=a=>({props:Object.keys(a),components:{BasePlaceholder:s},template:"<div><BasePlaceholder /></div>"}),e=u.bind({});e.storyName="BasePlaceholder";e.args={...h};const v=["BaseStory"],w=Object.freeze(Object.defineProperty({__proto__:null,BaseStory:e,__namedExportsOrder:v,default:p},Symbol.toStringTag,{value:"Module"}));export{w as B};

package/storybook_compiled/assets/{BaseRadioGroup-C9aRxrSd.js → BaseRadioGroup-CzlZd2jJ.js}

@@ -1 +1 @@
-import{j as n,l as s,y as r,v as t,z as u,F as i,A as o,x as l}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=n({name:"BaseRadioGroup",props:{group:{type:String,default:null,required:!1},preselected:{type:String,default:null,required:!1},heading:{type:String,default:null,required:!1},subHeading:{type:String,default:null,required:!1},title:{type:String,default:null,required:!1},options:{type:Array,default:null,required:!1}}}),f={class:"BaseRadioGroup"},c={key:0,class:"text-lg font-semibold text-gray-900"},m={key:1,class:"text-lg pt-4 pb-2 pr-4"},g={class:"mt-4"},y={key:0,class:"sr-only"},_={key:1,class:"space-y-4 mb-2 pb-5"},h=["id","aria-describedby","name","alt","value","checked"],b=["for"],v={key:0,class:"font-semibold"},k={key:1},q=["id"];function $(a,B,V,G,R,S){return l(),s("div",f,[a.heading?(l(),s("label",c,r(a.heading),1)):t("",!0),a.subHeading?(l(),s("p",m,r(a.subHeading),1)):t("",!0),u("fieldset",g,[a.title?(l(),s("legend",y,r(a.title),1)):t("",!0),a.options?(l(),s("div",_,[(l(!0),s(i,null,o(a.options,e=>(l(),s("div",{key:e.id,class:"flex items-center"},[u("input",{id:`${a.group}_${e.id}`,"aria-describedby":e.text?`${a.group}_${e.id}_description`:void 0,name:e.name,alt:e.alt,value:e.value,type:"radio",checked:e.id===a.preselected,class:"h-5 w-5"},null,8,h),u("label",{for:`${a.group}_${e.id}`,class:"ml-3 block text-md text-gray-700"},[e.title?(l(),s("span",v,r(e.title),1)):t("",!0),e.text?(l(),s("span",k," - ")):t("",!0),e.text?(l(),s("span",{key:2,id:`${a.group}_${e.id}_description`,class:"font-light"},r(e.text),9,q)):t("",!0)],8,b)]))),128))])):t("",!0)])])}const H=p(d,[["render",$]]);d.__docgenInfo={displayName:"BaseRadioGroup",exportName:"default",description:"",tags:{},props:[{name:"group",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"preselected",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"heading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"subHeading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"options",type:{name:"FormOption[]"},required:!1,defaultValue:{func:!1,value:"null"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseRadioGroup/BaseRadioGroup.vue"]};export{H as B};
+import{j as n,l as s,y as r,v as t,z as u,F as i,A as o,x as l}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=n({name:"BaseRadioGroup",props:{group:{type:String,default:null,required:!1},preselected:{type:String,default:null,required:!1},heading:{type:String,default:null,required:!1},subHeading:{type:String,default:null,required:!1},title:{type:String,default:null,required:!1},options:{type:Array,default:null,required:!1}}}),f={class:"BaseRadioGroup"},c={key:0,class:"text-lg font-semibold text-gray-900"},m={key:1,class:"text-lg pt-4 pb-2 pr-4"},g={class:"mt-4"},y={key:0,class:"sr-only"},_={key:1,class:"space-y-4 mb-2 pb-5"},h=["id","aria-describedby","name","alt","value","checked"],b=["for"],v={key:0,class:"font-semibold"},k={key:1},q=["id"];function $(a,B,V,G,R,S){return l(),s("div",f,[a.heading?(l(),s("label",c,r(a.heading),1)):t("",!0),a.subHeading?(l(),s("p",m,r(a.subHeading),1)):t("",!0),u("fieldset",g,[a.title?(l(),s("legend",y,r(a.title),1)):t("",!0),a.options?(l(),s("div",_,[(l(!0),s(i,null,o(a.options,e=>(l(),s("div",{key:e.id,class:"flex items-center"},[u("input",{id:`${a.group}_${e.id}`,"aria-describedby":e.text?`${a.group}_${e.id}_description`:void 0,name:e.name,alt:e.alt,value:e.value,type:"radio",checked:e.id===a.preselected,class:"h-5 w-5"},null,8,h),u("label",{for:`${a.group}_${e.id}`,class:"ml-3 block text-md text-gray-700"},[e.title?(l(),s("span",v,r(e.title),1)):t("",!0),e.text?(l(),s("span",k," - ")):t("",!0),e.text?(l(),s("span",{key:2,id:`${a.group}_${e.id}_description`,class:"font-light"},r(e.text),9,q)):t("",!0)],8,b)]))),128))])):t("",!0)])])}const H=p(d,[["render",$]]);d.__docgenInfo={displayName:"BaseRadioGroup",exportName:"default",description:"",tags:{},props:[{name:"group",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"preselected",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"heading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"subHeading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"options",type:{name:"FormOption[]"},required:!1,defaultValue:{func:!1,value:"null"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseRadioGroup/BaseRadioGroup.vue"]};export{H as B};

package/storybook_compiled/assets/{BaseRadioGroup.stories-D0fjjKo0.js → BaseRadioGroup.stories-BweRLs-x.js}

@@ -1 +1 @@
-import{B as e}from"./BaseRadioGroup-C9aRxrSd.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const a={title:"Components/Base/BaseRadioGroup",component:e,parameters:{docs:{description:{component:"The BaseRadioGroup component is expected to contain an array of options and a grouping name with the goal of selecting a single option."}}}},s={args:{options:[{id:"breaking",title:"Breaking News",text:"All JPL News delivered immediately"},{id:"daily",title:"Daily News",text:"Single Daily JPL News summary"},{id:"weekly",title:"Weekly News",text:"Single Weekly JPL News summary"},{id:"monthly",title:"Monthly News",text:"Monthly Digest for JPL News"}],group:"email",preselected:"breaking",heading:"JPL Forms",subHeading:"Choose how frequently you want to receive updates (opt out anytime):",title:"Email Groups"}},n=["BaseStory"];export{s as BaseStory,n as __namedExportsOrder,a as default};
+import{B as e}from"./BaseRadioGroup-CzlZd2jJ.js";import"./vue.esm-bundler-Bl6fnSCa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const a={title:"Components/Base/BaseRadioGroup",component:e,parameters:{docs:{description:{component:"The BaseRadioGroup component is expected to contain an array of options and a grouping name with the goal of selecting a single option."}}}},s={args:{options:[{id:"breaking",title:"Breaking News",text:"All JPL News delivered immediately"},{id:"daily",title:"Daily News",text:"Single Daily JPL News summary"},{id:"weekly",title:"Weekly News",text:"Single Weekly JPL News summary"},{id:"monthly",title:"Monthly News",text:"Monthly Digest for JPL News"}],group:"email",preselected:"breaking",heading:"JPL Forms",subHeading:"Choose how frequently you want to receive updates (opt out anytime):",title:"Email Groups"}},n=["BaseStory"];export{s as BaseStory,n as __namedExportsOrder,a as default};

package/storybook_compiled/assets/{BaseSwimlane-7-mYr3zs.js → BaseSwimlane-CTGpfJfb.js}

@@ -1,4 +1,4 @@
-import{j as l,l as i,z as u,F as m,A as h,Q as n,x as a}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r=l({name:"BaseSwimlane",props:{words:{type:Array,default:()=>["Artists","Communicators","Designers","Disruptors","Dreamers","Educators","Engineers","Innovators","Inventors","Makers","Problem Solvers","Roboticists","Scientists","Software Engineers","Thinkers","Visualizers"]},rows:{type:Number,default:1},scale:{type:Number,default:1},transitionDuration:{type:Number,default:1e3},transitionDelay:{type:Number,default:500},transition:{type:String,default:"ease-out"},pauseOnHover:{type:Boolean,default:!0}},data(){return{list:[],listTop:0,isPaused:!1,isMovingBackwards:!1}},computed:{listCount(){return this.list.length},fontSize(){return 16*this.scale},itemHeight(){return this.fontSize*1.5},listHeight(){return this.itemHeight*this.listCount},listParentHeight(){return this.itemHeight*this.rows},itemStyle(){return`font-size: ${this.fontSize}px;
+import{j as l,l as i,z as u,F as m,A as h,S as n,x as a}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r=l({name:"BaseSwimlane",props:{words:{type:Array,default:()=>["Artists","Communicators","Designers","Disruptors","Dreamers","Educators","Engineers","Innovators","Inventors","Makers","Problem Solvers","Roboticists","Scientists","Software Engineers","Thinkers","Visualizers"]},rows:{type:Number,default:1},scale:{type:Number,default:1},transitionDuration:{type:Number,default:1e3},transitionDelay:{type:Number,default:500},transition:{type:String,default:"ease-out"},pauseOnHover:{type:Boolean,default:!0}},data(){return{list:[],listTop:0,isPaused:!1,isMovingBackwards:!1}},computed:{listCount(){return this.list.length},fontSize(){return 16*this.scale},itemHeight(){return this.fontSize*1.5},listHeight(){return this.itemHeight*this.listCount},listParentHeight(){return this.itemHeight*this.rows},itemStyle(){return`font-size: ${this.fontSize}px;
               height: ${this.itemHeight}px;`},listStyle(){return`height: ${this.listHeight}px;
               transition-delay: ${this.transitionDelay}ms;
               transition-duration: ${this.transitionDuration}ms;

package/storybook_compiled/assets/{BaseSwimlane.stories-sjJvDuB8.js → BaseSwimlane.stories-DPWXTmEp.js}

@@ -1 +1 @@
-import{B as e}from"./BaseSwimlane-7-mYr3zs.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const r={title:"Components/Base/BaseSwimlane",component:e,excludeStories:/.*Data$/,parameters:{docs:{description:{component:"The BaseSwimlane component is expected to contain an array of words to create a 'swimlane' effect as the text swims through."}}}},s={words:["Artists","Communicators","Designers","Disruptors","Dreamers","Educators","Engineers","Innovators","Inventors","Makers","Problem Solvers","Roboticists","Scientists","Software Engineers","Thinkers","Visualizers"],rows:9,scale:2,transition:"ease-out",transitionDuration:1800,transitionDelay:800},n={args:s},i=["BaseSwimlaneData","BaseStory"];export{n as BaseStory,s as BaseSwimlaneData,i as __namedExportsOrder,r as default};
+import{B as e}from"./BaseSwimlane-CTGpfJfb.js";import"./vue.esm-bundler-Bl6fnSCa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const r={title:"Components/Base/BaseSwimlane",component:e,excludeStories:/.*Data$/,parameters:{docs:{description:{component:"The BaseSwimlane component is expected to contain an array of words to create a 'swimlane' effect as the text swims through."}}}},s={words:["Artists","Communicators","Designers","Disruptors","Dreamers","Educators","Engineers","Innovators","Inventors","Makers","Problem Solvers","Roboticists","Scientists","Software Engineers","Thinkers","Visualizers"],rows:9,scale:2,transition:"ease-out",transitionDuration:1800,transitionDelay:800},n={args:s},i=["BaseSwimlaneData","BaseStory"];export{n as BaseStory,s as BaseSwimlaneData,i as __namedExportsOrder,r as default};

package/storybook_compiled/assets/{BaseTag-B2zJPfAv.js → BaseTag-CQZDH6MU.js}

@@ -1 +1 @@
-import{j as o,l as n,u as l,q as i,z as p,x as d}from"./vue.esm-bundler-Df44Q9wa.js";const c=p("span",{class:"sr-only"},".",-1),m=o({__name:"BaseTag",props:{variant:{default:"primary"},size:{default:"md"}},setup(a){const s={primary:"bg-primary border-primary",secondary:"bg-secondary border-secondary",action:"bg-action border-action"},t={sm:"text-xs uppercase border-t-2 py-1 px-2.5",md:"text-base capitalize border-t py-2 px-3",lg:"text-lg capitalize border-t py-2 px-3"},e=a;return(r,u)=>(d(),n("p",{class:i([`${s[e.variant]} ${t[e.size]}`,"ThemeVariantLight text-contrast-none inline-block text-white font-bold edu:font-extrabold rounded-full leading-tight m-0"])},[l(r.$slots,"default"),c],2))}});m.__docgenInfo={exportName:"default",displayName:"BaseTag",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'primary'"}},{name:"size",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'md'"}}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseTag/BaseTag.vue"]};export{m as _};
+import{j as o,l as n,u as l,q as i,z as p,x as d}from"./vue.esm-bundler-Bl6fnSCa.js";const c=p("span",{class:"sr-only"},".",-1),m=o({__name:"BaseTag",props:{variant:{default:"primary"},size:{default:"md"}},setup(a){const s={primary:"bg-primary border-primary",secondary:"bg-secondary border-secondary",action:"bg-action border-action"},t={sm:"text-xs uppercase border-t-2 py-1 px-2.5",md:"text-base capitalize border-t py-2 px-3",lg:"text-lg capitalize border-t py-2 px-3"},e=a;return(r,u)=>(d(),n("p",{class:i([`${s[e.variant]} ${t[e.size]}`,"ThemeVariantLight text-contrast-none inline-block text-white font-bold edu:font-extrabold rounded-full leading-tight m-0"])},[l(r.$slots,"default"),c],2))}});m.__docgenInfo={exportName:"default",displayName:"BaseTag",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'primary'"}},{name:"size",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'md'"}}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseTag/BaseTag.vue"]};export{m as _};

package/storybook_compiled/assets/{BaseTag.stories-nSZQbAuB.js → BaseTag.stories-BaG3Xc-2.js}

@@ -1 +1 @@
-import{_ as e}from"./BaseTag-B2zJPfAv.js";import"./vue.esm-bundler-Df44Q9wa.js";const r={title:"Components/Base/BaseTag",component:e,argTypes:{variant:{type:{name:"string",required:!1},description:"The variant (color) of the tag",control:{type:"select"},options:["primary","secondary","action"]},size:{type:{name:"string",required:!1},description:"The size of the tag",control:{type:"select"},options:["sm","md","lg"]}},parameters:{slots:{default:"BaseStory slot"}}},s={args:{size:"md",variant:"primary",default:"Psyche Asteroid"}},o={args:{size:"sm",variant:"secondary",default:"Do it yourself"}},i=["PrimaryMedium","SecondarySmall"];export{s as PrimaryMedium,o as SecondarySmall,i as __namedExportsOrder,r as default};
+import{_ as e}from"./BaseTag-CQZDH6MU.js";import"./vue.esm-bundler-Bl6fnSCa.js";const r={title:"Components/Base/BaseTag",component:e,argTypes:{variant:{type:{name:"string",required:!1},description:"The variant (color) of the tag",control:{type:"select"},options:["primary","secondary","action"]},size:{type:{name:"string",required:!1},description:"The size of the tag",control:{type:"select"},options:["sm","md","lg"]}},parameters:{slots:{default:"BaseStory slot"}}},s={args:{size:"md",variant:"primary",default:"Psyche Asteroid"}},o={args:{size:"sm",variant:"secondary",default:"Do it yourself"}},i=["PrimaryMedium","SecondarySmall"];export{s as PrimaryMedium,o as SecondarySmall,i as __namedExportsOrder,r as default};

package/storybook_compiled/assets/{BaseTimer-CGOn0_pI.js → BaseTimer-Dk59uRBs.js}

@@ -1 +1 @@
-import{j as Q,p as R,s as X,q as T,B as ee,x as b,z as U,l as D,A as te,v as I,F as H,D as N,y as V}from"./vue.esm-bundler-Df44Q9wa.js";import{d as g}from"./dayjs.min-DMGOSre-.js";import{c as P,g as E}from"./_commonjsHelpers-Cpj98o6Y.js";import{_ as se}from"./_plugin-vue_export-helper-DlAUqK2U.js";var _={exports:{}};(function(t,i){(function(u,a){t.exports=a()})(P,function(){var u,a,y=1e3,$=6e4,f=36e5,o=864e5,M=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,p=31536e6,S=2628e6,G=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/,k={years:p,months:S,days:o,hours:f,minutes:$,seconds:y,milliseconds:1,weeks:6048e5},B=function(n){return n instanceof j},w=function(n,s,e){return new j(n,e,s.$l)},L=function(n){return a.p(n)+"s"},O=function(n){return n<0},v=function(n){return O(n)?Math.ceil(n):Math.floor(n)},J=function(n){return Math.abs(n)},x=function(n,s){return n?O(n)?{negative:!0,format:""+J(n)+s}:{negative:!1,format:""+n+s}:{negative:!1,format:""}},j=function(){function n(e,r,l){var d=this;if(this.$d={},this.$l=l,e===void 0&&(this.$ms=0,this.parseFromMilliseconds()),r)return w(e*k[L(r)],this);if(typeof e=="number")return this.$ms=e,this.parseFromMilliseconds(),this;if(typeof e=="object")return Object.keys(e).forEach(function(m){d.$d[L(m)]=e[m]}),this.calMilliseconds(),this;if(typeof e=="string"){var h=e.match(G);if(h){var c=h.slice(2).map(function(m){return m!=null?Number(m):0});return this.$d.years=c[0],this.$d.months=c[1],this.$d.weeks=c[2],this.$d.days=c[3],this.$d.hours=c[4],this.$d.minutes=c[5],this.$d.seconds=c[6],this.calMilliseconds(),this}}return this}var s=n.prototype;return s.calMilliseconds=function(){var e=this;this.$ms=Object.keys(this.$d).reduce(function(r,l){return r+(e.$d[l]||0)*k[l]},0)},s.parseFromMilliseconds=function(){var e=this.$ms;this.$d.years=v(e/p),e%=p,this.$d.months=v(e/S),e%=S,this.$d.days=v(e/o),e%=o,this.$d.hours=v(e/f),e%=f,this.$d.minutes=v(e/$),e%=$,this.$d.seconds=v(e/y),e%=y,this.$d.milliseconds=e},s.toISOString=function(){var e=x(this.$d.years,"Y"),r=x(this.$d.months,"M"),l=+this.$d.days||0;this.$d.weeks&&(l+=7*this.$d.weeks);var d=x(l,"D"),h=x(this.$d.hours,"H"),c=x(this.$d.minutes,"M"),m=this.$d.seconds||0;this.$d.milliseconds&&(m+=this.$d.milliseconds/1e3,m=Math.round(1e3*m)/1e3);var Y=x(m,"S"),Z=e.negative||r.negative||d.negative||h.negative||c.negative||Y.negative,K=h.format||c.format||Y.format?"T":"",C=(Z?"-":"")+"P"+e.format+r.format+d.format+K+h.format+c.format+Y.format;return C==="P"||C==="-P"?"P0D":C},s.toJSON=function(){return this.toISOString()},s.format=function(e){var r=e||"YYYY-MM-DDTHH:mm:ss",l={Y:this.$d.years,YY:a.s(this.$d.years,2,"0"),YYYY:a.s(this.$d.years,4,"0"),M:this.$d.months,MM:a.s(this.$d.months,2,"0"),D:this.$d.days,DD:a.s(this.$d.days,2,"0"),H:this.$d.hours,HH:a.s(this.$d.hours,2,"0"),m:this.$d.minutes,mm:a.s(this.$d.minutes,2,"0"),s:this.$d.seconds,ss:a.s(this.$d.seconds,2,"0"),SSS:a.s(this.$d.milliseconds,3,"0")};return r.replace(M,function(d,h){return h||String(l[d])})},s.as=function(e){return this.$ms/k[L(e)]},s.get=function(e){var r=this.$ms,l=L(e);return l==="milliseconds"?r%=1e3:r=l==="weeks"?v(r/k[l]):this.$d[l],r||0},s.add=function(e,r,l){var d;return d=r?e*k[L(r)]:B(e)?e.$ms:w(e,this).$ms,w(this.$ms+d*(l?-1:1),this)},s.subtract=function(e,r){return this.add(e,r,!0)},s.locale=function(e){var r=this.clone();return r.$l=e,r},s.clone=function(){return w(this.$ms,this)},s.humanize=function(e){return u().add(this.$ms,"ms").locale(this.$l).fromNow(!e)},s.valueOf=function(){return this.asMilliseconds()},s.milliseconds=function(){return this.get("milliseconds")},s.asMilliseconds=function(){return this.as("milliseconds")},s.seconds=function(){return this.get("seconds")},s.asSeconds=function(){return this.as("seconds")},s.minutes=function(){return this.get("minutes")},s.asMinutes=function(){return this.as("minutes")},s.hours=function(){return this.get("hours")},s.asHours=function(){return this.as("hours")},s.days=function(){return this.get("days")},s.asDays=function(){return this.as("days")},s.weeks=function(){return this.get("weeks")},s.asWeeks=function(){return this.as("weeks")},s.months=function(){return this.get("months")},s.asMonths=function(){return this.as("months")},s.years=function(){return this.get("years")},s.asYears=function(){return this.as("years")},n}(),A=function(n,s,e){return n.add(s.years()*e,"y").add(s.months()*e,"M").add(s.days()*e,"d").add(s.hours()*e,"h").add(s.minutes()*e,"m").add(s.seconds()*e,"s").add(s.milliseconds()*e,"ms")};return function(n,s,e){u=e,a=e().$utils(),e.duration=function(d,h){var c=e.locale();return w(d,{$l:c},h)},e.isDuration=B;var r=s.prototype.add,l=s.prototype.subtract;s.prototype.add=function(d,h){return B(d)?A(this,d,1):r.bind(this)(d,h)},s.prototype.subtract=function(d,h){return B(d)?A(this,d,-1):l.bind(this)(d,h)}}})})(_);var ie=_.exports;const ne=E(ie);var z={exports:{}};(function(t,i){(function(u,a){t.exports=a()})(P,function(){return function(u,a,y){var $=function(f,o){if(!o||!o.length||o.length===1&&!o[0]||o.length===1&&Array.isArray(o[0])&&!o[0].length)return null;var M;o.length===1&&o[0].length>0&&(o=o[0]),M=(o=o.filter(function(S){return S}))[0];for(var p=1;p<o.length;p+=1)o[p].isValid()&&!o[p][f](M)||(M=o[p]);return M};y.max=function(){var f=[].slice.call(arguments,0);return $("isAfter",f)},y.min=function(){var f=[].slice.call(arguments,0);return $("isBefore",f)}}})})(z);var re=z.exports;const oe=E(re);g.extend(ne);g.extend(oe);const F=t=>{const i=g().millisecond(0),u=g.max(t,i),a=g.min(t,i);return u?g.duration(u.diff(a)):void 0},q={years:{shortLabel:"Yrs",longLabel:"Years"},months:{shortLabel:"Mos",longLabel:"Months"},days:{shortLabel:"Days",longLabel:"Days"},hours:{shortLabel:"Hrs",longLabel:"Hours"},minutes:{shortLabel:"Mins",longLabel:"Minutes"},seconds:{shortLabel:"Secs",longLabel:"Seconds"}},W=Q({name:"BaseTimer",props:{targetDateTime:{type:String,required:!0},selectedUnits:{type:Array,required:!1,validator:t=>t.every(i=>!!q[i])},inline:{type:Boolean,required:!1,default:!1},countdown:{type:Boolean,required:!1,default:!1}},data(){return{diff:void 0,interval:void 0}},computed:{selectedUnitsComputed(){if(!this.selectedUnits||this.selectedUnits.length===0){const t=["years","months","days","hours","minutes","seconds"];let i=[];return t.forEach(u=>this.unitSignificant(u)?i.push(u):i),i.length<=3?["hours","minutes","seconds"]:(i=i.slice(0,3),i)}return this.selectedUnits},isPast(){if(this.targetDateTime){const t=g(new Date);if(g(new Date(this.targetDateTime.replace(/\s+/g,"T"))).millisecond(0).isBefore(t))return!0}return!1}},mounted(){const t=g(new Date(this.targetDateTime.replace(/\s+/g,"T"))).millisecond(0);this.diff=F(t),(this.selectedUnitsComputed.includes("seconds")||this.selectedUnitsComputed.includes("minutes"))&&(this.interval=setInterval(()=>{var a;this.diff=F(t),((a=this.diff)==null?void 0:a.as("seconds"))===0&&clearInterval(this.interval)},1e3))},beforeUnmount(){clearInterval(this.interval)},methods:{shortLabel(t){var i;return((i=q[t])==null?void 0:i.shortLabel)||t},longLabel(t){var i;return((i=q[t])==null?void 0:i.longLabel)||t},unitSignificant(t){var u;if(this.diff===null)return!1;const i=(u=this.diff)==null?void 0:u.get(t);return!!(i&&i>0||this.checkOtherUnits(t))},checkOtherUnits(t){if(this.diff){if(t==="seconds"){if(this.diff.get("minutes")>0||this.diff.get("hours")>0||this.diff.get("days")>0||this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="minutes"){if(this.diff.get("hours")>0||this.diff.get("days")>0||this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="hours"){if(this.diff.get("days")>0||this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="days"){if(this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="months"&&this.diff.get("years")>0)return!0}return!1},unitValue(t){var u;if(this.diff===null)return"";const i=(u=this.diff)==null?void 0:u.get(t);return i==null?void 0:i.toString().padStart(2,"0")}}}),ae=["hidden"],ue={key:0},de={class:"unit text-body-xs uppercase"};function le(t,i,u,a,y,$){return b(),R(ee(t.diff?"time":"div"),{class:T(["BaseTimer whitespace-nowrap",{"-inline":t.inline}]),datetime:t.diff?t.diff.toISOString():null},{default:X(()=>[U("span",{hidden:!!t.diff},"Loading…",8,ae),U("span",{class:T(["transition-opacity duration-500 ease-in-out opacity-0",{"opacity-100":t.diff,"flex justify-between":t.inline}])},[(b(!0),D(H,null,te(t.selectedUnitsComputed,(f,o)=>(b(),D("span",{key:f},[o!==0?(b(),D("span",{key:0,class:T(["text-stats-xl text-stats-separator",{"block invisible -mt-6 md:inline md:visible md:mt-0":t.selectedUnitsComputed.length>=4&&f==="hours"}])}," : ",2)):I("",!0),U("span",{class:T(["inline-block align-top",f==="seconds"?"text-left":"text-center"]),"aria-hidden":"true"},[U("span",{class:T(["text-stats-xl",{"text-seconds":f==="seconds"}]),"data-chromatic":"ignore"},[t.countdown&&t.isPast?(b(),D(H,{key:0},[N("00")],64)):(b(),D(H,{key:1},[N(V(t.unitValue(f)),1)],64))],2),t.inline?I("",!0):(b(),D("br",ue)),U("span",de,V(t.shortLabel(f)),1)],2)]))),128))],2)]),_:1},8,["datetime","class"])}const pe=se(W,[["render",le]]);W.__docgenInfo={displayName:"BaseTimer",exportName:"default",description:"",tags:{},props:[{name:"targetDateTime",type:{name:"string"},required:!0},{name:"selectedUnits",type:{name:"UnitID[]"},required:!1},{name:"inline",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"countdown",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseTimer/BaseTimer.vue"]};export{pe as B};
+import{j as Q,p as R,s as X,q as T,B as ee,x as b,z as U,l as D,A as te,v as I,F as H,D as N,y as V}from"./vue.esm-bundler-Bl6fnSCa.js";import{d as g}from"./dayjs.min-DMGOSre-.js";import{c as P,g as E}from"./_commonjsHelpers-Cpj98o6Y.js";import{_ as se}from"./_plugin-vue_export-helper-DlAUqK2U.js";var _={exports:{}};(function(t,i){(function(u,a){t.exports=a()})(P,function(){var u,a,y=1e3,$=6e4,f=36e5,o=864e5,M=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,p=31536e6,S=2628e6,G=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/,k={years:p,months:S,days:o,hours:f,minutes:$,seconds:y,milliseconds:1,weeks:6048e5},B=function(n){return n instanceof j},w=function(n,s,e){return new j(n,e,s.$l)},L=function(n){return a.p(n)+"s"},O=function(n){return n<0},v=function(n){return O(n)?Math.ceil(n):Math.floor(n)},J=function(n){return Math.abs(n)},x=function(n,s){return n?O(n)?{negative:!0,format:""+J(n)+s}:{negative:!1,format:""+n+s}:{negative:!1,format:""}},j=function(){function n(e,r,l){var d=this;if(this.$d={},this.$l=l,e===void 0&&(this.$ms=0,this.parseFromMilliseconds()),r)return w(e*k[L(r)],this);if(typeof e=="number")return this.$ms=e,this.parseFromMilliseconds(),this;if(typeof e=="object")return Object.keys(e).forEach(function(m){d.$d[L(m)]=e[m]}),this.calMilliseconds(),this;if(typeof e=="string"){var h=e.match(G);if(h){var c=h.slice(2).map(function(m){return m!=null?Number(m):0});return this.$d.years=c[0],this.$d.months=c[1],this.$d.weeks=c[2],this.$d.days=c[3],this.$d.hours=c[4],this.$d.minutes=c[5],this.$d.seconds=c[6],this.calMilliseconds(),this}}return this}var s=n.prototype;return s.calMilliseconds=function(){var e=this;this.$ms=Object.keys(this.$d).reduce(function(r,l){return r+(e.$d[l]||0)*k[l]},0)},s.parseFromMilliseconds=function(){var e=this.$ms;this.$d.years=v(e/p),e%=p,this.$d.months=v(e/S),e%=S,this.$d.days=v(e/o),e%=o,this.$d.hours=v(e/f),e%=f,this.$d.minutes=v(e/$),e%=$,this.$d.seconds=v(e/y),e%=y,this.$d.milliseconds=e},s.toISOString=function(){var e=x(this.$d.years,"Y"),r=x(this.$d.months,"M"),l=+this.$d.days||0;this.$d.weeks&&(l+=7*this.$d.weeks);var d=x(l,"D"),h=x(this.$d.hours,"H"),c=x(this.$d.minutes,"M"),m=this.$d.seconds||0;this.$d.milliseconds&&(m+=this.$d.milliseconds/1e3,m=Math.round(1e3*m)/1e3);var Y=x(m,"S"),Z=e.negative||r.negative||d.negative||h.negative||c.negative||Y.negative,K=h.format||c.format||Y.format?"T":"",C=(Z?"-":"")+"P"+e.format+r.format+d.format+K+h.format+c.format+Y.format;return C==="P"||C==="-P"?"P0D":C},s.toJSON=function(){return this.toISOString()},s.format=function(e){var r=e||"YYYY-MM-DDTHH:mm:ss",l={Y:this.$d.years,YY:a.s(this.$d.years,2,"0"),YYYY:a.s(this.$d.years,4,"0"),M:this.$d.months,MM:a.s(this.$d.months,2,"0"),D:this.$d.days,DD:a.s(this.$d.days,2,"0"),H:this.$d.hours,HH:a.s(this.$d.hours,2,"0"),m:this.$d.minutes,mm:a.s(this.$d.minutes,2,"0"),s:this.$d.seconds,ss:a.s(this.$d.seconds,2,"0"),SSS:a.s(this.$d.milliseconds,3,"0")};return r.replace(M,function(d,h){return h||String(l[d])})},s.as=function(e){return this.$ms/k[L(e)]},s.get=function(e){var r=this.$ms,l=L(e);return l==="milliseconds"?r%=1e3:r=l==="weeks"?v(r/k[l]):this.$d[l],r||0},s.add=function(e,r,l){var d;return d=r?e*k[L(r)]:B(e)?e.$ms:w(e,this).$ms,w(this.$ms+d*(l?-1:1),this)},s.subtract=function(e,r){return this.add(e,r,!0)},s.locale=function(e){var r=this.clone();return r.$l=e,r},s.clone=function(){return w(this.$ms,this)},s.humanize=function(e){return u().add(this.$ms,"ms").locale(this.$l).fromNow(!e)},s.valueOf=function(){return this.asMilliseconds()},s.milliseconds=function(){return this.get("milliseconds")},s.asMilliseconds=function(){return this.as("milliseconds")},s.seconds=function(){return this.get("seconds")},s.asSeconds=function(){return this.as("seconds")},s.minutes=function(){return this.get("minutes")},s.asMinutes=function(){return this.as("minutes")},s.hours=function(){return this.get("hours")},s.asHours=function(){return this.as("hours")},s.days=function(){return this.get("days")},s.asDays=function(){return this.as("days")},s.weeks=function(){return this.get("weeks")},s.asWeeks=function(){return this.as("weeks")},s.months=function(){return this.get("months")},s.asMonths=function(){return this.as("months")},s.years=function(){return this.get("years")},s.asYears=function(){return this.as("years")},n}(),A=function(n,s,e){return n.add(s.years()*e,"y").add(s.months()*e,"M").add(s.days()*e,"d").add(s.hours()*e,"h").add(s.minutes()*e,"m").add(s.seconds()*e,"s").add(s.milliseconds()*e,"ms")};return function(n,s,e){u=e,a=e().$utils(),e.duration=function(d,h){var c=e.locale();return w(d,{$l:c},h)},e.isDuration=B;var r=s.prototype.add,l=s.prototype.subtract;s.prototype.add=function(d,h){return B(d)?A(this,d,1):r.bind(this)(d,h)},s.prototype.subtract=function(d,h){return B(d)?A(this,d,-1):l.bind(this)(d,h)}}})})(_);var ie=_.exports;const ne=E(ie);var z={exports:{}};(function(t,i){(function(u,a){t.exports=a()})(P,function(){return function(u,a,y){var $=function(f,o){if(!o||!o.length||o.length===1&&!o[0]||o.length===1&&Array.isArray(o[0])&&!o[0].length)return null;var M;o.length===1&&o[0].length>0&&(o=o[0]),M=(o=o.filter(function(S){return S}))[0];for(var p=1;p<o.length;p+=1)o[p].isValid()&&!o[p][f](M)||(M=o[p]);return M};y.max=function(){var f=[].slice.call(arguments,0);return $("isAfter",f)},y.min=function(){var f=[].slice.call(arguments,0);return $("isBefore",f)}}})})(z);var re=z.exports;const oe=E(re);g.extend(ne);g.extend(oe);const F=t=>{const i=g().millisecond(0),u=g.max(t,i),a=g.min(t,i);return u?g.duration(u.diff(a)):void 0},q={years:{shortLabel:"Yrs",longLabel:"Years"},months:{shortLabel:"Mos",longLabel:"Months"},days:{shortLabel:"Days",longLabel:"Days"},hours:{shortLabel:"Hrs",longLabel:"Hours"},minutes:{shortLabel:"Mins",longLabel:"Minutes"},seconds:{shortLabel:"Secs",longLabel:"Seconds"}},W=Q({name:"BaseTimer",props:{targetDateTime:{type:String,required:!0},selectedUnits:{type:Array,required:!1,validator:t=>t.every(i=>!!q[i])},inline:{type:Boolean,required:!1,default:!1},countdown:{type:Boolean,required:!1,default:!1}},data(){return{diff:void 0,interval:void 0}},computed:{selectedUnitsComputed(){if(!this.selectedUnits||this.selectedUnits.length===0){const t=["years","months","days","hours","minutes","seconds"];let i=[];return t.forEach(u=>this.unitSignificant(u)?i.push(u):i),i.length<=3?["hours","minutes","seconds"]:(i=i.slice(0,3),i)}return this.selectedUnits},isPast(){if(this.targetDateTime){const t=g(new Date);if(g(new Date(this.targetDateTime.replace(/\s+/g,"T"))).millisecond(0).isBefore(t))return!0}return!1}},mounted(){const t=g(new Date(this.targetDateTime.replace(/\s+/g,"T"))).millisecond(0);this.diff=F(t),(this.selectedUnitsComputed.includes("seconds")||this.selectedUnitsComputed.includes("minutes"))&&(this.interval=setInterval(()=>{var a;this.diff=F(t),((a=this.diff)==null?void 0:a.as("seconds"))===0&&clearInterval(this.interval)},1e3))},beforeUnmount(){clearInterval(this.interval)},methods:{shortLabel(t){var i;return((i=q[t])==null?void 0:i.shortLabel)||t},longLabel(t){var i;return((i=q[t])==null?void 0:i.longLabel)||t},unitSignificant(t){var u;if(this.diff===null)return!1;const i=(u=this.diff)==null?void 0:u.get(t);return!!(i&&i>0||this.checkOtherUnits(t))},checkOtherUnits(t){if(this.diff){if(t==="seconds"){if(this.diff.get("minutes")>0||this.diff.get("hours")>0||this.diff.get("days")>0||this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="minutes"){if(this.diff.get("hours")>0||this.diff.get("days")>0||this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="hours"){if(this.diff.get("days")>0||this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="days"){if(this.diff.get("months")>0||this.diff.get("years")>0)return!0}else if(t==="months"&&this.diff.get("years")>0)return!0}return!1},unitValue(t){var u;if(this.diff===null)return"";const i=(u=this.diff)==null?void 0:u.get(t);return i==null?void 0:i.toString().padStart(2,"0")}}}),ae=["hidden"],ue={key:0},de={class:"unit text-body-xs uppercase"};function le(t,i,u,a,y,$){return b(),R(ee(t.diff?"time":"div"),{class:T(["BaseTimer whitespace-nowrap",{"-inline":t.inline}]),datetime:t.diff?t.diff.toISOString():null},{default:X(()=>[U("span",{hidden:!!t.diff},"Loading…",8,ae),U("span",{class:T(["transition-opacity duration-500 ease-in-out opacity-0",{"opacity-100":t.diff,"flex justify-between":t.inline}])},[(b(!0),D(H,null,te(t.selectedUnitsComputed,(f,o)=>(b(),D("span",{key:f},[o!==0?(b(),D("span",{key:0,class:T(["text-stats-xl text-stats-separator",{"block invisible -mt-6 md:inline md:visible md:mt-0":t.selectedUnitsComputed.length>=4&&f==="hours"}])}," : ",2)):I("",!0),U("span",{class:T(["inline-block align-top",f==="seconds"?"text-left":"text-center"]),"aria-hidden":"true"},[U("span",{class:T(["text-stats-xl",{"text-seconds":f==="seconds"}]),"data-chromatic":"ignore"},[t.countdown&&t.isPast?(b(),D(H,{key:0},[N("00")],64)):(b(),D(H,{key:1},[N(V(t.unitValue(f)),1)],64))],2),t.inline?I("",!0):(b(),D("br",ue)),U("span",de,V(t.shortLabel(f)),1)],2)]))),128))],2)]),_:1},8,["datetime","class"])}const pe=se(W,[["render",le]]);W.__docgenInfo={displayName:"BaseTimer",exportName:"default",description:"",tags:{},props:[{name:"targetDateTime",type:{name:"string"},required:!0},{name:"selectedUnits",type:{name:"UnitID[]"},required:!1},{name:"inline",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"countdown",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseTimer/BaseTimer.vue"]};export{pe as B};

package/storybook_compiled/assets/{BaseTimer.stories-BZmXtjbC.js → BaseTimer.stories-DeHRfD5g.js}

@@ -1 +1 @@
-import{B as e}from"./BaseTimer-CGOn0_pI.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./dayjs.min-DMGOSre-.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i={title:"Components/Base/BaseTimer",component:e},r={name:"Full Date Time",args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!1,countdown:!1,legendClass:"text-gray-mid-dark"}},d={args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["years","months","days"],inline:!1,countdown:!1}},l={args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["months","days","hours"],inline:!1,countdown:!1}},m={args:{targetDateTime:new Date(new Date().getTime()+999999999).toISOString(),selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!1,countdown:!0}},u={args:{targetDateTime:new Date(new Date().getTime()+1e3*10).toISOString(),selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!1,countdown:!0}},c={args:{targetDateTime:new Date(new Date().getTime()-999999999).toISOString(),selectedUnits:[],inline:!1,countdown:!1}},g={args:{targetDateTime:new Date(new Date().getTime()+1e3*10).toISOString(),selectedUnits:[],inline:!1,countdown:!0}},w={args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!0,countdown:!1}},D=["BaseStory","DateOnly","Mixed","Countdown","CountdownStop","AutoUnits","AutoUnitsCountdown","Inline"];export{c as AutoUnits,g as AutoUnitsCountdown,r as BaseStory,m as Countdown,u as CountdownStop,d as DateOnly,w as Inline,l as Mixed,D as __namedExportsOrder,i as default};
+import{B as e}from"./BaseTimer-Dk59uRBs.js";import"./vue.esm-bundler-Bl6fnSCa.js";import"./dayjs.min-DMGOSre-.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i={title:"Components/Base/BaseTimer",component:e},r={name:"Full Date Time",args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!1,countdown:!1,legendClass:"text-gray-mid-dark"}},d={args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["years","months","days"],inline:!1,countdown:!1}},l={args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["months","days","hours"],inline:!1,countdown:!1}},m={args:{targetDateTime:new Date(new Date().getTime()+999999999).toISOString(),selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!1,countdown:!0}},u={args:{targetDateTime:new Date(new Date().getTime()+1e3*10).toISOString(),selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!1,countdown:!0}},c={args:{targetDateTime:new Date(new Date().getTime()-999999999).toISOString(),selectedUnits:[],inline:!1,countdown:!1}},g={args:{targetDateTime:new Date(new Date().getTime()+1e3*10).toISOString(),selectedUnits:[],inline:!1,countdown:!0}},w={args:{targetDateTime:"2011-11-26 15:02:21+01:00",selectedUnits:["years","months","days","hours","minutes","seconds"],inline:!0,countdown:!1}},D=["BaseStory","DateOnly","Mixed","Countdown","CountdownStop","AutoUnits","AutoUnitsCountdown","Inline"];export{c as AutoUnits,g as AutoUnitsCountdown,r as BaseStory,m as Countdown,u as CountdownStop,d as DateOnly,w as Inline,l as Mixed,D as __namedExportsOrder,i as default};

package/storybook_compiled/assets/{BaseUnitToggle-BzOM0_5N.js → BaseUnitToggle-DE04VHci.js}

@@ -1,2 +1,2 @@
-import{j as u,l as d,z as a,y as i,u as p,E as r,P as o,q as b,x as c,D as y}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={MI_KM:{imperial:{label:"Miles",abbr:"MI",toOther:1*1.609344},metric:{label:"Kilometers",abbr:"KM",toOther:1/1.609344}},LB_KG:{imperial:{label:"Pounds",abbr:"LB",toOther:1/2.205},metric:{label:"Kilograms",abbr:"KG",toOther:1*2.205}},G_OZ:{imperial:{label:"Ounces",abbr:"OZ",toOther:1/.0352739331766097},metric:{label:"Grams",abbr:"G",toOther:1*.0352739331766097}},M_FT:{imperial:{label:"Feet",abbr:"FT",toOther:1*.3048},metric:{label:"Meters",abbr:"M",toOther:1/.3048}},MS_FS:{imperial:{label:"Feet per second",abbr:"FT/S",toOther:1*.3048},metric:{label:"Meters per second",abbr:"M/S",toOther:1/.3048}}},m=u({name:"BaseUnitToggle",props:{unitPair:{type:String,required:!0,validator:e=>!!n[e]},value:{type:Number,required:!0},secondValue:{type:Number,required:!1},valueSystem:{type:String,required:!0},inline:{type:Boolean,default:!1}},data(){return{selectedSystem:"imperial"}},computed:{unitConfig(){return n[this.unitPair]},formattedValue(){var l;let e;this.secondValue?e=this.valueSystem===this.selectedSystem?this.value:this.secondValue:e=this.valueSystem===this.selectedSystem?this.value:this.value*this.unitConfig[this.valueSystem].toOther;const t=((l=this.value.toString().split(".")[1])==null?void 0:l.length)||0;return e.toLocaleString("en-US",{minimumFractionDigits:t,maximumFractionDigits:t})}},mounted(){window.localStorage&&window.localStorage.getItem("selectedSystem")==="metric"&&(this.selectedSystem="metric")},methods:{setSystem(){try{window.localStorage&&window.localStorage.setItem("selectedSystem",this.selectedSystem)}catch(e){console.error(e)}}}}),h={class:"BaseUnitToggle"},S={class:"sr-only"},f=["aria-label"],v={class:"unit","aria-hidden":"true"},V=a("span",{class:"select-none","aria-hidden":"true"},"|",-1),B=["aria-label"],O={class:"unit","aria-hidden":"true"};function U(e,t,l,C,M,T){return c(),d("div",h,[a("p",S,i(e.formattedValue)+" "+i(e.unitConfig[e.selectedSystem].label),1),p(e.$slots,"default",{formattedValue:e.formattedValue},()=>[y(i(e.formattedValue),1)]),a("fieldset",{class:b(["text-body-xs inline-block",{"lg:block":!e.inline}]),"aria-label":"Change Unit"},[a("label",{class:"cursor-pointer","aria-label":e.unitConfig.imperial.label},[r(a("input",{"onUpdate:modelValue":t[0]||(t[0]=s=>e.selectedSystem=s),class:"sr-only",type:"radio",value:"imperial",onChange:t[1]||(t[1]=(...s)=>e.setSystem&&e.setSystem(...s))},null,544),[[o,e.selectedSystem]]),a("span",v,i(e.unitConfig.imperial.abbr),1)],8,f),V,a("label",{class:"cursor-pointer","aria-label":e.unitConfig.metric.label},[r(a("input",{"onUpdate:modelValue":t[2]||(t[2]=s=>e.selectedSystem=s),class:"sr-only",type:"radio",value:"metric",onChange:t[3]||(t[3]=(...s)=>e.setSystem&&e.setSystem(...s))},null,544),[[o,e.selectedSystem]]),a("span",O,i(e.unitConfig.metric.abbr),1)],8,B)],2)])}const F=g(m,[["render",U]]);m.__docgenInfo={displayName:"BaseUnitToggle",description:`Toggle between equivalent units in imperial and SI systems.
+import{j as u,l as d,z as a,y as i,u as p,E as r,R as o,q as b,x as c,D as y}from"./vue.esm-bundler-Bl6fnSCa.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={MI_KM:{imperial:{label:"Miles",abbr:"MI",toOther:1*1.609344},metric:{label:"Kilometers",abbr:"KM",toOther:1/1.609344}},LB_KG:{imperial:{label:"Pounds",abbr:"LB",toOther:1/2.205},metric:{label:"Kilograms",abbr:"KG",toOther:1*2.205}},G_OZ:{imperial:{label:"Ounces",abbr:"OZ",toOther:1/.0352739331766097},metric:{label:"Grams",abbr:"G",toOther:1*.0352739331766097}},M_FT:{imperial:{label:"Feet",abbr:"FT",toOther:1*.3048},metric:{label:"Meters",abbr:"M",toOther:1/.3048}},MS_FS:{imperial:{label:"Feet per second",abbr:"FT/S",toOther:1*.3048},metric:{label:"Meters per second",abbr:"M/S",toOther:1/.3048}}},m=u({name:"BaseUnitToggle",props:{unitPair:{type:String,required:!0,validator:e=>!!n[e]},value:{type:Number,required:!0},secondValue:{type:Number,required:!1},valueSystem:{type:String,required:!0},inline:{type:Boolean,default:!1}},data(){return{selectedSystem:"imperial"}},computed:{unitConfig(){return n[this.unitPair]},formattedValue(){var l;let e;this.secondValue?e=this.valueSystem===this.selectedSystem?this.value:this.secondValue:e=this.valueSystem===this.selectedSystem?this.value:this.value*this.unitConfig[this.valueSystem].toOther;const t=((l=this.value.toString().split(".")[1])==null?void 0:l.length)||0;return e.toLocaleString("en-US",{minimumFractionDigits:t,maximumFractionDigits:t})}},mounted(){window.localStorage&&window.localStorage.getItem("selectedSystem")==="metric"&&(this.selectedSystem="metric")},methods:{setSystem(){try{window.localStorage&&window.localStorage.setItem("selectedSystem",this.selectedSystem)}catch(e){console.error(e)}}}}),h={class:"BaseUnitToggle"},S={class:"sr-only"},f=["aria-label"],v={class:"unit","aria-hidden":"true"},V=a("span",{class:"select-none","aria-hidden":"true"},"|",-1),B=["aria-label"],O={class:"unit","aria-hidden":"true"};function U(e,t,l,C,M,T){return c(),d("div",h,[a("p",S,i(e.formattedValue)+" "+i(e.unitConfig[e.selectedSystem].label),1),p(e.$slots,"default",{formattedValue:e.formattedValue},()=>[y(i(e.formattedValue),1)]),a("fieldset",{class:b(["text-body-xs inline-block",{"lg:block":!e.inline}]),"aria-label":"Change Unit"},[a("label",{class:"cursor-pointer","aria-label":e.unitConfig.imperial.label},[r(a("input",{"onUpdate:modelValue":t[0]||(t[0]=s=>e.selectedSystem=s),class:"sr-only",type:"radio",value:"imperial",onChange:t[1]||(t[1]=(...s)=>e.setSystem&&e.setSystem(...s))},null,544),[[o,e.selectedSystem]]),a("span",v,i(e.unitConfig.imperial.abbr),1)],8,f),V,a("label",{class:"cursor-pointer","aria-label":e.unitConfig.metric.label},[r(a("input",{"onUpdate:modelValue":t[2]||(t[2]=s=>e.selectedSystem=s),class:"sr-only",type:"radio",value:"metric",onChange:t[3]||(t[3]=(...s)=>e.setSystem&&e.setSystem(...s))},null,544),[[o,e.selectedSystem]]),a("span",O,i(e.unitConfig.metric.abbr),1)],8,B)],2)])}const F=g(m,[["render",U]]);m.__docgenInfo={displayName:"BaseUnitToggle",description:`Toggle between equivalent units in imperial and SI systems.
 Supports providing the value in either format, and converts into the other.`,tags:{},exportName:"default",props:[{name:"unitPair",type:{name:"UnitName"},required:!0},{name:"value",type:{name:"number"},required:!0},{name:"secondValue",type:{name:"number"},required:!1},{name:"valueSystem",type:{name:"UnitSystemName"},required:!0},{name:"inline",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"formatted-value",title:"binding"}]}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseUnitToggle/BaseUnitToggle.vue"]};export{F as B,n as u};