@nasa-terra/components 0.0.191 → 0.0.192

package/dist/chunks/chunk.TEOQ7XY3.js

@@ -0,0 +1,67 @@
+import{a as k}from"./chunk.W6DGR4DK.js";import{c as v}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.I6BL3WPE.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as y,b as S}from"./chunk.WEMSJJQN.js";import{a as g,e as r}from"./chunk.INFVQQSJ.js";var _=(h,d)=>{let t=0;return function(...i){window.clearTimeout(t),t=window.setTimeout(()=>{h.call(this,...i)},d)}},A=(h,d,t)=>{let i=h[d];h[d]=function(...e){i.call(this,...e),t.call(this,i,...e)}},M="onscrollend"in window;if(!M){let h=new Set,d=new WeakMap,t=e=>{for(let s of e.changedTouches)h.add(s.identifier)},i=e=>{for(let s of e.changedTouches)h.delete(s.identifier)};document.addEventListener("touchstart",t,!0),document.addEventListener("touchend",i,!0),document.addEventListener("touchcancel",i,!0),A(EventTarget.prototype,"addEventListener",function(e,s){if(s!=="scrollend")return;let a=_(()=>{h.size?a():this.dispatchEvent(new Event("scrollend"))},100);e.call(this,"scroll",a,{passive:!0}),d.set(this,a)}),A(EventTarget.prototype,"removeEventListener",function(e,s){if(s!=="scrollend")return;let a=d.get(this);a&&e.call(this,"scroll",a,{passive:!0})})}import{classMap as m}from"lit/directives/class-map.js";import{eventOptions as O,property as u,query as f,state as T}from"lit/decorators.js";import{html as w}from"lit";var n=class extends S{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.size="large";this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("terra-tab"),customElements.whenDefined("terra-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(i=>{let e=i.filter(({target:s})=>{if(s===this)return!0;if(s.closest("terra-tabs")!==this)return!1;let a=s.tagName.toLowerCase();return a==="terra-tab"||a==="terra-tab-panel"});if(e.length!==0){if(e.some(s=>!["aria-labelledby","aria-controls"].includes(s.attributeName))&&setTimeout(()=>this.setAriaLabels()),e.some(s=>s.attributeName==="disabled"))this.syncTabsAndPanels();else if(e.some(s=>s.attributeName==="active")){let a=e.filter(c=>c.attributeName==="active"&&c.target.tagName.toLowerCase()==="terra-tab").map(c=>c.target).find(c=>c.active);a&&this.setActiveTab(a)}}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,attributeFilter:["active","disabled","name","panel"],childList:!0,subtree:!0}),this.nav&&this.resizeObserver.observe(this.nav),t.then(()=>{let i=new IntersectionObserver((e,s)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),s.unobserve(e[0].target))});this.tabsElement&&i.observe(this.tabsElement)})})}disconnectedCallback(){var t,i;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),this.nav&&((i=this.resizeObserver)==null||i.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="terra-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("terra-tab");(e==null?void 0:e.closest("terra-tabs"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("terra-tab");if((e==null?void 0:e.closest("terra-tabs"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(l=>l.matches(":focus")),c=getComputedStyle(this).direction==="rtl",o=null;if((a==null?void 0:a.tagName.toLowerCase())==="terra-tab"){if(t.key==="Home")o=this.focusableTabs[0];else if(t.key==="End")o=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"forward")}if(!o)return;o.tabIndex=0,o.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(o,{scrollBehavior:"smooth"}):this.tabs.forEach(l=>{l.tabIndex=l===o?0:-1}),["top","bottom"].includes(this.placement)&&v(o,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=g({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled){let e=this.activeTab;this.activeTab=t,this.tabs.forEach(s=>{s.active=s===this.activeTab,s.tabIndex=s===this.activeTab?0:-1}),this.panels.forEach(s=>{var a;return s.active=s.name===((a=this.activeTab)==null?void 0:a.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&v(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("terra-tab-hide",{detail:{name:e.panel}}),this.emit("terra-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&(t.setAttribute("aria-controls",i.getAttribute("id")),i.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let i=t.clientWidth,e=t.clientHeight,s=getComputedStyle(this).direction==="rtl",a=this.getAllTabs(),o=a.slice(0,a.indexOf(t)).reduce((l,b)=>({left:l.left+b.clientWidth,top:l.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${i}px`,this.indicator.style.translate=s?`${-1*o.left}px`:`${o.left}px`;break;case"start":case"end":this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${o.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)}),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,i){let e=null,s=i==="forward"?1:-1,a=t+s;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){i==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=s}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return getComputedStyle(this).direction==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}syncSize(){this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)})}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){let t=getComputedStyle(this).direction==="rtl";return w`
+            <div
+                part="base"
+                class=${m({tabs:!0,"tabs--top":this.placement==="top","tabs--bottom":this.placement==="bottom","tabs--start":this.placement==="start","tabs--end":this.placement==="end","tabs--rtl":t,"tabs--has-scroll-controls":this.hasScrollControls,"tabs--large":this.size==="large","tabs--small":this.size==="small"})}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+            >
+                <div class="tabs__nav-container" part="nav">
+                    ${this.hasScrollControls?w`
+                              <button
+                                  part="scroll-button scroll-button--start"
+                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--start":!0,"tabs__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
+                                  tabindex="-1"
+                                  aria-hidden="true"
+                                  aria-label="Scroll to start"
+                                  @click=${this.handleScrollToStart}
+                                  type="button"
+                              >
+                                  <terra-icon
+                                      name=${t?"chevron-right":"chevron-left"}
+                                      library="heroicons"
+                                      font-size="1rem"
+                                  ></terra-icon>
+                              </button>
+                          `:""}
+
+                    <div class="tabs__nav" @scrollend=${this.updateScrollButtons}>
+                        <div part="tabs" class="tabs__tabs" role="tablist">
+                            <div
+                                part="active-tab-indicator"
+                                class="tabs__indicator"
+                            ></div>
+                            <div class="tabs__resize-observer">
+                                <slot
+                                    name="nav"
+                                    @slotchange=${this.syncTabsAndPanels}
+                                ></slot>
+                            </div>
+                        </div>
+                    </div>
+
+                    ${this.hasScrollControls?w`
+                              <button
+                                  part="scroll-button scroll-button--end"
+                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--end":!0,"tabs__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
+                                  tabindex="-1"
+                                  aria-hidden="true"
+                                  aria-label="Scroll to end"
+                                  @click=${this.handleScrollToEnd}
+                                  type="button"
+                              >
+                                  <terra-icon
+                                      name=${t?"chevron-left":"chevron-right"}
+                                      library="heroicons"
+                                      font-size="1rem"
+                                  ></terra-icon>
+                              </button>
+                          `:""}
+                </div>
+
+                <slot
+                    part="body"
+                    class="tabs__body"
+                    @slotchange=${this.syncTabsAndPanels}
+                ></slot>
+            </div>
+        `}};n.styles=[y,k],n.dependencies={"terra-icon":E},r([f(".tabs")],n.prototype,"tabsElement",2),r([f(".tabs__body")],n.prototype,"body",2),r([f(".tabs__nav")],n.prototype,"nav",2),r([f(".tabs__indicator")],n.prototype,"indicator",2),r([T()],n.prototype,"hasScrollControls",2),r([T()],n.prototype,"shouldHideScrollStartButton",2),r([T()],n.prototype,"shouldHideScrollEndButton",2),r([u()],n.prototype,"placement",2),r([u()],n.prototype,"activation",2),r([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),r([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),r([u({reflect:!0})],n.prototype,"size",2),r([O({passive:!0})],n.prototype,"updateScrollButtons",1),r([p("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),r([p("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1),r([p("size",{waitUntilFirstUpdate:!0})],n.prototype,"syncSize",1);export{n as a};

package/dist/chunks/chunk.TGY77T44.js

@@ -0,0 +1,122 @@
+import{a as B}from"./chunk.Y2G3I3B3.js";import{a as R}from"./chunk.2FKZOYDM.js";import{a as I,b as f}from"./chunk.ON5BCN2P.js";import{a as J}from"./chunk.VT3U2SB7.js";import{c as g,g as _,k as E}from"./chunk.4ZVIPOSQ.js";import{a as $}from"./chunk.QDFHF7LY.js";import{a as M}from"./chunk.JE6M4M4S.js";import{c as v}from"./chunk.BWCJXCND.js";import{a as D}from"./chunk.BF5VMLO3.js";import{a as L}from"./chunk.I6BL3WPE.js";import{a as k,b as x}from"./chunk.WEMSJJQN.js";import{a as p,e as n}from"./chunk.INFVQQSJ.js";import{html as h,nothing as z}from"lit";import{property as c,query as A,state as m}from"lit/decorators.js";var Q=108;function V(b){if(!b)return"";let l=new Date(b);if(l.getUTCHours()!==0||l.getUTCMinutes()!==0||l.getUTCSeconds()!==0){let e=l.getUTCFullYear(),a=String(l.getUTCMonth()+1).padStart(2,"0"),i=String(l.getUTCDate()).padStart(2,"0"),r=String(l.getUTCHours()).padStart(2,"0"),o=String(l.getUTCMinutes()).padStart(2,"0");return`${e}-${a}-${i} ${r}:${o} UTC`}return v(l,"yyyy-MM-dd")}var s=class extends $(x){constructor(){super(...arguments);this.limit=20;this.removeLabelsOnDelete=!1;this._boundDataChangeHandler=()=>{clearTimeout(this._refreshPage1Timer),this._refreshPage1Timer=window.setTimeout(()=>{this._refreshPage1()},500)};this._scrollIndex=0;this._totalCount=0;this._loadedPages=new Map;this._pendingPages=new Set;this._authController=new J(this);this._removeLabelsOnDeleteMutation=new I(this,E());this.jobsQuery=new D(this,()=>_(p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken}))}get _visibleCount(){var e,a;let t=(a=(e=this._viewportEl)==null?void 0:e.clientWidth)!=null?a:400;return Math.max(1,Math.floor(t/Q))}get _allJobs(){return Array.from({length:this._totalCount},(t,e)=>{var r,o;let a=Math.floor(e/this.limit)+1,i=e%this.limit;return(o=(r=this._loadedPages.get(a))==null?void 0:r[i])!=null?o:null})}connectedCallback(){super.connectedCallback(),typeof window!="undefined"&&(window.addEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.addEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}firstUpdated(){this._viewportEl&&typeof ResizeObserver!="undefined"&&(this._resizeObserver=new ResizeObserver(()=>{this._checkPagesInView()}),this._resizeObserver.observe(this._viewportEl))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._resizeObserver)==null||t.disconnect(),typeof window!="undefined"&&(window.removeEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.removeEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}updated(t){var a;super.updated(t);let e=(a=this.jobsQuery.result)==null?void 0:a.data;if(e&&e!==this._lastPage1Data){this._lastPage1Data=e,e.count!==this._totalCount&&(this._totalCount=e.count);let i=new Map(this._loadedPages);i.set(1,e.jobs),this._loadedPages=i,this._checkPagesInView()}}async _refreshPage1(){await this.queryClient.invalidateQueries({queryKey:["harmony","jobs",p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{})]})}async _fetchPage(t){if(this._loadedPages.has(t)||this._pendingPages.has(t))return;let e=new Set(this._pendingPages);e.add(t),this._pendingPages=e;try{let a=await this.queryClient.fetchQuery(_(p({page:t,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken})),i=new Map(this._loadedPages);i.set(t,a.jobs),this._loadedPages=i}finally{let a=new Set(this._pendingPages);a.delete(t),this._pendingPages=a}}_checkPagesInView(){if(!this.bearerToken)return;let t=Math.min(this._scrollIndex+this._visibleCount,this._totalCount),e=Math.floor(this._scrollIndex/this.limit)+1,a=Math.floor(Math.max(0,t-1)/this.limit)+1;for(let i=e;i<=a;i++)i!==1&&this._fetchPage(i)}_scrollLeft(){this._scrollIndex=Math.max(0,this._scrollIndex-1),this._checkPagesInView()}_scrollRight(){let t=Math.max(0,this._totalCount-this._visibleCount);this._scrollIndex=Math.min(t,this._scrollIndex+1),this._checkPagesInView()}_handleWheel(t){t.preventDefault(),t.deltaY>0?this._scrollRight():this._scrollLeft()}async refresh(){this._scrollIndex=0,this._loadedPages=new Map,this._pendingPages=new Set,this._totalCount=0,this._lastPage1Data=void 0,await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]})}_showTooltip(t,e){var d,w,y;if(clearTimeout(this._hideTooltipTimer),clearTimeout(this._showTooltipTimer),!this._tooltip)return;let a=e!==null&&!g.has(e.status),i=e!=null&&e.request?f.fromUrl(e.request):null,r=document.createElement("div");if(i){let T=i.getLabelByPrefix("instrument-short-name"),C=i.getLabelByPrefix("time-interval"),S=i.getLabelByPrefix("units"),P=i.getLabelByPrefix("collection"),u=[];T&&u.push(T),C&&u.push(C),S&&u.push(S),P&&u.push(P),r.style.lineHeight="1.3",r.style.fontSize="12px",r.style.padding="5px",r.innerHTML=`
+                <div class="font-weight-semibold tooltip-row">${(d=i.getLabelByPrefix("variable-display-name"))!=null?d:e==null?void 0:e.jobID}</div>
+                <div class="text-gray-300 mb-1 tooltip-row">${u.join(" \u2022 ")}</div>
+                ${i.options.startDate&&i.options.endDate?`
+                    <div class="text-gray-300 tooltip-row">
+                        <terra-icon library="heroicons" name="solid-calendar-date-range"></terra-icon> 
+                        ${V(i.options.startDate)} to ${V(i.options.endDate)}
+                    </div>
+                `:""}
+                <div class="text-gray-300 mb-1 tooltip-row">
+                    <terra-icon library="heroicons" name="solid-map"></terra-icon>
+                    ${(w=i.options.location)==null?void 0:w.toString()}
+                </div>
+                ${a?`<div class="text-gray-300 tooltip-row">Status: ${e==null?void 0:e.status}</div>`:`<div class="text-gray-300 tooltip-row">
+                        Last updated: ${v((y=i.getLabelByPrefix("updated-at"))!=null?y:new Date)}
+                        </div>`}
+                
+            `}r.slot="content";let o=t.currentTarget;this._tooltip.open?(this._tooltip.innerHTML="",this._tooltip.appendChild(r),this._tooltip.popup.anchor=o,this._tooltip.popup.reposition()):this._showTooltipTimer=window.setTimeout(()=>{this._tooltip&&(this._tooltip.innerHTML="",this._tooltip.appendChild(r),this._tooltip.popup.anchor=o,this._tooltip.show())},100)}_hideTooltip(){clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer),this._hideTooltipTimer=window.setTimeout(()=>{var t;(t=this._tooltip)==null||t.hide()},250)}_handleThumbnailClick(t){t&&this.emit("terra-harmony-job-select",{detail:{job:t}})}async _handleDeleteClick(t,e){var r;if(t.stopPropagation(),!window.confirm("Are you sure you want to delete this history item?"))return;let i=(r=this.filterByLabels)==null?void 0:r.split(",").map(o=>o.trim()).filter(Boolean);this._optimisticallyRemoveJob(e.jobID),this.removeLabelsOnDelete&&(i!=null&&i.length)?await this._removeLabelsOnDeleteMutation.mutate({jobIDs:[e.jobID],labels:i,options:{bearerToken:this.bearerToken}}):this.emit("terra-harmony-job-delete",{detail:{jobId:e.jobID}}),await this._refreshPage1()}_optimisticallyRemoveJob(t){let e=new Map(this._loadedPages);for(let[a,i]of e){let r=i.filter(o=>o.jobID!==t);r.length!==i.length&&(e.set(a,r),this._totalCount=Math.max(0,this._totalCount-1))}this._loadedPages=e}_renderThumbnail(t){var r,o;let e=t===null||!g.has(t.status),a=t!=null&&t.thumbnailBlob?URL.createObjectURL(t.thumbnailBlob):null,i=f.fromUrl((r=t==null?void 0:t.request)!=null?r:"");return h`
+            <div
+                part="thumbnail"
+                class="thumbnail"
+                @click=${()=>this._handleThumbnailClick(t)}
+                @mouseenter=${d=>this._showTooltip(d,t)}
+                @mouseleave=${this._hideTooltip}
+            >
+                <div class="thumbnail-inner">
+                    ${a?h`<img
+                              class="thumbnail-img"
+                              src=${a}
+                              alt=""
+                              aria-hidden="true"
+                          />`:h`<terra-icon
+                              library="heroicons"
+                              name=${i.getTerraIcon()}
+                              style="font-size: 1.5rem"
+                          ></terra-icon>`}
+                    ${e?h`<div class="loading-overlay">
+                              <terra-loader
+                                  indeterminate
+                                  variant="small"
+                              ></terra-loader>
+                          </div>`:z}
+                </div>
+                ${t?h`<button
+                          class="delete-button"
+                          aria-label="Delete job"
+                          ?disabled=${(o=this._removeLabelsOnDeleteMutation.result)==null?void 0:o.isPending}
+                          @click=${d=>this._handleDeleteClick(d,t)}
+                      >
+                          ×
+                      </button>`:z}
+            </div>
+        `}render(){var r;let t=this._allJobs,e=this._scrollIndex<=0,a=this._totalCount===0||this._scrollIndex>=this._totalCount-this._visibleCount,i=t.length===0&&((r=this.jobsQuery.result)==null?void 0:r.status)==="pending";return h`
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll left"
+                ?disabled=${e}
+                @click=${this._scrollLeft}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M15 19l-7-7 7-7"
+                    />
+                </svg>
+            </button>
+
+            <div part="viewport" class="viewport" @wheel=${this._handleWheel}>
+                <div
+                    part="track"
+                    class="track"
+                    style="transform: translateX(-${this._scrollIndex*Q}px)"
+                >
+                    ${i?h`<div class="empty-state">
+                              <terra-loader indeterminate></terra-loader>
+                          </div>`:t.map(o=>this._renderThumbnail(o))}
+                </div>
+            </div>
+
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll right"
+                ?disabled=${a}
+                @click=${this._scrollRight}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M9 5l7 7-7 7"
+                    />
+                </svg>
+            </button>
+
+            <terra-tooltip
+                trigger="manual"
+                placement="top"
+                hoist
+                interactive
+                @mouseenter=${()=>{clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer)}}
+                @mouseleave=${this._hideTooltip}
+            ></terra-tooltip>
+        `}};s.styles=[k,R],s.dependencies={"terra-loader":M,"terra-tooltip":B,"terra-icon":L},n([c({attribute:"bearer-token"})],s.prototype,"bearerToken",2),n([c({type:Number})],s.prototype,"limit",2),n([c({attribute:"filter-by-labels"})],s.prototype,"filterByLabels",2),n([c({type:Boolean,attribute:"remove-labels-on-delete"})],s.prototype,"removeLabelsOnDelete",2),n([m()],s.prototype,"_scrollIndex",2),n([m()],s.prototype,"_totalCount",2),n([m()],s.prototype,"_loadedPages",2),n([m()],s.prototype,"_pendingPages",2),n([A('[part="viewport"]')],s.prototype,"_viewportEl",2),n([A("terra-tooltip")],s.prototype,"_tooltip",2);export{s as a};

package/dist/chunks/chunk.TK2JSJCN.js

@@ -0,0 +1,12 @@
+import{html as u}from"lit";import{simplify as m,coordAll as c}from"@turf/turf";function d(t){if(!(t instanceof Error))return!1;if(t.name==="AbortError")return!0;let n=t.message.toLowerCase();if(n.includes("cancelled")||n.includes("canceled")||n.includes("aborted"))return!0;let{cause:r}=t;if(r){let e;if(r instanceof Error){if(e=r.message.toLowerCase(),r.name==="AbortError")return!0}else e=String(r).toLowerCase();if(e.includes("cancelled")||e.includes("canceled")||e.includes("aborted"))return!0}return!1}function w(t,n){let r="400",e="An error occurred",o;if(t instanceof Error){e=t.message;let{cause:a}=t,s;if(a&&(a instanceof Error?s=a.message:s=String(a)),s){let f=s.toLowerCase();(f.includes("cancelled")||f.includes("canceled")||f.includes("aborted"))&&(e=s)}let i=e.match(/Failed to (?:create|fetch|cancel) subset job:\s*(.+)/i);i?(o=i[1],e=i[1]):o=e;let g=e.match(/status[:\s]+(\d+)/i);g&&(r=g[1])}else e=String(t),o=e;n&&n.length>0&&(o=n[0].message||o,e=n[0].message||e);let l=d(t);return{status:parseInt(r,10)||500,code:r,message:e,context:o,isCancellation:l}}function x(t){let n=t.code;if(n==="429")return u`
+            You have reached your quota for the month. Please reach out using the
+            "Help" menu above for help
+        `;if(n==="400"){let e=t.context||t.message||"Bad or missing input";return u`${e}`}let r=t.context||t.message;return r&&r!=="An error occurred"?u`${r}`:u`
+        There was a problem making this request. For help, please
+        <a
+            href="https://forum.earthdata.nasa.gov/viewforum.php?f=7&DAAC=3"
+            target="_blank"
+            rel="noopener noreferrer"
+            >contact us using the Earthdata Forum</a
+        >
+    `}function A(t,n){let r=t;if(c(r).length<=n)return t;let e=.001;for(;c(m(r,{tolerance:e,highQuality:!1,mutate:!1})).length>n&&(e*=2,!(e>=1)););let o=0,l=m(r,{tolerance:e,highQuality:!1,mutate:!1});for(let a=0;a<24;a++){let s=(o+e)/2,i=m(r,{tolerance:s,highQuality:!1,mutate:!1});c(i).length<=n?(l=i,e=s):o=s}return console.log(`Simplified GeoJSON from ${c(r).length} to ${c(l).length} vertices`),l}export{d as a,w as b,x as c,A as d};

package/dist/chunks/chunk.TPV33XNJ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.CQLL2YKN.js";import*as t from"react";import{createComponent as r}from"@lit/react";var p="terra-stepper-step";e.define("terra-stepper-step");var a=r({tagName:p,elementClass:e,react:t,events:{},displayName:"TerraStepperStep"}),f=a;export{f as a};

package/dist/chunks/chunk.TTSYVAEW.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QMFEAVMN.js";var T=e;e.define("terra-toast");export{T as a};

package/dist/chunks/chunk.TVO3XZ2N.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.MK6COBAF.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-radio";e.define("terra-radio");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraInput:"terra-input",onTerraInvalid:"terra-invalid"},displayName:"TerraRadio"}),E=a;export{E as a};

package/dist/chunks/chunk.TXOI254L.js

@@ -0,0 +1,47 @@
+import{a as u}from"./chunk.VSQMTGXR.js";import{a as d}from"./chunk.URTV3MIW.js";import{a as c}from"./chunk.X5OPH5X7.js";import{b as h}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a,b as n}from"./chunk.WEMSJJQN.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as p}from"lit";import{ifDefined as f}from"lit/directives/if-defined.js";import{live as y}from"lit/directives/live.js";import{property as i,query as C,state as k}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.formControlController=new h(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,r)=>t.checked=r});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleInput(){this.emit("terra-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("terra-change")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("terra-change"),this.emit("terra-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("terra-change"),this.emit("terra-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("help-text"),r=this.helpText?!0:!!t;return p`
+            <div
+                class=${m({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":r})}
+            >
+                <label
+                    part="base"
+                    class=${m({toggle:!0,"toggle--checked":this.checked,"toggle--disabled":this.disabled,"toggle--focused":this.hasFocus,"toggle--small":this.size==="small","toggle--medium":this.size==="medium","toggle--large":this.size==="large"})}
+                >
+                    <input
+                        class="toggle__input"
+                        type="checkbox"
+                        title=${this.title}
+                        name=${this.name}
+                        value=${f(this.value)}
+                        .checked=${y(this.checked)}
+                        .disabled=${this.disabled}
+                        .required=${this.required}
+                        role="switch"
+                        aria-checked=${this.checked?"true":"false"}
+                        aria-describedby="help-text"
+                        @click=${this.handleClick}
+                        @input=${this.handleInput}
+                        @invalid=${this.handleInvalid}
+                        @blur=${this.handleBlur}
+                        @focus=${this.handleFocus}
+                        @keydown=${this.handleKeyDown}
+                    />
+
+                    <span part="control" class="toggle__control">
+                        <span part="thumb" class="toggle__thumb"></span>
+                    </span>
+
+                    <div part="label" class="toggle__label">
+                        <slot></slot>
+                    </div>
+                </label>
+
+                <div
+                    aria-hidden=${r?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};e.styles=[a,c,u],l([C('input[type="checkbox"]')],e.prototype,"input",2),l([k()],e.prototype,"hasFocus",2),l([i()],e.prototype,"title",2),l([i()],e.prototype,"name",2),l([i()],e.prototype,"value",2),l([i({reflect:!0})],e.prototype,"size",2),l([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),l([d("checked")],e.prototype,"defaultChecked",2),l([i({reflect:!0})],e.prototype,"form",2),l([i({type:Boolean,reflect:!0})],e.prototype,"required",2),l([i({attribute:"help-text"})],e.prototype,"helpText",2),l([o("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),l([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/dist/chunks/chunk.TYI6WGK7.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.O6Q5WBJ5.js";var x=e;e.define("terra-textarea");export{x as a};

package/dist/chunks/chunk.U3F7WCPA.js

@@ -0,0 +1 @@
+import{a}from"./chunk.H5AVWFET.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as l,b as r}from"./chunk.WEMSJJQN.js";import{e}from"./chunk.INFVQQSJ.js";import{property as s}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,a],e([s({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([o("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/dist/chunks/chunk.U465JMCV.js

@@ -0,0 +1 @@
+import{a}from"./chunk.MPM3TXSL.js";var n=a;a.define("terra-pagination");export{n as a};

package/dist/chunks/chunk.U6HUBMNB.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.LL6BEIZA.js";var b=r;r.define("terra-breadcrumbs");export{b as a};

package/dist/chunks/chunk.U7OFS4YO.js

@@ -0,0 +1 @@
+import{a as h}from"./chunk.ON5BCN2P.js";import{h as c,i as y,j as S}from"./chunk.4ZVIPOSQ.js";import{a as p}from"./chunk.BF5VMLO3.js";import{f as r,g as a,h as o,i as m}from"./chunk.INFVQQSJ.js";var s,n,u,i,l,b,d,C=class{constructor(t){this.host=t;a(this,b);a(this,s,null);a(this,n,void 0);a(this,u,void 0);a(this,i,void 0);a(this,l,void 0);t.addController(this),o(this,u,new h(t,y())),o(this,i,new p(t,()=>c(r(this,s),r(this,n)))),o(this,l,new h(t,S()))}hostConnected(){}async startJob(t){o(this,n,t.options),o(this,s,"new");try{let e=await r(this,u).mutate(t);return o(this,s,e.jobID),e}catch(e){throw o(this,s,null),e}finally{this.host.requestUpdate()}}async cancelJob(t){return r(this,l).mutate(t)}startPollForJobStatus(t,e){o(this,n,e),o(this,s,t)}reset(){o(this,s,null),o(this,n,void 0),this.host.requestUpdate()}get jobId(){return r(this,s)}get data(){var t,e;return r(this,s)==="new"?m(this,b,d).call(this):(e=(t=r(this,i).result)==null?void 0:t.data)!=null?e:null}get progress(){var t,e;return(e=(t=this.data)==null?void 0:t.progress)!=null?e:0}get status(){var t,e;return r(this,s)==="new"?"running":(e=(t=r(this,i).result)==null?void 0:t.data)==null?void 0:e.status}get isCreating(){var t,e;return r(this,s)==="new"?!0:(e=(t=r(this,u).result)==null?void 0:t.isPending)!=null?e:!1}get isPolling(){var t;return((t=r(this,i).result)==null?void 0:t.fetchStatus)==="fetching"}};s=new WeakMap,n=new WeakMap,u=new WeakMap,i=new WeakMap,l=new WeakMap,b=new WeakSet,d=function(){return{jobID:"",status:"running",message:"Your job is being created and will start soon.",progress:0,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),dataExpiration:"",request:"",numInputGranules:0,links:[]}};export{C as a};

package/dist/chunks/chunk.UEIOQPHW.js

@@ -0,0 +1,9 @@
+import{a as i}from"./chunk.PHR3ARS7.js";import{a,b as s}from"./chunk.WEMSJJQN.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as n}from"lit/directives/class-map.js";import{html as o}from"lit";import{property as e}from"lit/decorators.js";var t=class extends s{constructor(){super(...arguments);this.variant="information";this.pill=!1;this.pulse=!1}render(){return o`
+            <span
+                part="base"
+                class=${n({badge:!0,"badge--primary":this.variant==="primary","badge--information":this.variant==="information","badge--success":this.variant==="success","badge--neutral":this.variant==="neutral","badge--warning":this.variant==="warning","badge--danger":this.variant==="danger","badge--pill":this.pill,"badge--pulse":this.pulse})}
+                role="status"
+            >
+                <slot></slot>
+            </span>
+        `}};t.styles=[a,i],r([e({reflect:!0})],t.prototype,"variant",2),r([e({type:Boolean,reflect:!0})],t.prototype,"pill",2),r([e({type:Boolean,reflect:!0})],t.prototype,"pulse",2);export{t as a};

package/dist/chunks/chunk.UKUWK3UY.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.W7H2V3HN.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-banner";e.define("terra-banner");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraBanner"}),i=a;export{i as a};

package/dist/chunks/chunk.UKWCOY7A.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YN755QKE.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-input";e.define("terra-input");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraInput:"terra-input",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraInvalid:"terra-invalid",onTerraClear:"terra-clear"},displayName:"TerraInput"}),T=a;export{T as a};

package/dist/chunks/chunk.UNRENVA4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.R5PRDVSU.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-button";e.define("terra-button");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraFocus:"terra-focus"},displayName:"TerraButton"}),c=n;export{c as a};

package/dist/chunks/chunk.UOWK4M4L.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.NEY2SQ2K.js";import*as e from"react";import{createComponent as r}from"@lit/react";var o="terra-button-group";t.define("terra-button-group");var a=r({tagName:o,elementClass:t,react:e,events:{},displayName:"TerraButtonGroup"}),c=a;export{c as a};

package/dist/chunks/chunk.V242FK7Q.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.JDUOQDJ3.js";import*as e from"react";import{createComponent as r}from"@lit/react";var a="terra-data-subsetter-history";t.define("terra-data-subsetter-history");var o=r({tagName:a,elementClass:t,react:e,events:{},displayName:"TerraDataSubsetterHistory"}),c=o;export{c as a};

package/dist/chunks/chunk.V4CGJNAJ.js

@@ -0,0 +1,30 @@
+import{a as l}from"./chunk.BSMNZP56.js";import{a}from"./chunk.I6BL3WPE.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o,b as i}from"./chunk.WEMSJJQN.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as m}from"lit/decorators.js";import{html as e}from"lit";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new s(this,"title","center","right");this.siteName=""}render(){let n=this.hasSlotController.test("title"),h=this.hasSlotController.test("right");return e`
+            <header part="base" class="site-header">
+                <div class="site-header__left">
+                    <div part="logo" class="site-header__logo">
+                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    </div>
+                    <div part="title" class="site-header__title">
+                        ${n?e`<slot name="title"></slot>`:e`<span>${this.siteName}</span>`}
+                    </div>
+                </div>
+                <div part="center" class="site-header__center">
+                    <slot name="center"></slot>
+                </div>
+                <div part="right" class="site-header__right">
+                    ${h?e`<slot name="right"></slot>`:e`
+                              <button
+                                  class="site-header__search"
+                                  type="button"
+                                  title="Search"
+                                  aria-label="Search"
+                              >
+                                  <terra-icon
+                                      name="magnifying-glass"
+                                      library="heroicons"
+                                  ></terra-icon>
+                              </button>
+                          `}
+                </div>
+            </header>
+        `}};t.styles=[o,l],t.dependencies={"terra-icon":a},r([m({attribute:"site-name"})],t.prototype,"siteName",2);export{t as a};

package/dist/chunks/chunk.VDIB3NRZ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.Y2G3I3B3.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-tooltip";e.define("terra-tooltip");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraTooltip"}),i=a;export{i as a};

package/dist/chunks/chunk.VFE2HBPZ.js

@@ -0,0 +1,20 @@
+import{a as $}from"./chunk.ACMRVRMJ.js";import{a as x,b as z}from"./chunk.WEMSJJQN.js";import{a as w,b as E,e as i}from"./chunk.INFVQQSJ.js";import{arrow as C,autoUpdate as P,computePosition as A,flip as L,offset as O,platform as y,shift as H,size as S}from"@floating-ui/dom";import{classMap as B}from"lit/directives/class-map.js";import{html as R}from"lit";import{offsetParent as M}from"composed-offset-position";import{property as s,query as k}from"lit/decorators.js";function j(d){return d!==null&&typeof d=="object"&&"getBoundingClientRect"in d&&("contextElement"in d?d.contextElement instanceof Element:!0)}var e=class extends z{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let t=this.anchorEl.getBoundingClientRect(),o=this.popup.getBoundingClientRect(),n=this.placement.includes("top")||this.placement.includes("bottom"),a=0,h=0,c=0,m=0,f=0,r=0,l=0,p=0;n?t.top<o.top?(a=t.left,h=t.bottom,c=t.right,m=t.bottom,f=o.left,r=o.top,l=o.right,p=o.top):(a=o.left,h=o.bottom,c=o.right,m=o.bottom,f=t.left,r=t.top,l=t.right,p=t.top):t.left<o.left?(a=t.right,h=t.top,c=o.left,m=o.top,f=t.right,r=t.bottom,l=o.left,p=o.bottom):(a=o.right,h=o.top,c=t.left,m=t.top,f=o.right,r=o.bottom,l=t.left,p=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${h}px`),this.style.setProperty("--hover-bridge-top-right-x",`${c}px`),this.style.setProperty("--hover-bridge-top-right-y",`${m}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${f}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${r}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${p}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||j(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){!this.anchorEl||!this.active||(this.cleanup=P(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame(()=>t())):t()})}reposition(){if(!this.active||!this.anchorEl)return;let t=[O({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(S({apply:({rects:n})=>{let a=this.sync==="width"||this.sync==="both",h=this.sync==="height"||this.sync==="both";this.popup.style.width=a?`${n.reference.width}px`:"",this.popup.style.height=h?`${n.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(L({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(H({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(S({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:n,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${n}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(C({element:this.arrowEl,padding:this.arrowPadding}));let o=this.strategy==="absolute"?n=>y.getOffsetParent(n,M):y.getOffsetParent;A(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:E(w({},y),{getOffsetParent:o})}).then(({x:n,y:a,middlewareData:h,placement:c})=>{let f={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];if(this.setAttribute("data-current-placement",c),Object.assign(this.popup.style,{left:`${n}px`,top:`${a}px`}),this.arrow){let r=h.arrow.x,l=h.arrow.y,p="",g="",b="",u="";if(this.arrowPlacement==="start"){let v=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";p=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",g="",u=v}else this.arrowPlacement==="end"?(g=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",u="",b=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(u=typeof r=="number"?"calc(50% - var(--arrow-size-diagonal))":"",p=typeof l=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(u=typeof r=="number"?`${r}px`:"",p=typeof l=="number"?`${l}px`:"");Object.assign(this.arrowEl.style,{top:p,right:g,bottom:b,left:u,[f]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge()),this.emit("terra-reposition")}render(){return R`
+            <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
+
+            <span
+                part="hover-bridge"
+                class=${B({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
+            ></span>
+
+            <div
+                part="popup"
+                class=${B({popup:!0,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
+            >
+                <slot></slot>
+                ${this.arrow?R`<div
+                          part="arrow"
+                          class="popup__arrow"
+                          role="presentation"
+                      ></div>`:""}
+            </div>
+        `}};e.styles=[x,$],i([k(".popup")],e.prototype,"popup",2),i([k(".popup__arrow")],e.prototype,"arrowEl",2),i([s()],e.prototype,"anchor",2),i([s({type:Boolean,reflect:!0})],e.prototype,"active",2),i([s({reflect:!0})],e.prototype,"placement",2),i([s({reflect:!0})],e.prototype,"strategy",2),i([s({type:Number})],e.prototype,"distance",2),i([s({type:Number})],e.prototype,"skidding",2),i([s({type:Boolean})],e.prototype,"arrow",2),i([s({attribute:"arrow-placement"})],e.prototype,"arrowPlacement",2),i([s({attribute:"arrow-padding",type:Number})],e.prototype,"arrowPadding",2),i([s({type:Boolean})],e.prototype,"flip",2),i([s({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map(o=>o.trim()).filter(o=>o!==""),toAttribute:t=>t.join(" ")}})],e.prototype,"flipFallbackPlacements",2),i([s({attribute:"flip-fallback-strategy"})],e.prototype,"flipFallbackStrategy",2),i([s({type:Object})],e.prototype,"flipBoundary",2),i([s({attribute:"flip-padding",type:Number})],e.prototype,"flipPadding",2),i([s({type:Boolean})],e.prototype,"shift",2),i([s({type:Object})],e.prototype,"shiftBoundary",2),i([s({attribute:"shift-padding",type:Number})],e.prototype,"shiftPadding",2),i([s({attribute:"auto-size"})],e.prototype,"autoSize",2),i([s()],e.prototype,"sync",2),i([s({type:Object})],e.prototype,"autoSizeBoundary",2),i([s({attribute:"auto-size-padding",type:Number})],e.prototype,"autoSizePadding",2),i([s({attribute:"hover-bridge",type:Boolean})],e.prototype,"hoverBridge",2);export{e as a};

package/dist/chunks/chunk.VP5IYIOB.js

@@ -0,0 +1,8 @@
+import{a as c}from"./chunk.JUOXUMZT.js";import{a as u,b as a}from"./chunk.WEMSJJQN.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as h}from"lit";import{query as d}from"lit/decorators.js";var o=class extends a{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){let t=["menuitem","menuitemcheckbox"],s=e.composedPath(),n=s.find(r=>{var i;return t.includes(((i=r==null?void 0:r.getAttribute)==null?void 0:i.call(r,"role"))||"")});if(!n||s.find(r=>{var i;return((i=r==null?void 0:r.getAttribute)==null?void 0:i.call(r,"role"))==="menu"})!==this)return;let m=n;m.type==="checkbox"&&(m.checked=!m.checked),this.emit("terra-select",{detail:{item:m}})}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){let t=this.getCurrentItem();e.preventDefault(),e.stopPropagation(),t==null||t.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){let t=this.getAllItems(),s=this.getCurrentItem(),n=s?t.indexOf(s):0;t.length>0&&(e.preventDefault(),e.stopPropagation(),e.key==="ArrowDown"?n++:e.key==="ArrowUp"?n--:e.key==="Home"?n=0:e.key==="End"&&(n=t.length-1),n<0&&(n=t.length-1),n>t.length-1&&(n=0),this.setCurrentItem(t[n]),t[n].focus())}}handleMouseDown(e){let t=e.target;this.isMenuItem(t)&&this.setCurrentItem(t)}handleSlotChange(){let e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){var t;return e.tagName.toLowerCase()==="terra-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((t=e.getAttribute("role"))!=null?t:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(e=>!(e.inert||!this.isMenuItem(e)))}getCurrentItem(){return this.getAllItems().find(e=>e.getAttribute("tabindex")==="0")}setCurrentItem(e){this.getAllItems().forEach(s=>{s.setAttribute("tabindex",s===e?"0":"-1")})}render(){return h`
+            <slot
+                @slotchange=${this.handleSlotChange}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+                @mousedown=${this.handleMouseDown}
+            ></slot>
+        `}};o.styles=[u,c],l([d("slot")],o.prototype,"defaultSlot",2);export{o as a};

package/dist/chunks/chunk.W2QZOO6Z.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4CAGPPMV.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-map";e.define("terra-map");var m=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraMap"}),f=m;export{f as a};

package/dist/chunks/chunk.W6SU4PRC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ENQAS3E3.js";var o=e;e.define("terra-tag");export{o as a};

package/dist/chunks/chunk.W7H2V3HN.js

@@ -0,0 +1,27 @@
+import{a as h}from"./chunk.AGJNJSIX.js";import{a as i}from"./chunk.CUJNKBC6.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,b as l}from"./chunk.WEMSJJQN.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as r,query as m}from"lit/decorators.js";var e=class extends l{constructor(){super(...arguments);this.hasSlotController=new o(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="primary";this.sticky=!0;this.handleClose=()=>{this.hide()}}firstUpdated(){this.base.hidden=!this.open}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.emit("terra-after-show")):(this.emit("terra-hide"),this.emit("terra-after-hide"))}async show(){if(!this.open)return this.open=!0,i(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,i(this,"terra-after-hide")}render(){return s`
+            <div
+                part="base"
+                class=${p({banner:!0,"banner--open":this.open,"banner--closable":this.closable,"banner--sticky":this.sticky,"banner--has-icon":this.hasSlotController.test("icon"),"banner--primary":this.variant==="primary","banner--neutral":this.variant==="neutral","banner--danger":this.variant==="danger"})}
+                role="banner"
+                aria-hidden=${this.open?"false":"true"}
+            >
+                ${this.hasSlotController.test("icon")?s`
+                          <div part="icon" class="banner__icon">
+                              <slot name="icon"></slot>
+                          </div>
+                      `:""}
+
+                <div part="message" class="banner__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable?s`
+                          <terra-icon
+                              class="banner__close"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleClose}
+                          ></terra-icon>
+                      `:""}
+            </div>
+        `}};e.styles=[n,h],t([m('[part="base"]')],e.prototype,"base",2),t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closable",2),t([r({reflect:!0})],e.prototype,"variant",2),t([r({type:Boolean,reflect:!0})],e.prototype,"sticky",2),t([a("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);export{e as a};

package/dist/chunks/chunk.WAD5F7IY.js

@@ -0,0 +1 @@
+import{b as C}from"./chunk.BWCJXCND.js";import{d as T}from"./chunk.3OKIF2KP.js";import{a as R}from"./chunk.SVLWTIBE.js";import{a as D}from"./chunk.BF5VMLO3.js";import{a as V,b,f as r,g as l,h,i as d}from"./chunk.INFVQQSJ.js";var i,n,u,f,S,g,B,c,p,y,P,w=class{constructor(t){l(this,f);l(this,g);l(this,c);l(this,y);l(this,i,void 0);l(this,n,void 0);l(this,u,!1);h(this,n,t),t.addController(this),h(this,i,new D(t,()=>{let{q:e,filter:a}=d(this,g,B).call(this);return T({q:e,filter:a})}))}hostConnected(){}hostDisconnected(){}async hostUpdated(){var e;let t=(e=r(this,i).result)==null?void 0:e.data;!t||r(this,u)||await d(this,f,S).call(this,t)}get facetsByCategory(){var a;let t=(a=r(this,i).result)==null?void 0:a.data;if(!t)return;let e={depths:[],disciplines:[],measurements:[],observations:[],platformInstruments:[],portals:[],spatialResolutions:[],specialFeatures:[],temporalResolutions:[],wavelengths:[]};for(let s of t.facets){let m=s.category;m in e&&(e[m]=s.values)}return e}get variables(){var e;let t=(e=r(this,i).result)==null?void 0:e.data;return t?d(this,c,p).call(this,t.variables):[]}get total(){var t,e,a;return(a=(e=(t=r(this,i).result)==null?void 0:t.data)==null?void 0:e.total)!=null?a:0}get isPending(){var t,e;return(e=(t=r(this,i).result)==null?void 0:t.isFetching)!=null?e:!1}async getVariable(t){let e=await R.getVariable(t);return e?d(this,c,p).call(this,[e])[0]:null}};i=new WeakMap,n=new WeakMap,u=new WeakMap,f=new WeakSet,S=async function(t){if(!r(this,n).selectedVariableEntryIds||r(this,n).selectedVariables.length>0)return;h(this,u,!0);let e=d(this,c,p).call(this,t.variables),a=r(this,n).selectedVariableEntryIds.split(","),s=e.filter(o=>a.includes(o.dataFieldId)||a.includes(`${o.dataProductShortName}_${o.dataProductVersion}_${o.dataFieldAccessName}`)),m=a.filter(o=>!s.some(I=>I.dataFieldId===o)),F=(await Promise.all(m.map(o=>this.getVariable(o)))).filter(Boolean);r(this,n).selectedVariables=[...s,...F]},g=new WeakSet,B=function(){var a,s;let{searchQuery:t,selectedFacets:e}=r(this,n);return(t==="Aerosols"||t==="aerosols")&&!((a=e==null?void 0:e.observations)!=null&&a.includes("Aerosols"))?{q:void 0,filter:b(V({},e),{disciplines:[...(s=e==null?void 0:e.disciplines)!=null?s:[],"Aerosols"]})}:{q:t,filter:e}},c=new WeakSet,p=function(t){return t.map(e=>{let a=d(this,y,P).call(this,e);return b(V({},e),{exampleInitialStartDate:a==null?void 0:a.exampleInitialStartDate,exampleInitialEndDate:a==null?void 0:a.exampleInitialEndDate,dataFieldShortName:!e.dataFieldShortName||e.dataFieldShortName===""?e.dataFieldAccessName:e.dataFieldShortName})})},y=new WeakSet,P=function(t){if(!(t!=null&&t.dataProductBeginDateTime)||!(t!=null&&t.dataProductEndDateTime))return;let e=Math.abs(new Date(t.dataProductEndDateTime).getTime()-new Date(t.dataProductBeginDateTime).getTime()),a=Math.floor(e*.75),s=Math.abs(new Date(t.dataProductBeginDateTime).getTime()+a);return{exampleInitialStartDate:C(s),exampleInitialEndDate:C(t.dataProductEndDateTime)}};export{w as a};

package/dist/chunks/chunk.WAYKA4GY.js

@@ -0,0 +1 @@
+import{a as J}from"./chunk.4LKD5QW2.js";import{a as N}from"./chunk.3NTWRDBD.js";import{a as W}from"./chunk.3FHTK4MP.js";import{a as x}from"./chunk.IZZFNAC5.js";import{b as I}from"./chunk.7J2F6HQM.js";import{a as j,f as t,g as r,h as l,i as c}from"./chunk.INFVQQSJ.js";import{Graticule as re,Map as ae,View as ne}from"ol";import se from"ol/layer/WebGLTile.js";import{toLonLat as ie,transform as F,transformExtent as le,get as ce}from"ol/proj.js";import ue from"ol/source/OSM.js";import{Stroke as he}from"ol/style.js";import X from"ol/source/Vector.js";import H from"ol/layer/Vector.js";import{Circle as we,Point as me,Polygon as ge}from"ol/geom.js";import de from"ol/format/GeoJSON.js";var S,u,h,b,m,M,p,T,q,B,A,V,U,C,$,D,K,z,Q,Z,_,Y=class{constructor(e,o){r(this,T);r(this,B);r(this,V);r(this,C);r(this,D);r(this,z);r(this,Z);r(this,S,void 0);r(this,u,void 0);r(this,h,void 0);r(this,b,void 0);r(this,m,void 0);r(this,M,void 0);r(this,p,void 0);l(this,S,e),l(this,b,o),l(this,u,c(this,T,q).call(this,o)),c(this,z,Q).call(this)}toggleLayerVisibility(e,o){let a=c(this,Z,_).call(this,e);a&&a.setVisible(o)}setZoom(e){t(this,u).getView().setZoom(e)}setValue(e){if(!e){t(this,h).clearValue();return}let o=this.parseLocationString(e);t(this,h).setValue(o,t(this,b).fitToValue)}parseLocationString(e){try{let o=e.split(",").map(a=>parseFloat(a.trim()));if(o.length===2)return new x(o[0],o[1]);if(o.length===4)return new W([o[0],o[1],o[2],o[3]]);throw new Error(`Provided location had invalid length of ${o.length}. Should have 2 or 4 items.`)}catch(o){throw new I({message:"Failed to parse location string. Location must be in format: `lat,lng` for a point or `west,south,east,north` for a bounding box",cause:o})}}updateDrawToolbarVisibility(e){t(this,h).setOptions({showBboxTool:e.showBoundingBoxSelection,showPolygonTool:e.showPolygonSelection,showPointTool:e.showPointSelection,showCircleTool:e.showCircleSelection})}async handleShapeSelect(e){var g,d,v,f,L,s;let o=e.target,a=o.value;if(a){t(this,m).getSource().clear(),(g=t(this,p))==null||g.call(this,!0);try{let i=await((v=(d=t(this,b)).getGeoJson)==null?void 0:v.call(d,a));if(!i)return;let O=new de().readFeatures(i,{featureProjection:"EPSG:3857"}),P=t(this,m).getSource();P.addFeatures(O);let E=P.getExtent();if(!E)return;t(this,u).getView().fit(E,{padding:[20,20,20,20],duration:250}),(L=t(this,M))==null||L.call(this,{cause:"draw",type:"polygon",latLngs:[],geoJson:i,label:(f=o.options[o.selectedIndex])==null?void 0:f.text})}finally{(s=t(this,p))==null||s.call(this,!1)}}}};S=new WeakMap,u=new WeakMap,h=new WeakMap,b=new WeakMap,m=new WeakMap,M=new WeakMap,p=new WeakMap,T=new WeakSet,q=function(e){var L;l(this,M,e.onDraw),l(this,p,e.onShapeLoading);let o=c(this,B,A).call(this,e),a=c(this,V,U).call(this,e),g=c(this,C,$).call(this);l(this,m,c(this,D,K).call(this));let d=ce("EPSG:3857"),v=d==null?void 0:d.getExtent(),f=new ae({target:t(this,S),layers:[o,a,t(this,m),g],view:new ne(j({center:[0,0],zoom:e.zoom,projection:(L=e.projection)!=null?L:"EPSG:3857",minZoom:e.minZoom,maxZoom:e.maxZoom},e.noWorldWrap?{extent:v}:{}))});return f.on("pointermove",s=>{var n;let i=ie(s.coordinate);(n=e.onMouseMove)==null||n.call(e,i)}),l(this,h,new N(g,{showBboxTool:e.showBoundingBoxSelection,showPolygonTool:e.showPolygonSelection,showPointTool:e.showPointSelection,showCircleTool:e.showCircleSelection})),f.addControl(t(this,h)),e.value!==void 0&&this.setValue(e.value),g.getSource().on("addfeature",s=>{var O,P,E,R,k;let i=(O=s.feature)==null?void 0:O.get("drawtool");if(!i)return;let n=s.feature.getGeometry();if(i==="bbox"){let y=s.feature.getGeometry().getExtent(),w=le(y,"EPSG:3857","EPSG:4326");(P=e.onDraw)==null||P.call(e,{cause:"draw",type:"bbox",bounds:new W(w)})}else if(n instanceof ge){let w=n.getCoordinates()[0].slice(0,-1).map(([G,ee])=>{let[oe,te]=F([G,ee],"EPSG:3857","EPSG:4326");return new x(te,oe)});(E=e.onDraw)==null||E.call(e,{cause:"draw",type:"polygon",latLngs:w})}else if(n instanceof me){let y=n.getCoordinates(),[w,G]=F(y,"EPSG:3857","EPSG:4326");(R=e.onDraw)==null||R.call(e,{cause:"draw",type:"point",latLng:new x(G,w)})}else if(n instanceof we){let y=n.getRadius(),[w,G]=F(n.getCenter(),"EPSG:3857","EPSG:4326");(k=e.onDraw)==null||k.call(e,{cause:"draw",type:"circle",center:new x(G,w),radius:y})}else console.warn("Unhandled draw type! ",s.feature)}),f},B=new WeakSet,A=function(e){return new se({source:new ue(j({},e.noWorldWrap?{wrapX:!1}:{}))})},V=new WeakSet,U=function(e){var a;let o=new re({visible:(a=e.showGraticule)!=null?a:!1,strokeStyle:new he({color:"rgba(0,0,0,0.2)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!0});return o.set("name","graticule"),o},C=new WeakSet,$=function(){let e=new X({wrapX:!1});return new H({source:e})},D=new WeakSet,K=function(){let e=new X,o=new H({source:e});return o.set("name","shapes"),o},z=new WeakSet,Q=function(){J()&&new ResizeObserver(()=>{t(this,u).updateSize()}).observe(t(this,S))},Z=new WeakSet,_=function(e){return t(this,u).getLayers().getArray().find(o=>o.get("name")===e)};export{Y as a};