@explorer-1/vue-storybook 0.0.5 → 0.0.6

package/.percy.yml

@@ -0,0 +1,76 @@
+version: 2
+snapshot:
+  widths:
+    - 375
+    - 1280
+  minHeight: 1024
+  percyCSS: ''
+  disableShadowDOM: false
+  enableJavascript: true
+  enableLayout: true
+discovery:
+  concurrency: 15
+  retry: true
+storybook:
+  # args: {}
+  # globals: {}
+  # queryParams: {}
+  # waitForTimeout: 30000
+  # waitForSelector: ''
+  # additionalSnapshots: []
+  include: [
+      'Foundations/Typography: Text Styles',
+      'Foundations/Themes: Dynamic Tokens',
+      'Foundations/Logos/LogoTribrand: Logo Inline SVG',
+      'Foundations/Grid and Layout: Full Page Example',
+      # TODO: add a story that has all icons in it
+      'Navigation/*',
+      'Components/*',
+      'Mixins/*',
+      'Templates/*'
+    ]
+  exclude:
+    [
+      'Docs',
+      'Overview',
+      'Navigation/Headers/WWW/NavDesktop: Dropdown',
+      'Navigation/Headers/WWW/NavMobile: With Secondary Nav',
+      'Navigation/Headers/WWW/NavMobile: With Tertiary Nav',
+      'Navigation/Headers/WWW/NavMobile: Dropdown Secondary',
+      'Navigation/Headers/EDU/NavMobile',
+      'Navigation/Elements',
+      'Components/Base/BaseHeading',
+      'Components/Base/BaseAudio: BaseAudio',
+      'Components/Base/BaseImage: Lazy Loading',
+      'Components/Base/BaseImagePlaceholder: With Image',
+      'Components/Base/BaseModal: Base Story',
+      'Components/Base/BaseModal: Custom Trigger',
+      'Components/Base/BaseModal: Nested',
+      'Components/Base/BaseSwimlane: Base Story',
+      'Components/Base/BaseVideo: Base Story',
+      'Components/Cards/BlockCircleImageCard: Base Story',
+      'Components/Blocks/BlockCta: Base Story',
+      'Components/Blocks/BlockIframeEmbed: Lazy Load',
+      'Components/Blocks/BlockImageCarousel/BlockImageCarouselItem: BlockImageCarouselItem',
+      'Components/Blocks/BlockLinkCarousel: Two Items',
+      'Components/Blocks/BlockLinkCarousel: Multiple Carousels',
+      'Components/Heroes/Small: Video',
+      'Components/Heroes/Small: HeroMedium (compact)',
+      'Components/WWW/Homepage/HomepageCarousel: Carousel with shuffled items',
+      'Components/WWW/Homepage/HomepageCarousel: Carousel with few slides',
+      'Components/WWW/Homepage/HomepageCarousel/HomepageCarouselItem: Single Item',
+      'Components/WWW/Homepage/HomepageCarousel/HomepageCarouselItem: With Video',
+      'Components/WWW/Homepage/HomepageMissionsCarousel: Item',
+      'Components/WWW/MissionDetail/MissionDetailHero: Ecostress',
+      'Components/WWW/MissionDetail/MissionDetailHero: Jason 3',
+      'Components/WWW/MissionDetail/MissionDetailHero: Oco 2',
+      'Components/WWW/MissionDetail/MissionHighlights: Mars 1',
+      'Components/WWW/MissionDetail/MissionHighlights: Mars 2',
+      'Components/WWW/MissionDetail/MissionHighlights: Moon',
+      'Components/WWW/MissionDetail/MissionHighlights: Jupiter',
+      'Components/WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarouselItem: Base Story',
+      'Components/WWW/TopicDetail/TopicDetailMore: No List',
+      'Components/WWW/TopicDetail/TopicDetailMore: No Spotlight',
+      'Components/WWW/TopicDetail/TopicDetailMore: Short List',
+      'Mixins/MixinCarousel: BaseCarousel'
+    ]

package/.storybook/preview.ts

@@ -146,6 +146,8 @@ const preview: Preview = {
             'Overview',
             'Base',
             ['Overview'],
+            'Cards',
+            ['Overview', 'BlockLinkCard', 'BlockLinkTile', 'BlockCircleImageCard'],
             'Blocks',
             ['Overview', 'Heroes', ['Overview', 'Small', 'Medium', 'Large']],
             'Heroes',

package/migration-storybook.log

@@ -1,38 +1,5 @@
 🔎 checking possible migrations..
 
-🔎 found a 'missingStorybookDependencies' migration:
-╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────╮
-│                                                                                                                          │
-│   Found the following Storybook packages used in your project, but they are missing from your project dependencies:      │
-│   - @storybook/manager-api: (1 file)                                                                                     │
-│   - @storybook/preview-api: (1 file)                                                                                     │
-│                                                                                                                          │
-│   Referencing missing packages can cause your project to crash. We can automatically add them to your dependencies.      │
-│                                                                                                                          │
-│   More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#failed-to-resolve-import-storybookx-error   │
-│                                                                                                                          │
-╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
-? Do you want to run the 'missingStorybookDependencies' migration on your project? › (Y/n)✔ Do you want to run the 'missingStorybookDependencies' migration on your project? … yes
-✅ Installing the following packages as devDependencies: @storybook/manager-api,@storybook/preview-api
-✅ ran missingStorybookDependencies migration
-
-🔎 found a 'autodocsTrue' migration:
-╭ Automigration detected ────────────────────────────────────────────────────────────────────────────╮
-│                                                                                                    │
-│   We've changed the configuration of autodocs (previous docsPage), so now the value:               │
-│     - docs.autodocs: true -- means automatically create docs for every CSF file                    │
-│     - docs.autodocs: 'tag' -- means only create autodocs for CSF files with the 'autodocs' tag     │
-│     - docs.autodocs: false -- means never create autodocs                                          │
-│                                                                                                    │
-│   Based on your prior configuration,  we can set the `docs.autodocs` to keep your old behaviour:   │
-│                                                                                                    │
-│   docs: { autodocs: true }                                                                         │
-│                                                                                                    │
-│   More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes      │
-│                                                                                                    │
-╰────────────────────────────────────────────────────────────────────────────────────────────────────╯
-? Do you want to run the 'autodocsTrue' migration on your project? › (Y/n)✔ Do you want to run the 'autodocsTrue' migration on your project? … no
-
 ⚠️  failed to check fix upgradeStorybookRelatedDependencies
 
 TypeError: Invalid Version: link:../../packages/common-storybook
@@ -47,31 +14,26 @@ TypeError: Invalid Version: link:../../packages/common-storybook
     at async automigrate (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:663:1620)
     at async doUpgrade (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:679:1608)
 
-╭ Migration check ran with failures ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
-│                                                                                                                                                               │
-│   Successful migrations:                                                                                                                                      │
-│                                                                                                                                                               │
-│   missingStorybookDependencies                                                                                                                                │
-│                                                                                                                                                               │
-│   Failed migrations:                                                                                                                                          │
-│                                                                                                                                                               │
-│   upgradeStorybookRelatedDependencies:                                                                                                                        │
-│   Invalid Version: link:../../packages/common-storybook                                                                                                       │
-│                                                                                                                                                               │
-│   You can find the full logs in /Users/smithste/repos/explorer-1/apps/vue-storybook/migration-storybook.log                                                   │
-│                                                                                                                                                               │
-│   Skipped migrations:                                                                                                                                         │
-│                                                                                                                                                               │
-│   autodocsTrue                                                                                                                                                │
-│                                                                                                                                                               │
-│   ─────────────────────────────────────────────────                                                                                                           │
-│                                                                                                                                                               │
-│   If you'd like to run the migrations again, you can do so by running 'npx storybook automigrate'                                                             │
-│                                                                                                                                                               │
-│   The automigrations try to migrate common patterns in your project, but might not contain everything needed to migrate to the latest version of Storybook.   │
-│                                                                                                                                                               │
-│   Please check the changelog and migration guide for manual migrations and more information: https://storybook.js.org/docs/8.0/migration-guide                │
-│   And reach out on Discord if you need help: https://discord.gg/storybook                                                                                     │
-│                                                                                                                                                               │
-╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
+╭ Migration check ran with failures ────────────────────────────────────────────────────────────────────────╮
+│                                                                                                           │
+│   Failed migrations:                                                                                      │
+│                                                                                                           │
+│   upgradeStorybookRelatedDependencies:                                                                    │
+│   Invalid Version: link:../../packages/common-storybook                                                   │
+│                                                                                                           │
+│   You can find the full logs in                                                                           │
+│   /Users/smithste/repos/explorer-1/apps/vue-storybook/migration-storybook.log                             │
+│                                                                                                           │
+│   ─────────────────────────────────────────────────                                                       │
+│                                                                                                           │
+│   If you'd like to run the migrations again, you can do so by running 'npx storybook automigrate'         │
+│                                                                                                           │
+│   The automigrations try to migrate common patterns in your project, but might not contain everything     │
+│   needed to migrate to the latest version of Storybook.                                                   │
+│                                                                                                           │
+│   Please check the changelog and migration guide for manual migrations and more information:              │
+│   https://storybook.js.org/docs/8.0/migration-guide                                                       │
+│   And reach out on Discord if you need help: https://discord.gg/storybook                                 │
+│                                                                                                           │
+╰───────────────────────────────────────────────────────────────────────────────────────────────────────────╯
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue-storybook",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -20,22 +20,24 @@
     "swiper": "^11.1.3",
     "vue": "^3.2.47",
     "vue3-compare-image": "^1.2.5",
-    "@explorer-1/common-storybook": "0.0.3",
     "@explorer-1/common": "1.1.0",
-    "@explorer-1/vue": "0.2.0"
+    "@explorer-1/vue": "0.2.2",
+    "@explorer-1/common-storybook": "0.0.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1",
+    "@percy/cli": "^1.28.7",
+    "@percy/storybook": "^6.0.1",
     "@rushstack/eslint-patch": "^1.2.0",
-    "@storybook/addon-a11y": "^8.2.4",
-    "@storybook/addon-essentials": "^8.2.4",
-    "@storybook/blocks": "^8.2.4",
-    "@storybook/manager-api": "^8.2.4",
-    "@storybook/preview-api": "^8.2.4",
+    "@storybook/addon-a11y": "^8.2.6",
+    "@storybook/addon-essentials": "^8.2.6",
+    "@storybook/blocks": "^8.2.6",
+    "@storybook/manager-api": "^8.2.6",
+    "@storybook/preview-api": "^8.2.6",
     "@storybook/test-runner": "^0.19.0",
-    "@storybook/theming": "^8.2.4",
-    "@storybook/vue3": "^8.2.4",
-    "@storybook/vue3-vite": "^8.2.4",
+    "@storybook/theming": "^8.2.6",
+    "@storybook/vue3": "^8.2.6",
+    "@storybook/vue3-vite": "^8.2.6",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@whitespace/storybook-addon-html": "^6.1.1",
@@ -50,7 +52,7 @@
     "postcss": "^8.4.38",
     "postcss-import": "^16.1.0",
     "rimraf": "^5.0.5",
-    "storybook": "^8.2.4",
+    "storybook": "^8.2.6",
     "storybook-addon-vue-slots": "^0.9.29",
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
@@ -58,9 +60,9 @@
     "unplugin-vue-components": "^0.27.0",
     "vite": "^5.3.1",
     "vue-tsc": "^2.0.6",
+    "@explorer-1/html": "0.0.3",
     "@explorer-1/prettier-config": "1.0.0",
-    "@explorer-1/tsconfig": "1.0.1",
-    "@explorer-1/html": "0.0.3"
+    "@explorer-1/tsconfig": "1.0.1"
   },
   "scripts": {
     "dev": "pnpm storybook",
@@ -68,17 +70,18 @@
     "prepare:fontcss": "cp ./node_modules/@explorer-1/common/src/scss/_fonts.scss ./public/css/font-face.css",
     "storybook": "storybook dev -c .storybook -p 6006 --ci",
     "build": "storybook build -c .storybook -o storybook_compiled NODE_ENV='production'",
-    "percy": "percy storybook http://localhost:6006",
-    "percy:dry-run": "percy storybook http://localhost:6006 --dry-run",
+    "percy": "percy storybook ./storybook_compiled --verbose",
+    "percy:debug": "percy storybook ./storybook_compiled --debug --shard-count=2 --shard-index=1",
+    "percy:dry-run": "percy storybook ./storybook_compiled --dry-run",
     "lint:app": "eslint './.storybook/**/*.@(js|ts)'",
     "lint:app:fix": "eslint './.storybook/**/*.@(js|ts)' --fix",
     "lint": "eslint './../../packages/vue/src/**/*.stories.@(js|ts|mdx)' && pnpm lint:app",
     "lint:fix": "eslint './../../packages/vue/src/**/*.stories.@(js|ts|mdx)' --fix && pnpm lint:app:fix",
     "init-msw": "msw init public/",
     "start": "http-server storybook_compiled -p 6006 -c-1 -s",
-    "test": "test-storybook --stories-json --maxWorkers=4",
+    "test": "test-storybook --stories-json --maxWorkers=4 --skipTags=\"skip-test\"",
     "test:cross-browser": "test-storybook --stories-json --verbose --maxWorkers=4 --browsers chromium webkit firefox",
-    "test:ci": "test-storybook --stories-json --maxWorkers=4",
+    "test:ci": "test-storybook --stories-json --maxWorkers=4 --skipTags=\"skip-test\"",
     "update:storybook": "npx storybook@latest upgrade --package-manager pnpm"
   }
 }

package/storybook_compiled/assets/{AsteroidWatchWidget.stories-BVC1mQpE.js → AsteroidWatchWidget.stories-9IvJT-OY.js}

@@ -1 +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};
+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-BgKfGB4m.js";import{B as k}from"./BaseLink-BOH-5Ad3.js";import{B as v}from"./BaseUnitToggle-DadNPj9e.js";import{I as C}from"./IconExternal-CARH8Efr.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 → BackToTop-DF04GmKC.js}

@@ -1 +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};
+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-BgKfGB4m.js";import{_ as m}from"./throttle-b4cRrwnC.js";import{B as u}from"./BaseButton-C3bzWley.js";import{I as h}from"./IconDropdown-CPLMC7VG.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 → BackToTop.stories-n3YYqVGY.js}

@@ -1,3 +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:`
+import{B as e}from"./BackToTop-DF04GmKC.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 → BaseAudio-egZpzzJN.js}

@@ -1 +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};
+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-BgKfGB4m.js";import{I as x}from"./IconPlay-Boe_Ut61.js";import{I as k,a as V,b as B,c as M,d as S}from"./IconForwardTen-CSI_rErl.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-BvJKaLTx.js → BaseAudio.stories-C4-94XEI.js}

@@ -1 +1 @@
-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};
+import{B as o}from"./BaseAudio-egZpzzJN.js";import"./vue.esm-bundler-BgKfGB4m.js";import"./IconPlay-Boe_Ut61.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconForwardTen-CSI_rErl.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-wrIUQUDx.js → BaseButton-C3bzWley.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-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};
+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-BgKfGB4m.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-LF5am5VI.js → BaseButton.stories-BixXCFZV.js}

@@ -1 +1 @@
-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};
+import{B as a,v as e}from"./BaseButton-C3bzWley.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-BXaJwsfQ.js → BaseCheckboxGroup-BUwqeGXo.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-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};
+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-BgKfGB4m.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-DfszAEHo.js → BaseCheckboxGroup.stories-CSD47zaU.js}

@@ -1 +1 @@
-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};
+import{B as t}from"./BaseCheckboxGroup-BUwqeGXo.js";import"./vue.esm-bundler-BgKfGB4m.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 → BaseHeading-D1XKDR-9.js}

@@ -1 +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};
+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-BgKfGB4m.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 → BaseHeading.stories-XBPws9tZ.js}

@@ -1 +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};
+import{B as e}from"./BaseHeading-D1XKDR-9.js";import{I as n}from"./IconArrows-CjMY-O04.js";import{I as t}from"./IconLocation-BiVCrtfH.js";import{I as i}from"./IconUser-DTvPQViW.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-fxTS5YaD.js → BaseImage-C0SxjCVJ.js}

@@ -1 +1 @@
-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};
+import{j as l,l as t,q as o,v as d,x as s}from"./vue.esm-bundler-BgKfGB4m.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-cAD4HYiD.js → BaseImage.stories-CjaNA7Ot.js}

@@ -1 +1 @@
-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};
+import{B as t,o as s}from"./BaseImage-C0SxjCVJ.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-CRf3b59p.js → BaseImageCaption-FDpgG-XM.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-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};
+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-BgKfGB4m.js";import{B as u}from"./BaseLink-BOH-5Ad3.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-vwM1jFew.js → BaseImageCaption.stories-qqvQ9DrL.js}

@@ -1 +1 @@
-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};
+import{B as a}from"./BaseImageCaption-FDpgG-XM.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-C9Vdr882.js → BaseImagePlaceholder-Dhw40QBz.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-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};
+import{j as o,l as r,z as n,u as a,q as i,x as l}from"./vue.esm-bundler-BgKfGB4m.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-DeuRi8bn.js → BaseImagePlaceholder.stories-B3i6cmEg.js}

@@ -1 +1 @@
-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};
+import{B as s}from"./BaseImage-C0SxjCVJ.js";import{B as a,a as t}from"./BaseImagePlaceholder-Dhw40QBz.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-BeS1ThTx.js → BaseLink-BOH-5Ad3.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-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};
+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-BgKfGB4m.js";import{M as g}from"./MixinAnimationCaret-BiRZy1_f.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};