1(this.webpackJsonpwebsite=this.webpackJsonpwebsite||[]).push([[36,9,11,24,25,30,34,39,42,43,44,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,69,72,74,80,87,88,92,96,107],[,,,,,,,,,,,,function(e,t,n){"use strict";n.r(t),n.d(t,"PageHeader",(function(){return s})),n.d(t,"SectionHeader",(function(){return o}));var i=n(139),a=(n(113),n(11)),c=n(7),r=["title","subtitle","children"];function s(e){var t=e.title,n=e.subtitle,a=e.children;Object(i.a)(e,r);return Object(c.jsxs)("div",{className:"page__header inset",children:[Object(c.jsxs)("h2",{className:"-bold",children:[" ",t," "]}),Object(c.jsxs)("h2",{children:[" ",n," "]}),a]})}function o(e){var t=e.title,n=e.big,i=void 0===n||n,r=e.inset,s=void 0===r||r,o=e.topBorder,l=void 0!==o&&o,d=e.children,j=Object(a.useBreakpointContext)(),u=j.isMobile,m=j.isTablet;return Object(c.jsx)("div",{className:"section__header ".concat(i?"":"narrow"," ").concat(l?"top-border":""),children:Object(c.jsxs)("div",{className:s?"inset":"",children:[i?u||m?Object(c.jsxs)("h3",{children:[" ",t," "]}):Object(c.jsxs)("h2",{children:[" ",t," "]}):Object(c.jsxs)("h5",{className:"-bold",children:[" ",t," "]}),d]})})}},function(e,t,n){"use strict";n.r(t),n.d(t,"Checkbox",(function(){return r}));var i=n(139),a=(n(115),n(7)),c=["name","state","onChange"];function r(e){var t=e.name,n=e.state,r=e.onChange;Object(i.a)(e,c);return Object(a.jsxs)("div",{className:"checkbox__wrapper ".concat(0===n?"-indeterminate":1===n?"-checked":"-unchecked"),onClick:r,children:[Object(a.jsxs)("span",{className:"label -small",children:[" ",t," "]}),Object(a.jsx)("div",{className:"checkbox",children:Object(a.jsx)("div",{className:"checkbox__circle"})})]})}},,function(e,t,n){"use strict";n.r(t),n.d(t,"Video",(function(){return r}));var i=n(139),a=(n(116),n(7)),c=["src"];function r(e){var t=e.src;Object(i.a)(e,c);return Object(a.jsx)("div",{className:"video-wrapper",children:Object(a.jsx)("iframe",{src:t,frameBorder:"0",title:"cuttlefish video"})})}},,,,,,,,,,,,,,,,function(e,t,n){"use strict";n.r(t),n.d(t,"DataExplorer",(function(){return u}));n(127);var i=n(0),a=n(81),c=n(76),r=n(80),s=n(77),o=n(78),l=n(79),d=n(58),j=n(7);function u(e){var t=e.isOpen,n=e.onClose,u=e.observations,m=Object(i.useRef)(null),b=Object(a.useDataExplorer)(t,n),h=b.filterOptions,O=b.selectedFilters,x=b.displayedImages,p=b.loading,v=b.hasMore,f=b.selectedItem,g=b.activeTab,N=b.viewMode,y=b.currentSite,w=b.currentSiteImages,_=b.currentImage,S=b.currentSiteIndex,I=b.siteNames,C=b.setSelectedItem,k=b.handleFilterToggle,M=b.handleScroll,E=b.clearAllFilters,T=b.setActiveTab,A=b.setViewMode,B=b.navigateToNextSite,H=b.navigateToPrevSite,P=b.navigateToNextImage,R=b.navigateToPrevImage,V=b.selectSite;if(Object(i.useEffect)((function(){g===d.TABS.GALLERY&&m.current&&m.current.scrollToTop()}),[O,g]),!t)return null;var L=[{id:d.TABS.MAP,label:d.TAB_LABELS[d.TABS.MAP]},{id:d.TABS.GALLERY,label:d.TAB_LABELS[d.TABS.GALLERY]},{id:d.TABS.OBSERVATIONS,label:d.TAB_LABELS[d.TABS.OBSERVATIONS]}];return Object(j.jsxs)("div",{className:"data-explorer",children:[Object(j.jsx)("div",{className:"data-explorer__backdrop",onClick:n}),Object(j.jsxs)("div",{className:"data-explorer__modal",children:[Object(j.jsx)(r.TabNavigation,{tabs:L,activeTab:g,onTabChange:T}),Object(j.jsx)("div",{className:"data-explorer__content",children:p?Object(j.jsx)("div",{className:"data-explorer__loading",children:Object(j.jsx)("p",{children:"Loading data..."})}):Object(j.jsxs)(j.Fragment,{children:[g===d.TABS.GALLERY&&Object(j.jsx)(s.GalleryTab,{ref:m,filterOptions:h,selectedFilters:O,displayedImages:x,viewMode:N,hasMore:v,loading:p,onFilterToggle:k,onClearAllFilters:E,onViewModeChange:A,onItemClick:C,onScroll:M}),g===d.TABS.MAP&&Object(j.jsx)(o.MapTab,{currentSite:y,currentSiteImages:w,currentImage:_,currentSiteIndex:S,siteNames:I,onPrevSite:H,onNextSite:B,onPrevImage:R,onNextImage:P,onImageClick:C,onSiteSelect:V}),g===d.TABS.OBSERVATIONS&&Object(j.jsx)(l.ObservationsTab,{observations:u})]})})]}),f&&Object(j.jsx)(c.MediaModal,{item:f,allItems:g===d.TABS.MAP?w:x,onClose:function(){return C(null)},onNavigate:C})]})}},,,function(e,t,n){"use strict";n.r(t),n.d(t,"ExpeditionsPage",(function(){return x}));var i=n(45),a=(n(114),n(12)),c=n(15),r=n(85),s=n(87),o=n(88),l=n(84),d=n(83),j=n(86),u=n(31),m=n(11),b=n(0),h=n.n(b),O=n(7);function x(e){var t=e.content,n=(e.downloadLink,Object(m.useBreakp
1ointContext)()),x=n.isMobile,p=n.isTablet,v=Object(b.useState)(!1),f=Object(i.a)(v,2),g=f[0],N=f[1];return Object(O.jsxs)("div",{className:"expeditionspage",children:[Object(O.jsx)(r.Header,{content:t,isMobile:x,isTablet:p}),Object(O.jsx)(s.Intro,{content:t}),Object(O.jsx)(d.ColorUnderwater,{content:t}),Object(O.jsx)(o.Team,{content:t}),Object(O.jsx)(j.IdentifyingCuttlefish,{content:t}),Object(O.jsx)(l.Goals,{content:t}),Object(O.jsxs)("section",{className:"container inset no-border",children:[Object(O.jsx)(a.SectionHeader,{title:"Setting the scene",topBorder:!0}),Object(O.jsxs)("div",{className:"video-top",children:[Object(O.jsx)(c.Video,{src:"https://player.vimeo.com/video/".concat(t.scene.video,"?background=1")}),Object(O.jsx)("div",{class:"caption",style:{position:"absolute",top:"5%",left:"3%",background:"black",borderRadius:"15px",padding:"16px",width:"400px"},children:Object(O.jsx)("p",{children:"Anilao is a small diving area located in the Batangas region of the Philippines. It lies within the Verde Island Passage \u2013 one of the most biodiverse marine areas on Earth."})})]})]}),Object(O.jsxs)("section",{className:"container inset bottom-padded",id:"explore-data",children:[Object(O.jsx)(a.SectionHeader,{title:"Explore our data",topBorder:!0}),Object(O.jsxs)("div",{className:"explore-data padded",children:[Object(O.jsx)("div",{className:"image",children:Object(O.jsx)("img",{src:"assets/expeditionspage/coming-soon-".concat(x||p?"mobile":"desktop",".png"),alt:"coming soon"})}),Object(O.jsx)("div",{className:"skinny dashed-border explore-data-link",children:Object(O.jsxs)("button",{onClick:function(){return N(!0)},className:"center no-underline",style:{textDecoration:"none",background:"none",border:"none",cursor:"pointer",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--theme-color)"},children:[Object(O.jsx)("span",{children:"Explore the data"}),Object(O.jsx)("img",{src:"assets/expeditionspage/arrow-right.svg",alt:"arrow right"})]})}),Object(O.jsx)("div",{className:"skinny dashed-border explore-data-link",children:Object(O.jsxs)("a",{href:"https://onlinelibrary.wiley.com/doi/10.1002/ece3.72001",target:"_blank",rel:"noopener noreferrer",className:"center no-underline",style:{textDecoration:"none",background:"none",border:"none",cursor:"pointer",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--theme-color)"},children:[Object(O.jsx)("span",{children:"Read our publication"}),Object(O.jsx)("img",{src:"assets/expeditionspage/arrow-right.svg",alt:"arrow right"})]})})]})]}),Object(O.jsxs)("section",{className:"inset no-border",children:[Object(O.jsx)(a.SectionHeader,{title:"Next steps"}),Object(O.jsx)("div",{className:"narrow",children:Object(O.jsxs)("div",{className:"vstack padded",children:[Object(O.jsx)("p",{className:"center",children:t.nextsteps.intro}),Object(O.jsx)("div",{className:"margin-block",children:Object(O.jsx)("div",{className:"vstack padded",children:t.nextsteps.items.map((function(e,n){return Object(O.jsxs)(h.a.Fragment,{children:[Object(O.jsx)("h3",{className:"center",children:e.text}),n<t.nextsteps.items.length-1&&Object(O.jsx)("div",{className:"divider"})]},n)}))})}),Object(O.jsx)("p",{className:"center",children:t.nextsteps.cta}),Object(O.jsxs)("p",{className:"center -bold",children:["Please write to us \u2192 ",Object(O.jsx)("a",{href:"mailto:".concat(t.nextsteps.email),children:t.nextsteps.email})]})]})})]}),g&&Object(O.jsx)(u.DataExplorer,{isOpen:g,onClose:function(){return N(!1)},observations:t.observations})]})}},,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";n.r(t),n.d(t,"ArrowIcon",(function(){return o})),n.d(t,"PlayIcon",(function(){return l}));var i=n(141),a=n(139),c=(n(0),n(7)),r=["className"],s=["className"];function o(e){var t=e.className,n=void 0===t?"":t,s=Object(a.a)(e,r);return Object(c.jsx)("svg",Object(i.a)(Object(i.a)({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},s),{},{children:Object(c.jsx)("path",{d:"M10.0002 3.3335L8.82516 4.5085L13.4752 9.16683H3.3335V10.8335H13.4752L8.82516 15.4918L10.0002 16.6668L16.6668 10.0002L10.0002 3.3335Z",fill:"currentColor"})}))}function l(e){var t=e.className,n=void 0===t?"":t,r=Object(a.a)(e,s);return Object(c.jsxs)("svg",Object(i.a)(Object(i.a)({width:"50",height:"50",viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},r),{},{children:[Object(c.jsx)("circle",{cx:"25",cy:"25",r:"24",fill:"rgba(0,0,0,0.6)",stroke:"white",strokeWidth:"1"}
1),Object(c.jsx)("path",{d:"M20 15 L35 25 L20 35 Z",fill:"white"})]}))}},,function(e,t,n){"use strict";n.r(t),n.d(t,"TABS",(function(){return c})),n.d(t,"TAB_LABELS",(function(){return r})),n.d(t,"VIEW_MODES",(function(){return s})),n.d(t,"MASONRY_CONFIG",(function(){return o}));var i,a=n(140),c={MAP:"map",GALLERY:"gallery",OBSERVATIONS:"observations"},r=(i={},Object(a.a)(i,c.MAP,"Map"),Object(a.a)(i,c.GALLERY,"Gallery"),Object(a.a)(i,c.OBSERVATIONS,"Observations"),i),s={GRID:"grid",MASONRY:"masonry"},o={AREA_CYCLE:["a1","a2","a3","a4","a5","a6","a7"],CHUNK_SIZE:7}},,,,function(e,t,n){"use strict";n.r(t),n.d(t,"MasonryItem",(function(){return s}));var i=n(45),a=n(0),c=n(56),r=n(7);function s(e){var t=e.item,n=e.areaName,s=e.onClick,o=Object(a.useState)(!1),l=Object(i.a)(o,2),d=l[0],j=l[1],u=t.vimeo_id&&""!==t.vimeo_id;return Object(r.jsx)("div",{className:"masonry-item -".concat(n),onClick:function(){return s(t)},children:Object(r.jsx)("div",{className:"masonry-item__thumbnail",children:u?Object(r.jsxs)("div",{className:"masonry-item__video-placeholder",children:[Object(r.jsx)("img",{src:"https://vumbnail.com/".concat(t.vimeo_id,".jpg"),alt:t.filename,onError:function(e){e.target.style.display="none"},loading:"lazy"}),Object(r.jsx)("div",{className:"masonry-item__play-icon",children:Object(r.jsx)(c.PlayIcon,{})})]}):Object(r.jsxs)(r.Fragment,{children:[t.lqip&&Object(r.jsx)("img",{src:t.lqip,alt:"",className:"masonry-item__lqip ".concat(d?"-hidden":""),"aria-hidden":"true"}),Object(r.jsx)("img",{src:"assets/expeditions-data/thumbnails/".concat(encodeURIComponent(t.filename)),alt:t.filename,loading:"lazy",className:"masonry-item__full ".concat(d?"-loaded":""),onLoad:function(){return j(!0)}})]})})})}},,function(e){e.exports=JSON.parse('{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8758743,13.7236761]},"properties":{"name":"Koala"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.9096727,13.7559718]},"properties":{"name":"Matu Point"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.9091384,13.6941996]},"properties":{"name":"Saimsim"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8976374,13.6876991]},"properties":{"name":"Secret Bay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8877098,13.6915328]},"properties":{"name":"Twin Rocks"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8844685,13.6952288]},"properties":{"name":"Dead Palm"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8747604,13.7084746]},"properties":{"name":"House Reef (Crystal Blue Resort)"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8737412,13.7097045]},"properties":{"name":"Arthur\'s Reef"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8436288,13.6735737]},"properties":{"name":"Bethlehem"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[120.8314295,13.6893173]},"properties":{"name":"Batoc"}}]}')},function(e,t,n){"use strict";n.r(t),n.d(t,"FilterSection",(function(){return s}));var i=n(45),a=n(0),c=n(13),r=n(7);function s(e){var t=e.title,n=e.options,s=e.selectedOptions,o=e.onToggle,l=Object(a.useState)(!0),d=Object(i.a)(l,2),j=d[0],u=d[1];return Object(r.jsxs)("div",{className:"filter-section ".concat(j?"":"-closed"),children:[Object(r.jsxs)("div",{className:"filter-section__header",onClick:function(){return u(!j)},children:[Object(r.jsx)("span",{className:"triangle",children:j?Object(r.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(r.jsx)("path",{d:"M5 7L1.5359 1L8.4641 1L5 7Z",stroke:"white"})}):Object(r.jsx)("svg",{width:"8",height:"10",viewBox:"0 0 8 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(r.jsx)("path",{d:"M7 5L1 8.4641V1.5359L7 5Z",stroke:"white"})})}),Object(r.jsx)("h4",{className:"filter-section__title",children:t})]}),j&&Object(r.jsx)("div",{className:"filter-section__options",children:n.map((function(e){return Object(r.jsx)(c.Checkbox,{name:e,state:s.includes(e)?1:-1,onChange:function(){return o(e)}},e)}))})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"ImageItem",(function(){return s}));var i=n(45),a=n(0),c=n(56),r=n(7);function s(e){var t=e.item,n=e.onClick,s=Object(a.useState)(!1),o=Object(i.a)(s,2),l=o[0],d=o[1],j=t.vimeo_id&&""!==t.vimeo_id;return Object(r.jsx)("div",{className:"image-item",onClick:function(){return n(t)},children:Object(r.jsx)("div",{className:"image-item__thumbnail",children:j?Object(r.jsxs)("div",{className:"image-item__video-placeholder",children:[Object(r.jsx)("img",{src:"https://vumbnail.com/".concat(t.vimeo_id,".jpg"),alt:t.filename,onError:function(e){e.target.style.display="none"},loading:"lazy"}),Object(r.jsx)("div",{className:"image-item__play-icon",children:Object(r.jsx)(c.PlayIcon,{})})]}):Object(r.jsxs)(r.Fragment,{children:[t.lqip&&Object(r.jsx)("img",{src:t.lqip,alt:"",className:"image-item__lqip ".concat(l?"
1-hidden":""),"aria-hidden":"true"}),Object(r.jsx)("img",{src:"assets/expeditions-data/thumbnails/".concat(encodeURIComponent(t.filename)),alt:t.filename,loading:"lazy",className:"image-item__full ".concat(l?"-loaded":""),onLoad:function(){return d(!0)}})]})})})}},function(e,t,n){"use strict";n.r(t),n.d(t,"MasonryGrid",(function(){return r}));n(0);var i=n(62),a=n(58),c=n(7);function r(e){for(var t=e.items,n=e.onItemClick,r=a.MASONRY_CONFIG.AREA_CYCLE,s=a.MASONRY_CONFIG.CHUNK_SIZE,o=[],l=0;l<t.length;l+=s)o.push(t.slice(l,l+s));return Object(c.jsx)(c.Fragment,{children:o.map((function(e,t){return Object(c.jsx)("div",{className:"masonry-block",children:e.map((function(e,t){var a=r[t%r.length];return Object(c.jsx)(i.MasonryItem,{item:e,areaName:a,onClick:n},e.filename)}))},"chunk-".concat(t))}))})}},function(e,t,n){"use strict";n.r(t),n.d(t,"ImageMetadata",(function(){return a}));n(0);var i=n(7);function a(e){var t=e.item;if(!t)return null;var n,a,c;return Object(i.jsxs)("div",{className:"image-metadata",children:[t.organisms&&t.organisms.length>0&&Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Organisms:"}),Object(i.jsx)("span",{children:t.organisms.join(", ")})]}),t.cephalopod_behavior&&t.cephalopod_behavior.length>0&&Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Behavior:"}),Object(i.jsx)("span",{children:t.cephalopod_behavior.join(", ")})]}),Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Site:"}),Object(i.jsx)("span",{children:t.site_name||"N/A"})]}),Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Date:"}),Object(i.jsx)("span",{children:(c=t.date,c?new Date(c).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"}):"N/A")})]}),Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Time:"}),Object(i.jsx)("span",{children:(a=t.time,a||"N/A")})]}),Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Depth:"}),Object(i.jsx)("span",{children:(n=t.depth,n?"".concat(Math.abs(parseFloat(n)),"m"):"N/A")})]}),t.site_type&&Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Site Type:"}),Object(i.jsx)("span",{children:t.site_type})]}),Object(i.jsxs)("div",{className:"metadata-item",children:[Object(i.jsx)("span",{className:"-bold",children:"Flash:"}),Object(i.jsx)("span",{children:t.flash?"Yes":"No"})]})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"DiveSiteMap",(function(){return j}));var i=n(0),a=n(155),c=n.n(a),r=(n(156),n(64)),s=n(7);c.a.workerUrl="/maplibre-gl-csp-worker.js";var o={"House Reef (Crystal Blue Resort)":"CBR House Reef"},l={"CBR House Reef":"House Reef (Crystal Blue Resort)"},d=function(e){return l[e]||e};function j(e){var t=e.currentSite,n=e.siteNames,a=e.onSiteSelect,l=Object(i.useRef)(null),j=Object(i.useRef)(null),u=Object(i.useRef)(n),m=Object(i.useRef)(a),b=Object(i.useRef)(t);return Object(i.useEffect)((function(){u.current=n,m.current=a,b.current=t}),[n,a,t]),Object(i.useEffect)((function(){if(!j.current)return j.current=new c.a.Map({container:l.current,style:"https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json",center:[120.87,13.715],zoom:11,minZoom:11,maxZoom:16,maxBounds:[[120.78,13.64],[120.96,13.79]],attributionControl:!1}),j.current.on("load",(function(){j.current.addSource("dive-sites",{type:"geojson",data:r}),j.current.addLayer({id:"dive-sites-circles",type:"circle",source:"dive-sites",paint:{"circle-radius":8,"circle-color":"#888","circle-stroke-width":2,"circle-stroke-color":"#fff"}}),j.current.addLayer({id:"dive-sites-labels",type:"symbol",source:"dive-sites",layout:{"text-field":["get","name"],"text-font":["Open Sans Regular"],"text-size":12,"text-offset":[0,1.5],"text-anchor":"top"},paint:{"text-color":"#fff","text-halo-color":"#000","text-halo-width":1}}),j.current.on("click","dive-sites-circles",(function(e){var t=function(e){return o[e]||e}(e.features[0].properties.name),n=u.current.findIndex((function(e){return e===t}));-1!==n&&m.current&&m.current(n)})),j.current.on("mouseenter","dive-sites-circles",(function(){j.current.getCanvas().style.cursor="pointer"})),j.current.on("mouseleave","dive-sites-circles",(function(){j.current.getCanvas().style.cursor=""}));var e=d(b.current||"");
1j.current.setPaintProperty("dive-sites-circles","circle-color",["case",["==",["get","name"],e],"#fff","#888"]),j.current.setPaintProperty("dive-sites-circles","circle-radius",["case",["==",["get","name"],e],10,8])})),function(){j.current&&(j.current.remove(),j.current=null)}}),[]),Object(i.useEffect)((function(){if(j.current&&j.current.isStyleLoaded()&&j.current.getSource("dive-sites")){var e=d(t||"");j.current.setPaintProperty("dive-sites-circles","circle-color",["case",["==",["get","name"],e],"#fff","#888"]),j.current.setPaintProperty("dive-sites-circles","circle-radius",["case",["==",["get","name"],e],10,8])}}),[t]),Object(s.jsx)("div",{ref:l,className:"dive-site-map"})}},function(e,t,n){"use strict";n.r(t),n.d(t,"FiltersSidebar",(function(){return r}));var i=n(45),a=(n(0),n(65)),c=n(7);function r(e){var t=e.filterOptions,n=e.selectedFilters,r=e.onFilterToggle,s=e.onClearAll,o=function(e){return e.replace(/_/g," ").replace(/\b\w/g,(function(e){return e.toUpperCase()}))};return Object(c.jsx)("div",{className:"data-explorer__sidebar",children:Object(c.jsxs)("div",{className:"data-explorer__filters",children:[Object(c.jsxs)("div",{className:"filters-header",children:[Object(c.jsx)("h3",{children:"Filters"}),Object(c.jsx)("button",{className:"clear-filters",onClick:s,children:"Clear all"})]}),Object(c.jsx)("div",{className:"scrollable",children:Object(c.jsx)("div",{className:"scrollable__content",children:t&&Object.entries(t).map((function(e){var t=Object(i.a)(e,2),s=t[0],l=t[1];return Object(c.jsx)(a.FilterSection,{title:o(s),options:l,selectedOptions:n[s]||[],onToggle:function(e){return r(s,e)}},s)}))})})]})})}},function(e,t,n){"use strict";n.r(t),n.d(t,"ViewControls",(function(){return c}));n(0);var i=n(58),a=n(7);function c(e){var t=e.viewMode,n=e.onViewModeChange;return Object(a.jsxs)("div",{className:"view-controls",children:[Object(a.jsx)("span",{className:"view-label",children:"View as"}),Object(a.jsx)("button",{className:"view-toggle ".concat(t===i.VIEW_MODES.GRID?"-active":""),onClick:function(){return n(i.VIEW_MODES.GRID)},"aria-label":"Grid view",children:Object(a.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(a.jsx)("path",{d:"M3 9H7V5H3V9ZM3 14H7V10H3V14ZM8 14H12V10H8V14ZM13 14H17V10H13V14ZM8 9H12V5H8V9ZM13 5V9H17V5H13ZM18 14H22V10H18V14ZM3 19H7V15H3V19ZM8
119H12V15H8V19ZM13 19H17V15H13V19ZM18 19H22V15H18V19ZM18 5V9H22V5H18Z"})})}),Object(a.jsx)("button",{className:"view-toggle ".concat(t===i.VIEW_MODES.MASONRY?"-active":""),onClick:function(){return n(i.VIEW_MODES.MASONRY)},"aria-label":"Masonry view",children:Object(a.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(a.jsx)("path",{d:"M3 19H9V12H3V19ZM10 19H22V12H10V19ZM3 5V11H22V5H3Z"})})})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"ImageGrid",(function(){return o}));var i=n(0),a=n(66),c=n(67),r=n(58),s=n(7),o=Object(i.forwardRef)((function(e,t){var n=e.items,o=e.viewMode,l=e.onItemClick,d=e.onScroll,j=e.hasMore,u=e.loading,m=Object(i.useRef)(null);return Object(i.useImperativeHandle)(t,(function(){return{scrollToTop:function(){m.current&&(m.current.scrollTop=0)}}})),Object(s.jsxs)("div",{className:"data-explorer__grid-container",onScroll:d,ref:m,children:[Object(s.jsx)("div",{className:"data-explorer__grid ".concat(o===r.VIEW_MODES.MASONRY?"-masonry":""),children:o===r.VIEW_MODES.MASONRY?Object(s.jsx)(c.MasonryGrid,{items:n,onItemClick:l}):n.map((function(e,t){return Object(s.jsx)(a.ImageItem,{item:e,onClick:l},"".concat(e.filename,"-").concat(t))}))}),j&&!u&&Object(s.jsx)("div",{className:"data-explorer__load-more",children:Object(s.jsx)("p",{className:"-small",children:"Scroll for more..."})})]})}))},function(e,t,n){"use strict";n.r(t),n.d(t,"SiteNavigationHeader",(function(){return c}));n(0);var i=n(56),a=n(7);function c(e){var t=e.siteName,n=e.onPrevSite,c=e.onNextSite,r=e.totalSites,s=e.currentIndex;return Object(a.jsxs)("div",{className:"site-navigation-header",children:[Object(a.jsx)("button",{className:"site-nav-arrow",onClick:n,"aria-label":"Previous site",children:Object(a.jsx)(i.ArrowIcon,{className:"-flip"})}),Object(a.jsxs)("div",{className:"site-name",children:[Object(a.jsxs)("span",{className:"-small",children:["Site ",s+1," of ",r]}),Object(a.jsx)("h4",{children:t})]}),Object(a.jsx)("button",{className:"site-nav-arrow",onClick:c,"aria-label":"Next site",children:Object(a.jsx)(i.ArrowIcon,{})})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"SiteImageViewer",(function(){return o}));var i=n(45),a=n(0),c=n(68),r=n(56),s=n(7);function o(e){var t=e.image,n=e.images,o=e.onPrevImage,l=e.onNextImage,d=e.onImageClick,j=Object(a.useState)(!1),u=Object(i.a)(j,2),m=u[0],b=u[1];if(!t)return Object(s.jsx)("div",{className:"site-image-viewer",children:Object(s.jsx)("div",{className:"site-image-viewer__empty",children:Object(s.jsx)("p",{children:"No images available for this site"})})});var h=t.vimeo_id&&""!==t.vimeo_id,O=n.findIndex((function(e){return e.filename===t.filename}));return Object(s.jsxs)("div",{className:"site-image-viewer",children:[Object(s.jsxs)("div",{className:"site-image-viewer__image-container",children:[Object(s.jsxs)("div",{className:"site-image-viewer__image-header",children:[Object(s.jsx)("button",{className:"image-nav-arrow",onClick:o,"aria-label":"Previous image",children:Object(s.jsx)(r.ArrowIcon,{className:"-flip"})}),Object(s.jsxs)("span",{className:"image-counter",children:[O+1," of ",n.length]}),Object(s.jsx)("button",{className:"image-nav-arrow",onClick:l,"aria-label":"Next image",children:Object(s.jsx)(r.ArrowIcon,{})})]}),Object(s.jsx)("div",{className:"site-image-viewer__image",onClick:function(){return d(t)},children:h?Object(s.jsxs)("div",{className:"site-image-viewer__video-placeholder",children:[Object(s.jsx)("img",{src:"https://vumbnail.com/".concat(t.vimeo_id,".jpg"),alt:t.filename,onError:function(e){e.target.style.display="none"}}),Object(s.jsx)("div",{className:"site-image-viewer__play-icon",children:Object(s.jsx)(r.PlayIcon,{})})]}):Object(s.jsxs)(s.Fragment,{children:[t.lqip&&Object(s.jsx)("img",{src:t.lqip,alt:"",className:"site-image-viewer__lqip ".concat(m?"-hidden":""),"aria-hidden":"true"}),Object(s.jsx)("img",{src:"assets/expeditions-data/thumbnails/".concat(encodeURIComponent(t.filename)),alt:t.filename,className:"site-image-viewer__full ".concat(m?"-loaded":""),onLoad:function(){return b(!0)}})]})})]}),Object(s.jsx)(c.ImageMetadata,{item:t})]})}},function(e){e.exports=JSON.parse('{"organisms":["Anemone","Cephalopod","Clam","Cnidarian","Coral","Corallimorph","Coralline Algae","Crinoid","Crustacean","Ctenophore","Dwarf cuttlefish","Echinoderm","Eggs","Fish","Human","Nudibranch","Sand or rubble","Seahorse","Sponge","Thaliacean","Trash","Tunicate","Turtle","Worm"],"cephalopod_behavior":["3D texture","Burying","Camouflage","Deimatic","Dynamic skin waves","Hunting/eating","Pale","Social skin pattern","Vibrant color","Walking"],"data_type":["Photo","Video"],"lens_type":["Macro","Wide-angle"],"time_range":["Afternoon","Dusk","Morning","Night"],"depth_range":["0-5 m","10-15 m","15-20 m","20-25 m","25 m +","5-10 m"],"site_name":["Arthur\'s Reef","Batoc","Bethlehem","Blackwater","CBR House Reef","Dead Palm","Koala","Matu Point","Saddle","Saimsim","Secret Bay","Twin Rocks"],"site_type":["Muck","Open water","Reef"],"flash":["With flash","Without flash"]}')},function(e,t,n){"use strict";n.r(t),n.d(t,"MediaModal",(function(){return o}
1));var i=n(45),a=n(0),c=n(56),r=n(7);function s(e){var t=e.item,n=Object(a.useState)(!1),c=Object(i.a)(n,2),s=c[0],o=c[1];return console.log({imageLoaded:s}),Object(a.useEffect)((function(){var e=new Image;e.src="assets/expeditions-data/images/".concat(encodeURIComponent(t.filename)),e.complete&&setTimeout((function(){o(!0)}),3e3)}),[t]),Object(r.jsxs)("div",{className:"media-modal__image-container",children:[Object(r.jsx)("img",{src:"assets/expeditions-data/images/".concat(encodeURIComponent(t.filename)),alt:t.filename,className:"media-modal__full-image ".concat(s?"-loaded":""),onLoad:function(){o(!0)}}),t.lqip&&Object(r.jsx)("img",{src:t.lqip,alt:"",className:"media-modal__lqip ".concat(s?"-hidden":""),"aria-hidden":"true"}),!s&&Object(r.jsx)("div",{className:"media-modal__loading-spinner",children:Object(r.jsx)("div",{className:"spinner"})})]})}function o(e){var t=e.item,n=e.allItems,i=e.onClose,o=e.onNavigate,l=t&&n.length>0?n.findIndex((function(e){return e.filename===t.filename})):-1,d=n.length>1,j=n.length>1,u=!!t&&(t.vimeo_id&&""!==t.vimeo_id),m=Object(a.useCallback)((function(e){var t=(l+e+n.length)%n.length;o(n[t])}),[l,n,o]);return Object(a.useEffect)((function(){var e=function(e){t&&("Escape"!==e.key?"ArrowLeft"===e.key&&j?(e.preventDefault(),m(-1)):"ArrowRight"===e.key&&d&&(e.preventDefault(),m(1)):i())};if(t)return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}}),[t,d,j,i,m]),t?Object(r.jsxs)("div",{className:"media-modal__backdrop",onClick:i,children:[j&&Object(r.jsx)("button",{className:"media-modal__nav media-modal__nav--prev",onClick:function(e){e.stopPropagation(),m(-1)},"aria-label":"Previous image",children:Object(r.jsx)(c.ArrowIcon,{className:"-flip"})}),Object(r.jsxs)("div",{className:"media-modal__content",onClick:function(e){return e.stopPropagation()},children:[Object(r.jsxs)("div",{className:"media-modal__controls",children:[Object(r.jsx)("a",{href:"assets/expeditions-data/images/".concat(encodeURIComponent(t.filename)),download:t.filename,className:"media-modal__download","aria-label":"Download image",children:Object(r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(r.jsx)("path",{d:"M11.0832 5.25H8.74984V1.75H5.24984V5.25H2.9165L6.99984 9.33333L11.0832 5.25ZM2.9165 10.5V11.6667H11.0832V10.5H2.9165Z"})})}),Object(r.jsx)("button",{className:"media-modal__close",onClick:i,children:Object(r.jsx)("img",{src:"assets/icons/close.svg",alt:"Close"})})]}),Object(r.jsx)("div",{className:"media-modal__media",children:u?Object(r.jsx)("iframe",{src:"https://player.vimeo.com/video/".concat(t.vimeo_id,"?autoplay=1"),width:"100%",height:"100%",frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:"Video: ".concat(t.filename)}):Object(r.jsx)(s,{item:t},t.filename)}),Object(r.jsx)("div",{className:"media-modal__metadata",children:Object(r.jsxs)("div",{className:"metadata-grid",children:[t.organisms&&t.organisms.length>0&&Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Organisms:"}),Object(r.jsx)("p",{children:t.organisms.join(", ")})]}),t.cephalopod_behavior&&t.cephalopod_behavior.length>0&&Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Behavior:"}),Object(r.jsx)("p",{children:t.cephalopod_behavior.join(", ")})]}),t.site_name&&Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Site:"}),Object(r.jsxs)("p",{children:[t.site_name," (",t.site_type,")"]})]}),t.date&&Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Date:"}),Object(r.jsx)("p",{children:t.date})]}),t.depth&&Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Depth:"}),Object(r.jsxs)("p",{children:[t.depth," m (",t.depth_range,")"]})]}),t.time_range&&Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Time:"}),Object(r.jsx)("p",{children:t.time_range})]}),t.lens_type&&Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Lens:"}),Object(r.jsx)("p",{children:t.lens_type})]}),Object(r.jsxs)("div",{children:[Object(r.jsx)("p",{className:"-bold",children:"Flash:"}),Object(r.jsx)("p",{children:t.flash?"Yes":"No"})]})]})})]}),d&&Object(r.jsx)("button",{className:"media-modal__nav media-modal__nav--next",onClick:function(e){e.stopPropagation(),m(1)},"aria-label":"Next image",children:Object(r.jsx)(c.ArrowIcon,{})})]}):null}},function(e,t,n){"use strict";n.r(t),n.d(t,"GalleryTab",(function(){return o}
1));var i=n(0),a=n(70),c=n(71),r=n(72),s=n(7),o=Object(i.forwardRef)((function(e,t){var n=e.filterOptions,i=e.selectedFilters,o=e.displayedImages,l=e.viewMode,d=e.hasMore,j=e.loading,u=e.onFilterToggle,m=e.onClearAllFilters,b=e.onViewModeChange,h=e.onItemClick,O=e.onScroll;return Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)(a.FiltersSidebar,{filterOptions:n,selectedFilters:i,onFilterToggle:u,onClearAll:m}),Object(s.jsxs)("div",{className:"data-explorer__main",children:[Object(s.jsx)(c.ViewControls,{viewMode:l,onViewModeChange:b}),Object(s.jsx)(r.ImageGrid,{ref:t,items:o,viewMode:l,onItemClick:h,onScroll:O,hasMore:d,loading:j})]})]})}))},function(e,t,n){"use strict";n.r(t),n.d(t,"MapTab",(function(){return s}));n(0);var i=n(73),a=n(74),c=n(69),r=n(7);function s(e){var t=e.currentSite,n=e.currentSiteImages,s=e.currentImage,o=e.currentSiteIndex,l=e.siteNames,d=e.onPrevSite,j=e.onNextSite,u=e.onPrevImage,m=e.onNextImage,b=e.onImageClick,h=e.onSiteSelect;return Object(r.jsxs)("div",{className:"map-tab",children:[Object(r.jsx)(i.SiteNavigationHeader,{siteName:t,onPrevSite:d,onNextSite:j,totalSites:l.length,currentIndex:o}),Object(r.jsxs)("div",{className:"map-tab__content",children:[Object(r.jsx)(a.SiteImageViewer,{image:s,images:n,onPrevImage:u,onNextImage:m,onImageClick:b}),Object(r.jsx)(c.DiveSiteMap,{currentSite:t,siteNames:l,onSiteSelect:h})]})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"ObservationsTab",(function(){return u}));var i=n(45),a=n(0),c=n(143),r=n(56),s=n(7),o={habitat:"Habitat",behavior:"Behaviours"};function l(e){var t=e.mediaId,n=e.alt,c=Object(a.useState)(!1),r=Object(i.a)(c,2),o=r[0],l=r[1];return Object(s.jsxs)("div",{className:"observations-tab__media-image",children:[Object(s.jsx)("img",{src:"assets/expeditions-data/thumbnails/".concat(encodeURIComponent(t)),alt:"",className:"observations-tab__placeholder ".concat(o?"-hidden":""),"aria-hidden":"true"}),Object(s.jsx)("img",{src:"assets/expeditions-data/images/".concat(encodeURIComponent(t)),alt:n,className:"observations-tab__full-image ".concat(o?"-loaded":""),onLoad:function(){return l(!0)}})]})}function d(e){var t=e.videoId,n=e.title,c=Object(a.useState)(!1),o=Object(i.a)(c,2),l=o[0],d=o[1];return l?Object(s.jsx)("div",{className:"observations-tab__media-video",children:Object(s.jsx)("iframe",{src:"https://player.vimeo.com/video/".concat(t,"?autoplay=1"),frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:n})}):Object(s.jsxs)("div",{className:"observations-tab__media-video -thumbnail",onClick:function(){return d(!0)},role:"button",tabIndex:0,onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d(!0))},children:[Object(s.jsx)("img",{src:"https://vumbnail.com/".concat(t,".jpg"),alt:n,onError:function(e){e.target.style.display="none"}}),Object(s.jsx)("div",{className:"observations-tab__play-icon",children:Object(s.jsx)(r.PlayIcon,{})})]})}function j(e){return e?e.habitat&&e.habitat.length>0?{section:"habitat",index:0,item:e.habitat[0]}:e.behavior&&e.behavior.length>0?{section:"behavior",index:0,item:e.behavior[0]}:null:null}function u(e){var t=e.observations,n=Object(a.useState)((function(){return j(t)})),r=Object(i.a)(n,2),u=r[0],m=r[1],b=Object(a.useRef)(null),h=function(e){var t;m(e),null===(t=b.current)||void 0===t||t.scrollTo({top:0})};Object(a.useEffect)((function(){m(j(t))}),[t]);var O=Object(a.useMemo)((function(){return{habitat:(null===t||void 0===t?void 0:t.habitat)||[],behavior:(null===t||void 0===t?void 0:t.behavior)||[]}}),[t]);return t?Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)("aside",{className:"data-explorer__sidebar observations-tab__sidebar",children:Object(s.jsx)("div",{className:"observations-tab__sidebar-content",children:Object.entries(O).map((function(e){var t=Object(i.a)(e,2),n=t[0],a=t[1];return Object(s.jsxs)("div",{className:"observations-tab__section",children:[Object(s.jsx)("h3",{className:"observations-tab__section-title",children:o[n]||n}),Object(s.jsx)("div",{className:"observations-tab__items",children:a.map((function(e,t){var i=(null===u||void 0===u?void 0:u.section)===n&&(null===u||void 0===u?void 0:u.index)===t;return Object(s.jsx)("span",{role:"button",tabIndex:0,className:"observations-tab__item ".concat(i?"-active":""),onClick:function(){return h({section:n,index:t,item:e})},onKeyDown:function(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),h({section:n,index:t,item:e}))},children:e.title},"".concat(n,"-").concat(t))}))})]},n)}))})}),Object(s.jsx)("div",{className:"data-explorer__main observations-tab__main",ref:b,children:u?Object(s.jsxs)("div",{className:"observations-tab__content",children:[Object(s.jsx)("h4",{className:"observations-tab__title",children:u.item.title}),Object(s.jsx)("div",{className:"observations-tab__text",children:(u.item.text||[]).map((function(e,t){return"text"!==e.type?null:Object(s.jsx)("p",{children:Object(c.a)(e.value)},"text-".concat(t))}))}),u.item.media&&u.item.media.length>0&&Object(s.jsx)("div",{className:"observations-tab__media",children:u.item.media.map((function(e,t){return"video"===e.type?Object(s.jsx)(d,{videoId:e.id,title:"".concat(u.item.title," video ").concat(t+1)},"media-".concat(t)):Object(s.jsx)(l,{mediaId:e.id,alt:u.item.title},"media-".concat(t))}))})]},"".concat(u.section,"-").concat(u.index)):Object(s.jsx)("div",{className:"data-explorer__placeholder",children:Object(s.jsx)("p",{children:"Select an observation"})})})]}):Object(s.jsx)("div",{className:"data-explorer__placeholder",children:Object(s.jsx)("p",{children:"No observations available"})})}},function(e,t,n){"use strict";n.r(t),n.d(t,"TabNavigation",(function(){return a}));n(0);var i=n(7);function a(e){var t=e.tabs,n=e.activeTab,a=e.onTabChange;return Object(i.jsx)("div",{className:"data-explorer__header",children:Object(i.jsx)("div",{className:"data-explorer__tabs",children:t.map((function(e){return Object(i.jsx)("button",{className:"tab ".concat(n===e.id?"-active":""),onClick:function(){return a(e.id)},children:e.label},e.id)}))})})}},function(e,t,n){"use strict";n.r(t),n.d(t,"useDataExplorer",(function(){return d}));var i=n(140),a=n(142),c=n(141),r=n(45),s=n(0),o=n(75),l=n(82);function d(e,t){var n=Object(s.useState)(o),d=Object(r.a)(n,1)[0],j=Object(s.useState)(l),u=Object(r.a)(j,1)[0],m=Object(s.useState)({}),b=Object(r.a)(m,2),h=b[0],O=b[1],x=Object(s.useState)([]),p=Object(r.a)(x,2),v=p[0],f=p[1],g=Object(s.useState)([]),N=Object(r.a)(g,2),y=N[0],w=N[1],_=Object(s.useState)(null),S=Object(r.a)(_,2),I=S[0],C=S[1],k=Object(s.useState)(!0),M=Object(r.a)(k,2),E=M[0],T=M[1],A=Object(s.useState)(50),B=Object(r.a)(A,2),H=B[0],P=B[1],R=Object(s.useState)(!0),V=Object(r.a)(R,2),L=V[0],F=V[1],D=Object(s.useState)("gallery"),Z=Object(r.a)(D,2),G=Z[0],W=Z[1],Y=Object(s.useState)("masonry"),U=Object(r.a)(Y,2),z=U[0],q=U[1],K=Object(s.useState)(0),J=Object(r.a)(K,2),Q=J[0],X=J[1],$=Object(s.useState)(0),ee=Object(r.a)($,2),te=ee[0],ne=ee[1],ie=Object(s.useMemo)((function(){var e={};return u.forEach((function(t){e[t.site_name]||(e[t.site_name]=[]),e[t.site_name].push(t)})),e}),[u]),ae=Object(s.useMemo)((function(){return Object.keys(ie).sort()}),[ie]),ce=ae[Q],re=ie[ce]||[],se=re[te];Object(s.useEffect)((function(){f(l),w(l.slice(0,50)),T(!1);var e={};
1Object.keys(o).forEach((function(t){e[t]=[]})),O(e)}),[]),Object(s.useEffect)((function(){return document.body.style.overflow=e?"hidden":"",function(){document.body.style.overflow=""}}),[e]),Object(s.useEffect)((function(){var n=function(e){"Escape"!==e.key||I||t()};if(e)return window.addEventListener("keydown",n),function(){return window.removeEventListener("keydown",n)}}),[e,I,t]),Object(s.useEffect)((function(){if(u.length){var e=u.filter((function(e){for(var t=function(){var t=Object(r.a)(i[n],2),a=t[0],c=t[1];if(0===c.length)return"continue";if("organisms"===a||"cephalopod_behavior"===a){if(!c.some((function(t){return e[a].includes(t)})))return{v:!1}}else if("flash"===a){var s=e.flash?"With flash":"Without flash";if(!c.includes(s))return{v:!1}}else if(!c.includes(e[a]))return{v:!1}},n=0,i=Object.entries(h);n<i.length;n++){var a=t();if("continue"!==a&&"object"===typeof a)return a.v}return!0}));f(e),w(e.slice(0,50)),P(50),F(e.length>50)}}),[h,u]);return{filterOptions:d,selectedFilters:h,displayedImages:y,filteredImages:v,loading:E,hasMore:L,selectedItem:I,activeTab:G,viewMode:z,currentSite:ce,currentSiteImages:re,currentImage:se,currentSiteIndex:Q,currentImageIndex:te,siteNames:ae,setSelectedItem:C,handleFilterToggle:function(e,t){O((function(n){var r=n[e]||[],s=r.includes(t);return Object(c.a)(Object(c.a)({},n),{},Object(i.a)({},e,s?r.filter((function(e){return e!==t})):[].concat(Object(a.a)(r),[t])))}))},handleScroll:function(e){var t=e.target,n=t.scrollTop;t.scrollHeight-n<=1.2*t.clientHeight&&L&&!E&&function(){var e=H+50;w(v.slice(0,e)),P(e),F(e<v.length)}()},clearAllFilters:function(){var e={};Object.keys(d).forEach((function(t){e[t]=[]})),O(e)},setActiveTab:W,setViewMode:q,navigateToNextSite:function(){X((function(e){return(e+1)%ae.length})),ne(0)},navigateToPrevSite:function(){X((function(e){return(e-1+ae.length)%ae.length})),ne(0)},navigateToNextImage:function(){ne((function(e){return(e+1)%re.length}))},navigateToPrevImage:function(){ne((function(e){return(e-1+re.length)%re.length}))},selectSite:function(e){e>=0&&e<ae.length&&(X(e),ne(0))}}}},,function(e,t,n){"use strict";n.r(t),n.d(t,"ColorUnderwater",(function(){return s}));var i=n(0),a=(n(114),n(11)),c=n(12),r=n(7);function s(e){e.content;var t=Object(a.useBreakpointContext)().isMobile;return Object(i.useEffect)((function(){["assets/expeditionspage/color-underwater/color-underwater-".concat(t?"mobile":"desktop",".png")].forEach((function(e){(new Image).src=e}))}),[t]),Object(r.jsxs)("section",{className:"inset no-border color-underwater",children:[Object(r.jsx)(c.SectionHeader,{title:"Color Underwater",topBorder:!0}),Object(r.jsx)("div",{className:"image",children:Object(r.jsx)("img",{src:"assets/expeditionspage/color-underwater/color-underwater-".concat(t?"mobile":"desktop",".png"),alt:"Color underwater"})})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"Goals",(function(){return d}));var i=n(142),a=n(45),c=n(0),r=n(12),s=n(11),o=(n(114),n(7)),l=function(e){var t=e.title,n=e.items,i=e.currentIndex,a=e.onIndexChange,c=e.isMobile,r=void 0!==c&&c;return Object(o.jsxs)("div",{className:r?"fullColumn":"inset-half-column",children:[!r&&Object(o.jsx)("div",{className:"dashed-border bottom",children:Object(o.jsx)("h3",{children:t})}),Object(o.jsxs)("div",{className:"card-slider",children:[Object(o.jsxs)("div",{className:"card",children:[Object(o.jsx)("h3",{children:n[i].title}),Object(o.jsx)("img",{src:"assets/expeditionspage/goals/".concat(n[i].image),alt:"Illustration",className:"card-illustration"}),Object(o.jsx)("p",{children:n[i].text})]}),Object(o.jsxs)("div",{className:"navigation",children:[Object(o.jsx)("img",{src:"assets/icons/left_arrow.svg",alt:"previous",onClick:function(){a((function(e){return(e-1+n.length)%n.length}))},className:"nav-arrow"}),Object(o.jsx)("img",{src:"assets/icons/right_arrow.svg",alt:"next",onClick:function(){a((function(e){return(e+1)%n.length}))},className:"nav-arrow"})]})]})]})};function d(e){var t=e.content,n=Object(c.useState)(0),d=Object(a.a)(n,2),j=d[0],u=d[1],m=Object(c.useState)(0),b=Object(a.a)(m,2),h=b[0],O=b[1],x=Object(c.useState)(0),p=Object(a.a)(x,2),v=p[0],f=p[1],g=Object(s.useBreakp
1ointContext)(),N=g.isMobile,y=g.isTablet;Object(c.useEffect)((function(){var e=[].concat(Object(i.a)(t.goals.habitat.map((function(e){return e.image}))),Object(i.a)(t.goals.behavior.map((function(e){return e.image}))));e.forEach((function(e){(new Image).src="assets/expeditionspage/goals/".concat(e)}))}),[t.goals]);var w=[].concat(Object(i.a)(t.goals.habitat),Object(i.a)(t.goals.behavior)),_=t.goals.habitat.length,S=function(e){return e<_?"Habitat":"Behavior"};return N||y?Object(o.jsxs)("section",{className:"container inset goals no-border",children:[Object(o.jsx)(r.SectionHeader,{title:"Goals",topBorder:!0}),Object(o.jsx)("div",{className:"dashed-border bottom",children:Object(o.jsx)("h3",{children:S(v)})}),Object(o.jsx)(l,{title:S(v),items:w,currentIndex:v,onIndexChange:f,isMobile:!0})]}):Object(o.jsxs)("section",{className:"container inset no-border goals",children:[Object(o.jsx)(r.SectionHeader,{title:"Goals",topBorder:!0}),Object(o.jsxs)("div",{className:"flex",children:[Object(o.jsx)(l,{title:"Habitat",items:t.goals.habitat,currentIndex:j,onIndexChange:u}),Object(o.jsx)(l,{title:"Behavior",items:t.goals.behavior,currentIndex:h,onIndexChange:O})]})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"Header",(function(){return l}));var i=n(0),a=n.n(i),c=n(143),r=n(15),s=n(11),o=(n(114),n(7));function l(e){var t=e.content,n=Object(s.useBreakpointContext)(),i=n.isMobile,a=n.isTablet;return Object(o.jsx)("section",{className:"inset no-border",children:Object(o.jsxs)("div",{className:"inset",children:[Object(o.jsxs)("div",{className:"video-top",children:[Object(o.jsx)(r.Video,{src:"https://player.vimeo.com/video/".concat(t.header.video,"?background=1")}),Object(o.jsx)("h2",{className:"header-title",children:t.header.title}),i||a?null:Object(o.jsx)(d,{summary:t.header.summary,items:t.header.items,isMobile:i,isTablet:a})]}),(i||a)&&Object(o.jsx)(d,{summary:t.header.summary,items:t.header.items,isMobile:i,isTablet:a})]})})}function d(e){var t=e.summary,n=e.items,i=e.isMobile,r=e.isTablet;return Object(o.jsxs)("div",{className:"overlay-content vstack",children:[Object(o.jsx)("p",{children:t}),Object(o.jsx)("div",{className:"stats-line",children:n.map((function(e,t){return Object(o.jsxs)(a.a.Fragment,{children:[Object(o.jsx)("span",{children:Object(c.a)(e.text)}),(i||r)&&t<n.length-1&&Object(o.jsx)("div",{className:"divider"})]},t)}))})]})}},function(e,t,n){"use strict";n.r(t),n.d(t,"IdentifyingCuttlefish",(function(){return d}));var i=n(45),a=n(0),c=n(12),r=(n(114),n(11)),s=n(7),o=function(e,t,n){return e+(t-e)*n},l=function(e,t,n){var i=n.current,a=n.next,c=n.localProgress,r=-1===i?{zoom:1,x:50,y:50}:t[i],s=a>=t.length?t[i]:t[a],l=function(e){return 1-Math.pow(1-e,4)}(c),d=o(r.zoom,s.zoom,l),j=o(r.x,s.x,l),u=o(r.y,s.y,l);return{scale:1+(d-1)*e,transformOrigin:"".concat(j,"% ").concat(u,"%")}};function d(e){var t=e.content,n=Object(a.useRef)(null),o=Object(a.useRef)(null),d=Object(r.useBreakpointContext)(),j=d.isMobile,u=d.isTablet,m=Object(a.useState)(null),b=Object(i.a)(m,2),h=b[0],O=b[1],x=(t.identify.captions||[]).map((function(e){return{title:e.title,body:e.body,zoom:Number(e.zoom),x:Number(e.x),y:Number(e.y)}})),p=function(e,t){var n,i,a=Math.min(1440,window.innerWidth)-48,c=e||t?.6666666666666666:1.5,r=e||t?62:88,s=window.innerHeight-r,o=a/c;return o<=s?(n=a,i=o):(n=s*c,i=s),{imageWidth:n,imageHeight:i}}(j,u),v=(p.imageWidth,p.imageHeight),f=j||u?62:88,g=.5*(window.innerHeight-f-v)+f;return Object(a.useEffect)((function(){var e=function(){if(n.current&&o.current){var e=function(e){var t=e.getBoundingClientRect(),n=Math.max(0,window.innerHeight-t.top);return Math.min(1,Math.max(0,n/t.height))}(n.current),t=function(e,t){var n=e*t,i=Math.floor(n)-1,a=i+1,c=n%1;return{current:i,next:a,displayCaption:c<=.2?i:c>=.45?a:null,localProgress:c}}(e,x.length);O(t.displayCaption);var i=l(e,x,t),a=i.scale,c=i.transformOrigin;o.current.style.transform="scale(".concat(a,")"),o.current.style.transformOrigin=c}};return window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[]),Object(s.jsx)(s.Fragment,{children:Object(s.jsxs)("section",{className:"container inset identifying-cuttlefish no-border",children:[Object(s.jsx)(c.SectionHeader,{title:"How do you identify the dwarf cuttlefish?",topBorder:!0}),Object(s.jsxs)("div",{className:"vstack",children:[Object(s.jsx)("p",{className:"narrow center padded",children:t.identify.intro}),Object(s.jsx)("div",{className:"image-wrapper",style:{position:"sticky",top:"".concat(g,"px"),width:"100%",overflow:"hidden",height:"".concat(v,"px")},children:Object(s.jsxs)("div",{className:"image-container",style:{position:"relative",height:"100%",width:"100%",overflow:"hidden"},children:[Object(s.jsx)("img",{ref:o,src:"assets/expeditionspage/identifying-cuttlefish.jpg",alt:"Identifying cuttlefish",className:"identifying-cuttlefish-image",style:{width:"100%",transformOrigin:"center",height:"100%",objectFit:"cover"}}),x.map((function(e,t){return Object(s.jsx)("div",{className:"caption-overlay",style:{position:"absolute",top:"5%",left:"3%",width:"100%",height:"100%",zIndex:1e3,display:"flex",alignItems:"start",justifyContent:"flex-start",opacity:h===t?1:0,transition:"opacity 0.2s ease-in-out",pointerEvents:h===t?"auto":"none"},children:Object(s.jsxs)("div",{className:"caption-content",style:{background:"black",borderRadius:"15p
1x",padding:"16px",display:"flex",alignItems:"center",gap:"24px",maxWidth:"600px",width:"90%",marginBottom:"6%"},children:[Object(s.jsx)("img",{src:"assets/expeditionspage/caption".concat(t+1,".png"),alt:"Caption illustration",style:{width:"80px",height:"80px",objectFit:"cover",borderRadius:"8px"}}),Object(s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px",flex:1},children:[Object(s.jsx)("h3",{style:{margin:0,fontWeight:"bold",color:"white",fontSize:"18px"},children:e.title}),Object(s.jsx)("p",{style:{margin:0,color:"white",fontSize:"14px",lineHeight:"1.4"},children:e.body})]})]})},t)}))]})}),Object(s.jsx)("div",{ref:n,style:{height:"400vh"}})]})]})})}},function(e,t,n){"use strict";n.r(t),n.d(t,"Intro",(function(){return c}));n(0),n(114);var i=n(11),a=n(7);function c(e){var t=e.content,n=Object(i.useBreakpointContext)(),c=n.isMobile,r=n.isTablet;return Object(a.jsx)("section",{className:"maps inset padded no-border",children:Object(a.jsxs)("div",{className:"vstack narrow",children:[Object(a.jsx)("div",{children:Object(a.jsx)("h2",{className:"center",children:t.intro.text1})}),Object(a.jsx)("div",{className:"padded flex",children:Object(a.jsx)("div",{className:"skinny dashed-border explore-data-link",children:Object(a.jsxs)("a",{href:"#explore-data",className:"center no-underline",style:{textDecoration:"none"},onClick:function(e){e.preventDefault();var t=document.getElementById("explore-data");if(t){var n=c||r?62:88;window.scrollTo({top:t.offsetTop-n,behavior:"smooth"})}},children:[Object(a.jsx)("span",{children:"Jump to the data"}),Object(a.jsx)("img",{src:"assets/expeditionspage/arrow-right.svg",alt:"arrow right"})]})})}),Object(a.jsx)("div",{className:"image",children:Object(a.jsx)("img",{src:"assets/expeditionspage/map1.png",alt:"Expedition 1"})}),Object(a.jsx)("div",{className:"divider"}),Object(a.jsx)("p",{className:"center skinny",children:t.intro.text2}),Object(a.jsx)("div",{className:"image",children:Object(a.jsx)("img",{src:"assets/expeditionspage/map2.png",alt:"Expedition 1"})})]})})}},function(e,t,n){"use strict";n.r(t),n.d(t,"Team",(function(){return c}));n(0);var i=n(12),a=n(7);function c(e){var t=e.content;return Object(a.jsxs)("section",{className:"inset padded no-border",children:[Object(a.jsx)(i.SectionHeader,{title:"Team",topBorder:!0}),Object(a.jsxs)("div",{className:"vstack padded",children:[Object(a.jsx)("p",{className:"center narrow",children:t.team.text}),Object(a.jsx)("div",{className:"team-grid",children:t.team.items.map((function(e,t){return Object(a.jsxs)("div",{className:"team-member",children:[Object(a.jsx)("div",{className:"team-member-image",children:Object(a.jsx)("img",{src:"assets/expeditionspage/team/".concat(e.name.toLowerCase().split(" ").join("-").replace(".",""),".jpg"),alt:e.name})}),Object(a.jsxs)("p",{children:[e.name,Object(a.jsx)("br",{}),Object(a.jsx)("span",{children:e.role})]})]},t)}))})]})]})}},,,,,,,,,,,function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return o}));var i=n(18),a=n(48),c=n(34),r=n(61),s=n(7);function o(){var e,t,n,o=null===(e=r.downloads.sections.find((function(e){return"Expedition"===e.title})))||void 0===e||null===(t=e.items)||void 0===t||null===(n=t[0])||void 0===n?void 0:n.link;return Object(s.jsxs)(i.Layout,{theme:"dark",pageClass:"infopage-wrapper",children:[Object(s.jsx)(a.a,{children:Object(s.jsx)("title",{children:" Expeditions | Cuttlebase "})}),Object(s.jsx)(c.ExpeditionsPage,{content:r.expeditions,downloadLink:o})]})}},,,,,,,,,,,,,,function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},,,,,,,,,,,function(e,t,n){},,,,,,,,,,,,function(e,t,n){"use strict";function i(e,t){if(null==e)return{};var n,i,a=function(e,t){if(null==e)return{};var n,i,a={},c=Object.keys(e);for(i=0;i<c.length;i++)n=c[i],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(i=0;i<c.length;i++)n=c[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,"a",(function(){return i}))},function(e,t,n){"use strict";function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"a",(function(){return i}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var i=n(140);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};
1t%2?a(Object(n),!0).forEach((function(t){Object(i.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}},function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var i=n(29);var a=n(145),c=n(47);function r(e){return function(e){if(Array.isArray(e))return Object(i.a)(e)}(e)||Object(a.a)(e)||Object(c.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},,,function(e,t,n){"use strict";function i(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}n.d(t,"a",(function(){return i}))}]]); 2//# sourceMappingURL=36.335adbab.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.