@nasa-terra/components 0.0.195 → 0.0.197

package/dist/chunks/chunk.WJM2AWLV.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.XMNTSLBZ.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as y,c as S}from"./chunk.IEJAC4O6.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.XLXVZWI2.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.YENJIAHQ.js";import{a}from"./chunk.XMNTSLBZ.js";import{a as s,c as r}from"./chunk.IEJAC4O6.js";import{e}from"./chunk.INFVQQSJ.js";import{html as m}from"lit";import{property as o}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.open=!1;this.showArrow=!0}render(){return m`
+            <details
+                class="accordion"
+                ?open=${this.open}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="accordion-summary">
+                    <slot name="summary"> ${this.summary} </slot>
+
+                    <div class="accordion-summary-right">
+                        <slot name="summary-right"></slot>
+
+                        ${this.showArrow&&m`
+                            <terra-icon
+                                name="chevron-down-circle"
+                                font-size="24px"
+                            ></terra-icon>
+                        `}
+                    </div>
+                </summary>
+
+                <div class="accordion-content">
+                    <slot></slot>
+                </div>
+            </details>
+        `}handleToggle(n){let i=n.currentTarget;this.open=i.open,this.emit("terra-accordion-toggle",{detail:{open:this.open}})}};t.styles=[s,l],t.dependencies={"terra-icon":a},e([o()],t.prototype,"summary",2),e([o({reflect:!0,type:Boolean})],t.prototype,"open",2),e([o({type:Boolean})],t.prototype,"showArrow",2);export{t as a};

package/dist/chunks/chunk.XMNTSLBZ.js

@@ -0,0 +1 @@
+import{a as G}from"./chunk.A77DDYFZ.js";import{a as M,b as H,c as R}from"./chunk.3Y6WWRX4.js";import{a as y}from"./chunk.J5Q4TWEG.js";import{a as C,c as w}from"./chunk.IEJAC4O6.js";import{e as l,f as L,g as a,h as A,i as u}from"./chunk.INFVQQSJ.js";import{property as n,state as O}from"lit/decorators.js";import{isTemplateResult as x}from"lit/directive-helpers.js";var c=Symbol(),f=Symbol(),v,S=new Map,h,b,V,m,E,d,k,s=class extends w{constructor(){super(...arguments);a(this,b);a(this,m);a(this,d);a(this,h,!1);this.svg=null;this.label="";this.library="default";this.color=null;this.fontSize=null}connectedCallback(){super.connectedCallback(),M(this)}firstUpdated(){A(this,h,!0),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),H(this)}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var g;let{url:e,fromLibrary:o}=u(this,m,E).call(this),i=o?R(this.library):void 0;if(!e){this.svg=null;return}let r=S.get(e);if(r||(r=u(this,b,V).call(this,e),S.set(e,r)),!L(this,h))return;let t=await r;if(t===f&&S.delete(e),e===u(this,m,E).call(this).url){if(x(t)){this.svg=t;return}switch(t){case f:case c:this.svg=null,this.emit("terra-error");break;default:this.svg=t.cloneNode(!0),(g=i==null?void 0:i.mutator)==null||g.call(i,this.svg),this.emit("terra-load")}}}render(){return u(this,d,k).call(this),this.svg}};h=new WeakMap,b=new WeakSet,V=async function(e){var i;let o;try{if(o=await fetch(e,{mode:"cors"}),!o.ok)return o.status===410?c:f}catch(r){return f}try{let r=document.createElement("div");r.innerHTML=await o.text();let t=r.firstElementChild;if(((i=t==null?void 0:t.tagName)==null?void 0:i.toLowerCase())!=="svg")return c;v||(v=new DOMParser);let p=v.parseFromString(t.outerHTML,"text/html").body.querySelector("svg");return p?(p.part.add("svg"),document.adoptNode(p)):c}catch(r){return c}},m=new WeakSet,E=function(){let e=R(this.library);return this.name&&e?{url:e.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}},d=new WeakSet,k=function(){let o=[{attribute:"color",property:this.color},{attribute:"font-size",property:this.fontSize}].reduce((i,{attribute:r,property:t})=>(typeof t=="string"&&t.length>0&&(i+=` ${r}: ${t};`),this.removeAttribute(r),i),`${this.style.cssText}`);o.length>0&&this.setAttribute("style",o)},s.styles=[C,G],l([O()],s.prototype,"svg",2),l([n({reflect:!0})],s.prototype,"name",2),l([n()],s.prototype,"src",2),l([n()],s.prototype,"label",2),l([n({reflect:!0})],s.prototype,"library",2),l([n()],s.prototype,"color",2),l([n({attribute:"font-size"})],s.prototype,"fontSize",2),l([y("label")],s.prototype,"handleLabelChange",1),l([y(["name","src","library"])],s.prototype,"setIcon",1);export{s as a};

package/dist/chunks/chunk.XOFUYZ46.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2ZTMYRXN.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-time-series";e.define("terra-time-series");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraTimeSeriesLoadingChange:"terra-time-series-loading-change",onTerraDateRangeChange:"terra-date-range-change",onTerraTimeSeriesDataChange:"terra-time-series-data-change",onTerraHarmonyJobStatusUpdate:"terra-harmony-job-status-update",onTerraTimeSeriesChunkProgressChange:"terra-time-series-chunk-progress-change"},displayName:"TerraTimeSeries"}),g=n;export{g as a};

package/dist/chunks/chunk.XPMJPPF5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5MTTMHHO.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tag";e.define("terra-tag");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraClick:"terra-click"},displayName:"TerraTag"}),v=o;export{v as a};

package/dist/chunks/chunk.XYS4GJZH.js

@@ -0,0 +1,299 @@
+import{b as q}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.PM3TNHYU.js";import{a as Q}from"./chunk.EFJYUIN7.js";import{a as H}from"./chunk.QDFHF7LY.js";import{a as Z}from"./chunk.KF4DMI4T.js";import{a as D}from"./chunk.2BVYE6EK.js";import{a as M}from"./chunk.ZBC4UK6H.js";import{a as j}from"./chunk.3TTTQDTO.js";import{a as G}from"./chunk.LXQROJE2.js";import{a as N}from"./chunk.NLMFSOK6.js";import{a as B}from"./chunk.XMNTSLBZ.js";import{a as E}from"./chunk.J5Q4TWEG.js";import{a as P,c as R}from"./chunk.IEJAC4O6.js";import{a as V,b as L,c as O,d as A,e as h,f as p,g as c,i as l}from"./chunk.INFVQQSJ.js";import{html as n,nothing as g}from"lit";import{property as U,state as v}from"lit/decorators.js";var d,b,f,y,T,$,z,F,_,S,J,I,X,w,Y,k,ee,x,te,C,ae,o=class extends H(R){constructor(){super(...arguments);c(this,b);c(this,y);c(this,$);c(this,F);c(this,S);c(this,I);c(this,w);c(this,k);c(this,x);c(this,C);this.catalog="giovanni";this.selectedFacets={};this.selectedVariables=[];this.showVariablesBrowse=!1;this.activeIndex=void 0;this.sortOrder="aToZ";c(this,d,new j(this))}handleSelectedVariablesChange(){this.emit("terra-variables-change",{detail:{selectedVariables:this.selectedVariables}})}reset(){this.searchQuery="",this.selectedFacets={},this.showVariablesBrowse=!1}handleObservationChange(){var r,t,a;let e=(a=(t=(r=this.shadowRoot)==null?void 0:r.querySelector('input[name="observation"]:checked'))==null?void 0:t.value)!=null?a:"All";e==="All"?l(this,y,T).call(this,"observations"):l(this,b,f).call(this,"observations",e,!0)}toggleFacetSelect(e){let r=e.target;r.dataset.facet&&(l(this,b,f).call(this,r.dataset.facet,r.innerText.trim()),this.showVariablesBrowse=!0)}handleSearch(e){this.selectedFacets={},this.searchQuery=e.detail,this.showVariablesBrowse=!0}render(){let e=p(this,d).isPending&&p(this,d).facetsByCategory;return n`
+            <div class="container">
+                <header class="search">
+                    ${this.showVariablesBrowse?n`
+                              <terra-button @click=${this.reset}>
+                                  <terra-icon
+                                      name="solid-chevron-left"
+                                      library="heroicons"
+                                      font-size="1.5em"
+                                  ></terra-icon>
+                              </terra-button>
+                          `:g}
+
+                    <terra-variable-keyword-search
+                        @terra-search=${this.handleSearch}
+                    ></terra-variable-keyword-search>
+                </header>
+
+                ${this.showVariablesBrowse?l(this,C,ae).call(this,!!e):l(this,k,ee).call(this)}
+
+                <dialog ?open=${e}>
+                    <terra-loader indeterminate></terra-loader>
+                </dialog>
+            </div>
+        `}getVariable(e){return p(this,d).getVariable(e)}};d=new WeakMap,b=new WeakSet,f=function(e,r,t=!1){let a=this.selectedFacets[e]||[];if(a.includes(r)){l(this,$,z).call(this,e,r);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t?[r]:[...a,r]})},y=new WeakSet,T=function(e){let a=this.selectedFacets,{[e]:r}=a,t=A(a,[O(e)]);this.selectedFacets=t},$=new WeakSet,z=function(e,r){if(!this.selectedFacets[e])return;let t=this.selectedFacets[e].filter(a=>a!==r);if(!t.length){l(this,y,T).call(this,e);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t})},F=new WeakSet,_=function(e,r){let t=this.selectedVariables.find(a=>a.dataFieldLongName===e.dataFieldLongName);r&&!t?this.selectedVariables=[].concat(this.selectedVariables,e):!r&&t&&(this.selectedVariables=this.selectedVariables.filter(a=>a.dataFieldLongName!==e.dataFieldLongName))},S=new WeakSet,J=function(e){let t=e.detail.item.value;(t==="aToZ"||t==="zToA")&&(this.sortOrder=t,requestAnimationFrame(()=>{e.target.querySelectorAll("terra-menu-item").forEach(s=>{s.value===this.sortOrder?s.checked=!0:s.checked=!1})}))},I=new WeakSet,X=function(){return[...p(this,d).variables].sort((t,a)=>{let i=t.dataFieldLongName.toLowerCase(),s=a.dataFieldLongName.toLowerCase();return this.sortOrder==="aToZ"?i.localeCompare(s):s.localeCompare(i)})},w=new WeakSet,Y=function(){let e=[];Object.values(this.selectedFacets).forEach(i=>{e.push(...i)});let r=e.length>0,t=!!this.searchQuery;if(!r&&!t)return"";let a="Browsing";if(r){if(e.length===1)a+=` '${e[0]}'`;else if(e.length===2)a+=` '${e[0]}' and '${e[1]}'`;else{let i=e.slice(0,-1),s=e[e.length-1];a+=` '${i.join("', '")}', and '${s}'`}a+=" variables"}else a+=" variables";return t&&(a+=` for query \`${this.searchQuery}\``),a},k=new WeakSet,ee=function(){var r,t;let e=[{title:"Research Areas",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Sources",facetKey:"platformInstruments"}];return n`
+            <div class="scrollable browse-by-category">
+                <aside>
+                    <h3>Observations</h3>
+
+                    ${(r=p(this,d).facetsByCategory)!=null&&r.observations.length?n`
+                              <label>
+                                  <input
+                                      type="radio"
+                                      name="observation"
+                                      value="All"
+                                      @change=${this.handleObservationChange}
+                                      checked
+                                  />
+                                  All</label
+                              >
+
+                              ${(t=p(this,d).facetsByCategory)==null?void 0:t.observations.map(a=>n`<label>
+                                          <input
+                                              type="radio"
+                                              name="observation"
+                                              value=${a.name}
+                                              @change=${this.handleObservationChange}
+                                          />
+                                          ${a.name}
+                                      </label>`)}
+                          `:n`<terra-skeleton
+                              rows="4"
+                              variableWidths
+                          ></terra-skeleton>`}
+
+                    <terra-button
+                        variant="text"
+                        size
+                        @click=${()=>this.showVariablesBrowse=!0}
+                        >View All Now</terra-button
+                    >
+                </aside>
+
+                <main>
+                    ${e.map(a=>{var i,s,m;return n`
+                            <div class="column">
+                                <h3>${a.title}</h3>
+                                <ul role="list">
+                                    ${(m=(s=(i=p(this,d).facetsByCategory)==null?void 0:i[a.facetKey])==null?void 0:s.filter(u=>u.count>0).map(u=>n`<li
+                                                    role="button"
+                                                    tabindex="0"
+                                                    aria-selected="false"
+                                                    data-facet=${a.facetKey}
+                                                    @click=${this.toggleFacetSelect}
+                                                >
+                                                    ${u.name}
+                                                </li>`))!=null?m:n`<terra-skeleton
+                                        rows=${Z(8,12)}
+                                        variableWidths
+                                    ></terra-skeleton>`}
+                                </ul>
+                            </div>
+                        `})}
+                </main>
+            </div>
+        `},x=new WeakSet,te=function(e,r,t,a){return(t!=null?t:[]).some(s=>s.count>0)?n`<details ?open=${a}>
+            <summary>${r}</summary>
+
+            ${(t!=null?t:[]).map(s=>{var m;return s.count>0?n`
+                          <div class="facet">
+                              <label
+                                  ><input
+                                      type="checkbox"
+                                      @change=${()=>l(this,b,f).call(this,e,s.name)}
+                                      ?checked=${(m=this.selectedFacets[e])==null?void 0:m.includes(s.name)}
+                                  />
+                                  ${s.name}
+                                  <!-- TODO: add count back in once we aren't filtering by Cloud Giovanni Catalog (or Cloud Giovanni supports all variables)(${s.count})--></label
+                              >
+                          </div>
+                      `:g})}
+        </details>`:g},C=new WeakSet,ae=function(e){let r=[{title:"Observations",facetKey:"observations",open:!0},{title:"Disciplines",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Platform / Instrument",facetKey:"platformInstruments"},{title:"Spatial Resolutions",facetKey:"spatialResolutions"},{title:"Temporal Resolutions",facetKey:"temporalResolutions"},{title:"Wavelengths",facetKey:"wavelengths"},{title:"Depths",facetKey:"depths"},{title:"Special Features",facetKey:"specialFeatures"},{title:"Portal",facetKey:"portals"}],t=l(this,I,X).call(this),a=l(this,w,Y).call(this);return n`<div class="scrollable variables-container">
+            <header>
+                <div>${a}</div>
+
+                <menu>
+                    <li>
+                        <terra-dropdown
+                            class="list-menu-dropdown"
+                            placement="bottom-end"
+                        >
+                            <terra-button
+                                slot="trigger"
+                                variant="default"
+                                outline
+                                caret
+                                >Sort by ${q(this.sortOrder)}</terra-button
+                            >
+                            <terra-menu @terra-select=${l(this,S,J)}>
+                                <terra-menu-item
+                                    type="checkbox"
+                                    value="aToZ"
+                                    ?checked=${this.sortOrder==="aToZ"}
+                                    >A to Z</terra-menu-item
+                                >
+                                <terra-menu-item
+                                    type="checkbox"
+                                    value="zToA"
+                                    ?checked=${this.sortOrder==="zToA"}
+                                    >Z to A</terra-menu-item
+                                >
+                            </terra-menu>
+                        </terra-dropdown>
+                    </li>
+                    <!--
+                    <li>
+                        <terra-dropdown class="list-menu-dropdown">
+                            <terra-button slot="trigger" caret>Group By</terra-button>
+                            <terra-menu>
+                                <terra-menu-item value="depths"
+                                    >Depths</terra-menu-item
+                                >
+                                <terra-menu-item value="disciplines"
+                                    >Disciplines</terra-menu-item
+                                >
+                                <terra-menu-item value="measurements"
+                                    >Measurements</terra-menu-item
+                                >
+                                <terra-menu-item value="observations"
+                                    >Observations</terra-menu-item
+                                >
+                                <terra-menu-item value="platformInstruments"
+                                    >Platform Instruments</terra-menu-item
+                                >
+                                <terra-menu-item value="portals"
+                                    >Portals</terra-menu-item
+                                >
+                                <terra-menu-item value="spatialResolutions"
+                                    >Spatial Resolutions</terra-menu-item
+                                >
+                                <terra-menu-item value="specialFeatures"
+                                    >Special Features</terra-menu-item
+                                >
+                                <terra-menu-item value="temporalResolutions"
+                                    >Temporal Resolutions</terra-menu-item
+                                >
+                                <terra-menu-item value="wavelengths"
+                                    >Wavelengths</terra-menu-item
+                                >
+                            </terra-menu>
+                        </terra-dropdown>
+                    </li>
+                    -->
+                </menu>
+            </header>
+
+            <aside>
+                <h3>Filter</h3>
+
+                ${r.map(i=>{var s;return l(this,x,te).call(this,i.facetKey,i.title,(s=p(this,d).facetsByCategory)==null?void 0:s[i.facetKey],i.open)})}
+            </aside>
+
+            <main class="variable-layout">
+                <!-- LEFT COLUMN -->
+                <section class="left-column">
+                    <ul class="variable-list">
+                        ${!e&&!t.length?n`
+                                  <terra-alert
+                                      variant="primary"
+                                      appearance="white"
+                                      open
+                                  >
+                                      <p>
+                                          We didn't find any variables matching your
+                                          search and filters.
+                                      </p>
+                                      <p>
+                                          Please note: This is a beta release and may
+                                          not have the full Giovanni catalog available
+                                          yet. We are working on adding more variables
+                                          and improving the search and filter
+                                          capabilities, so please check back soon!
+                                      </p>
+                                  </terra-alert>
+                              `:g}
+                        ${t.map((i,s)=>n`
+                                <li
+                                    aria-selected="false"
+                                    class="variable-list-item"
+                                    @mouseenter=${()=>this.activeIndex=s}
+                                    @mouseleave=${()=>this.activeIndex=void 0}
+                                    @focusin=${()=>this.activeIndex=s}
+                                    @focusout=${()=>this.activeIndex=void 0}
+                                    @click=${m=>{let u=m.currentTarget,K=u.querySelector('input[type="checkbox"]');K&&(u==null||u.setAttribute("aria-selected",`${K.checked}`))}}
+                                >
+                                    <div class="variable">
+                                        <label>
+                                            <input
+                                                data-variable=${i}
+                                                type="checkbox"
+                                                @change=${m=>{let u=m.currentTarget;l(this,F,_).call(this,i,u.checked)}}
+                                            />
+                                            <strong
+                                                >${i.dataFieldLongName}</strong
+                                            >
+                                            <span
+                                                >${i.dataProductShortName}_${i.dataProductVersion}
+                                                &bull;
+                                                ${i.dataProductTimeInterval}
+                                                &bull;
+                                                ${i.dataProductSpatialResolution}</span
+                                            >
+                                        </label>
+                                    </div>
+                                </li>
+                            `)}
+                    </ul>
+                </section>
+
+                <!-- RIGHT COLUMN -->
+                ${!e&&!t.length?g:n`
+                          <section class="right-column">
+                              ${this.activeIndex!==void 0?n`
+                                        <div class="sticky-element">
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Name in Data File:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataFieldShortName}
+                                            </p>
+                                            <p>
+                                                <label><strong>Units:</strong></label>
+                                                ${t[this.activeIndex].dataFieldUnits}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Temporal Coverage:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductBeginDateTime}
+                                                –
+                                                ${t[this.activeIndex].dataProductEndDateTime}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Region Coverage:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductWest},
+                                                ${t[this.activeIndex].dataProductSouth},
+                                                ${t[this.activeIndex].dataProductEast},
+                                                ${t[this.activeIndex].dataProductNorth}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Spatial Resolution:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductSpatialResolution}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong>Dataset:</strong></label
+                                                >
+                                                ${t[this.activeIndex].dataProductShortName}_${t[this.activeIndex].dataProductVersion}
+                                            </p>
+                                        </div>
+                                    `:n`<p class="placeholder">
+                                        Hover over a variable to see details
+                                    </p>`}
+                          </section>
+                      `}
+            </main>
+        </div> `},o.styles=[P,G],o.dependencies={"terra-variable-keyword-search":W,"terra-button":M,"terra-skeleton":Q,"terra-icon":B,"terra-loader":D,"terra-alert":N},h([U()],o.prototype,"catalog",2),h([U({attribute:"selected-variable-entry-ids",reflect:!0})],o.prototype,"selectedVariableEntryIds",2),h([v()],o.prototype,"searchQuery",2),h([v()],o.prototype,"selectedFacets",2),h([v()],o.prototype,"selectedVariables",2),h([v()],o.prototype,"showVariablesBrowse",2),h([v()],o.prototype,"activeIndex",2),h([v()],o.prototype,"sortOrder",2),h([E("selectedVariables")],o.prototype,"handleSelectedVariablesChange",1);export{o as a};

package/dist/chunks/chunk.XZBSVTBX.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LYVAQ5X2.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-data-grid";e.define("terra-data-grid");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraGridReady:"terra-grid-ready",onTerraSelectionChanged:"terra-selection-changed",onTerraSortChanged:"terra-sort-changed",onTerraFilterChanged:"terra-filter-changed",onTerraRowClicked:"terra-row-clicked",onTerraRowDoubleClicked:"terra-row-double-clicked",onTerraCellClicked:"terra-cell-clicked",onTerraCellValueChanged:"terra-cell-value-changed"},displayName:"TerraDataGrid"}),m=n;export{m as a};

package/dist/chunks/chunk.Y25FQCMA.js

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

package/dist/chunks/chunk.Y4QTK5OI.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YVVKOSUI.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-dialog";e.define("terra-dialog");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraDialogShow:"terra-dialog-show",onTerraDialogAfterShow:"terra-dialog-after-show",onTerraDialogHide:"terra-dialog-hide",onTerraDialogAfterHide:"terra-dialog-after-hide",onTerraDialogInitialFocus:"terra-dialog-initial-focus",onTerraDialogRequestClose:"terra-dialog-request-close"},displayName:"TerraDialog"}),p=o;export{p as a};

package/dist/chunks/chunk.Y6F5QAB2.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.W7L7HUEJ.js";var m=r;r.define("terra-harmony-history");export{m as a};

package/dist/chunks/chunk.YBKVUXXU.js

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

package/dist/chunks/chunk.YIZ2RQOX.js

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

package/dist/chunks/chunk.YKWMWZMS.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.RAUAQANS.js";import*as t from"react";import{createComponent as r}from"@lit/react";var m="terra-menu-item";e.define("terra-menu-item");var a=r({tagName:m,elementClass:e,react:t,events:{},displayName:"TerraMenuItem"}),c=a;export{c as a};

package/dist/chunks/chunk.YPU4IAHG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4OH3XCDR.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-data-subsetter";e.define("terra-data-subsetter");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraSubsetJobComplete:"terra-subset-job-complete"},displayName:"TerraDataSubsetter"}),l=a;export{l as a};

package/dist/chunks/chunk.YSQWMROO.js

@@ -0,0 +1,5 @@
+import{a as r}from"./chunk.XJS3MPKP.js";import{a as l,c as o}from"./chunk.IEJAC4O6.js";import{e}from"./chunk.INFVQQSJ.js";import{property as a}from"lit/decorators.js";import{html as i}from"lit";var t=class extends o{constructor(){super(...arguments);this.ariaLabel="Breadcrumb";this.theme="light"}render(){return i`
+            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
+                <slot></slot>
+            </nav>
+        `}};t.styles=[l,r],e([a({attribute:"aria-label"})],t.prototype,"ariaLabel",2),e([a({reflect:!0})],t.prototype,"theme",2);export{t as a};

package/dist/chunks/chunk.YTWF4W66.js

@@ -0,0 +1,80 @@
+import{a as d}from"./chunk.EVU2XYYQ.js";import{a as b}from"./chunk.XMNTSLBZ.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as u,c as h}from"./chunk.IEJAC4O6.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as c,state as f}from"lit/decorators.js";import{html as r}from"lit";import{classMap as m}from"lit/directives/class-map.js";var i=class extends h{constructor(){super(...arguments);this.current=1;this.total=1;this.variant="full";this.centered=!1;this._visiblePages=[]}handlePropsChange(){this._updateVisiblePages()}connectedCallback(){super.connectedCallback(),this._updateVisiblePages()}_updateVisiblePages(){let t=[],a=Math.max(1,this.total),n=Math.max(1,Math.min(this.current,a));if(this.variant==="simple"){this._visiblePages=[];return}if(a<=7)for(let e=1;e<=a;e++)t.push(e);else if(t.push(1),n<=4){for(let e=2;e<=5;e++)t.push(e);t.push(-1),t.push(a)}else if(n>=a-3){t.push(-1);for(let e=a-4;e<=a;e++)t.push(e)}else{t.push(-1);for(let e=n-1;e<=n+1;e++)t.push(e);t.push(-1),t.push(a)}this._visiblePages=t}_handlePageClick(t){t===this.current||t<1||t>this.total||(this.current=t,this._updateVisiblePages(),this.emit("terra-page-change",{detail:{page:t}}))}_handlePrevClick(){this.current>1&&this._handlePageClick(this.current-1)}_handleNextClick(){this.current<this.total&&this._handlePageClick(this.current+1)}render(){let t=Math.max(1,this.total),a=Math.max(1,Math.min(this.current,t)),n=a===1,e=a===t,_=this.variant==="full";return r`
+            <div
+                part="base"
+                class=${m({pagination:!0,"pagination--centered":this.centered,"pagination--left":this.variant==="full"&&!this.centered,"pagination--simple":this.variant==="simple"})}
+            >
+                <nav part="nav" class="pagination__nav">
+                    <button
+                        part="prev"
+                        class="pagination__button pagination__button--prev"
+                        ?disabled=${n}
+                        @click=${this._handlePrevClick}
+                        aria-label="Previous page"
+                    >
+                        ${this.variant==="simple"?r`
+                                  <terra-icon
+                                      name="chevron-left"
+                                      library="default"
+                                  ></terra-icon>
+                                  <span class="pagination__button-text"
+                                      >Previous</span
+                                  >
+                              `:r`
+                                  <terra-icon
+                                      name="chevron-left"
+                                      library="default"
+                                  ></terra-icon>
+                              `}
+                    </button>
+
+                    ${_?r`
+                              ${this._visiblePages.map(l=>{if(l===-1)return r`
+                                          <span
+                                              part="ellipsis"
+                                              class="pagination__ellipsis"
+                                              aria-hidden="true"
+                                              >…</span
+                                          >
+                                      `;let o=l===a;return r`
+                                      <button
+                                          part=${o?"button-current button":"button"}
+                                          class=${m({pagination__button:!0,"pagination__button--page":!0,"pagination__button--current":o})}
+                                          ?disabled=${o}
+                                          @click=${()=>this._handlePageClick(l)}
+                                          aria-label=${`Page ${l}`}
+                                          aria-current=${o?"page":void 0}
+                                      >
+                                          ${l}
+                                      </button>
+                                  `})}
+                          `:""}
+
+                    <button
+                        part="next"
+                        class="pagination__button pagination__button--next"
+                        ?disabled=${e}
+                        @click=${this._handleNextClick}
+                        aria-label="Next page"
+                    >
+                        ${this.variant==="simple"?r`
+                                  <span class="pagination__button-text">Next</span>
+                                  <terra-icon
+                                      name="chevron-right"
+                                      library="default"
+                                  ></terra-icon>
+                              `:r`
+                                  <terra-icon
+                                      name="chevron-right"
+                                      library="default"
+                                  ></terra-icon>
+                              `}
+                    </button>
+                </nav>
+
+                ${this.variant==="full"&&!this.centered?r`
+                          <div part="slot" class="pagination__slot">
+                              <slot></slot>
+                          </div>
+                      `:""}
+            </div>
+        `}};i.styles=[u,d],i.dependencies={"terra-icon":b},s([c({type:Number})],i.prototype,"current",2),s([c({type:Number})],i.prototype,"total",2),s([c({reflect:!0})],i.prototype,"variant",2),s([c({type:Boolean})],i.prototype,"centered",2),s([f()],i.prototype,"_visiblePages",2),s([p(["current","total","variant"])],i.prototype,"handlePropsChange",1);export{i as a};