@nasa-terra/components 0.0.198 → 0.0.199

package/dist/chunks/chunk.P34GHQPV.js

@@ -1,299 +0,0 @@
-import{b as q}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.SMKE3JC5.js";import{a as Q}from"./chunk.KTR74BUH.js";import{a as H}from"./chunk.QDFHF7LY.js";import{a as Z}from"./chunk.KF4DMI4T.js";import{a as D}from"./chunk.YKXFFCAA.js";import{a as j}from"./chunk.3TTTQDTO.js";import{a as G}from"./chunk.LXQROJE2.js";import{a as M}from"./chunk.2XPGS7YP.js";import{a as B}from"./chunk.VB25KRVB.js";import{a as N}from"./chunk.TFVXGDQM.js";import{a as E}from"./chunk.J5Q4TWEG.js";import{a as P,c as R}from"./chunk.MCGELDAA.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.P4DO532S.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.ZH2NCLUA.js";var s=e;e.define("terra-data-subsetter-history");export{s as a};

package/dist/chunks/chunk.P4MGQ55S.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.YASIML6Z.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-date-range-slider";e.define("terra-date-range-slider");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraDateRangeSlider"}),i=o;export{i as a};

package/dist/chunks/chunk.P6F4F5QD.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.X35TMCUS.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-login";e.define("terra-login");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraLogin:"terra-login"},displayName:"TerraLogin"}),g=n;export{g as a};