@nasa-terra/components 0.0.182 → 0.0.184

package/dist/chunks/chunk.EGFMYSDN.js

@@ -0,0 +1,30 @@
+import{a as n}from"./chunk.P5Z2X5RJ.js";import{a as m}from"./chunk.GBXJ6Y6G.js";import{a as s}from"./chunk.J5Q4TWEG.js";import{a as o,b as l}from"./chunk.HA6P2NGF.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as c}from"lit/directives/class-map.js";import{html as a}from"lit";import{property as r,state as d}from"lit/decorators.js";var i=class extends l{constructor(){super(...arguments);this.hasError=!1;this.image="";this.label="";this.initials="";this.loading="eager";this.shape="circle"}handleImageChange(){this.hasError=!1}handleImageLoadError(){this.hasError=!0,this.emit("terra-error")}render(){let h=a`
+            <img
+                part="image"
+                class="avatar__image"
+                src="${this.image}"
+                loading="${this.loading}"
+                alt=""
+                @error="${this.handleImageLoadError}"
+            />
+        `,t=a``;return this.initials?t=a`<div part="initials" class="avatar__initials">
+                ${this.initials}
+            </div>`:t=a`
+                <div part="icon" class="avatar__icon" aria-hidden="true">
+                    <slot name="icon">
+                        <terra-icon
+                            name="solid-user"
+                            library="heroicons"
+                        ></terra-icon>
+                    </slot>
+                </div>
+            `,a`
+            <div
+                part="base"
+                class=${c({avatar:!0,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"})}
+                role="img"
+                aria-label=${this.label}
+            >
+                ${this.image&&!this.hasError?h:t}
+            </div>
+        `}};i.styles=[o,n],i.dependencies={"terra-icon":m},e([d()],i.prototype,"hasError",2),e([r()],i.prototype,"image",2),e([r()],i.prototype,"label",2),e([r()],i.prototype,"initials",2),e([r()],i.prototype,"loading",2),e([r({reflect:!0})],i.prototype,"shape",2),e([s("image")],i.prototype,"handleImageChange",1);export{i as a};

package/dist/chunks/chunk.EKKGJZD4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ATSB4SJF.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.ENSE3HDL.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2P5R6TAG.js";var t=e;e.define("terra-divider");export{t as a};

package/dist/chunks/chunk.EOLCUMIR.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.KZLZWLYR.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-scroll-hint";e.define("terra-scroll-hint");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraScroll:"terra-scroll"},displayName:"TerraScrollHint"}),i=a;export{i as a};

package/dist/chunks/chunk.EOQI5GWN.js

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

package/dist/chunks/chunk.EPRWRJVD.js

@@ -0,0 +1,17 @@
+import{a as c}from"./chunk.XOXHOZNI.js";import{a as s}from"./chunk.27IBME5U.js";import{a as m,b as u}from"./chunk.HA6P2NGF.js";import{e as i}from"./chunk.INFVQQSJ.js";import{html as w}from"lit";import{property as n}from"lit/decorators.js";var a=class extends u{constructor(){super(...arguments);this.variant="primary";this.duration=3e3;this.closable=!0}get alert(){return this.shadowRoot?this.shadowRoot.querySelector("terra-alert"):null}firstUpdated(){let t=this.alert;t&&(t.addEventListener("terra-show",()=>this.emit("terra-show")),t.addEventListener("terra-after-show",()=>this.emit("terra-after-show")),t.addEventListener("terra-hide",()=>this.emit("terra-hide")),t.addEventListener("terra-after-hide",()=>this.emit("terra-after-hide")))}async toast(){return new Promise(async t=>{await this.updateComplete,this.shadowRoot||await this.updateComplete;let r=this.alert;if(r||(await customElements.whenDefined("terra-alert"),await this.updateComplete,r=this.alert),!r){t();return}await r.updateComplete;let e=s.toastStack;e.parentElement===null&&document.body.append(e),e.appendChild(this),requestAnimationFrame(async()=>{this.clientWidth,await this.updateComplete,await r.updateComplete,r.open||await r.show()}),this.addEventListener("terra-after-hide",()=>{e.contains(this)&&e.removeChild(this),t(),e.querySelector("terra-toast")===null&&e.querySelector("terra-alert")===null&&e.remove()},{once:!0})})}async show(){await this.updateComplete;let t=this.alert;if(!t)throw new Error("TerraToast: Alert element not found");return await t.updateComplete,t.show()}async hide(){await this.updateComplete;let t=this.alert;if(!t)throw new Error("TerraToast: Alert element not found");return await t.updateComplete,t.hide()}static async notify(t,r="primary",e,p=3e3){let l=h=>{let d=document.createElement("div");return d.textContent=h,d.innerHTML},o=Object.assign(document.createElement("terra-toast"),{variant:r,duration:p,closable:!0,innerHTML:e?`
+                    <terra-icon name="${e}" slot="icon" library="heroicons"></terra-icon>
+                    ${l(t)}
+                `:l(t)});return document.body.append(o),await customElements.whenDefined("terra-toast"),await o.updateComplete,o.toast()}render(){return w`
+            <terra-alert
+                part="base"
+                exportparts="base:base__base, icon:base__icon, message:base__message"
+                variant=${this.variant}
+                duration=${this.duration}
+                closable=${this.closable}
+                countdown=${this.countdown||""}
+                appearance="filled"
+            >
+                <slot name="icon" slot="icon"></slot>
+                <slot></slot>
+            </terra-alert>
+        `}};a.styles=[m,c],a.dependencies={"terra-alert":s},i([n({reflect:!0})],a.prototype,"variant",2),i([n({type:Number})],a.prototype,"duration",2),i([n({type:Boolean,reflect:!0})],a.prototype,"closable",2),i([n({type:String,reflect:!0})],a.prototype,"countdown",2);export{a};

package/dist/chunks/chunk.EZI3WYMQ.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.FL6IFTRN.js";import{a as l,b as n}from"./chunk.HA6P2NGF.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as e}from"lit";import{property as a}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.current=!1}render(){let s=!!this.href;return e`
+            <span
+                part="base"
+                class=${p({breadcrumb:!0,"breadcrumb--current":this.current,"breadcrumb--link":s})}
+            >
+                ${s?e`
+                          <a
+                              part="link"
+                              class="breadcrumb__link"
+                              href=${this.href}
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </a>
+                      `:e`
+                          <span
+                              part="label"
+                              class="breadcrumb__label"
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </span>
+                      `}
+            </span>
+        `}};t.styles=[l,o],r([a()],t.prototype,"href",2),r([a({type:Boolean,reflect:!0})],t.prototype,"current",2);export{t as a};

package/dist/chunks/chunk.EZI7VJCI.js

@@ -0,0 +1 @@
+import{b as d,c as P}from"./chunk.QMLZIOGK.js";import{b as N}from"./chunk.7J2F6HQM.js";import{a as I}from"./chunk.3FHTK4MP.js";import{a as x}from"./chunk.IZZFNAC5.js";import{a as $,f as r,g as v,h as m}from"./chunk.INFVQQSJ.js";import{MutationObserver as G}from"@tanstack/query-core";var c,g,B=class{constructor(e,t){this.host=e;v(this,c,void 0);v(this,g,void 0);this.host.addController(this),m(this,c,new G(e.queryClient,t))}mutate(e){return r(this,c).mutate(e)}reset(){r(this,c).reset(),this.host.requestUpdate()}hostConnected(){m(this,g,r(this,c).subscribe(e=>{this.result=e,this.host.requestUpdate()}))}hostDisconnected(){var e;(e=r(this,g))==null||e.call(this),m(this,g,void 0)}};c=new WeakMap,g=new WeakMap;var s,O=class O{constructor(e){v(this,s,void 0);var t;m(this,s,$({},e)),r(this,s).variables=void 0,(t=e==null?void 0:e.variables)==null||t.forEach(n=>{this.variable(n)}),e!=null&&e.environment&&this.environment(e.environment.toUpperCase())}get requestUrl(){return`${this.baseUrl}?${this.params}`}get baseUrl(){let{environment:e,collectionConceptId:t,variableConceptIds:n,variables:a}=r(this,s);if(!t)throw new N({message:"Collection concept id is required"});let l=P[e!=null?e:d.PROD],o=a!=null&&a.length?"parameter_vars":Array.isArray(n)?n.join(","):n;return`${l}/${t}/ogc-api-coverages/1.0.0/collections/${o||"all"}/coverage/rangeset`}get params(){let e=new URLSearchParams,{location:t,startDate:n,endDate:a,format:l,labels:o,variables:h,average:y,anonymous:f,dimensions:u}=r(this,s);return t instanceof x?e.append("point",`${t.lat},${t.lng}`):t instanceof I&&(e.append("subset",`lat(${t.getSouth()}:${t.getNorth()})`),e.append("subset",`lon(${t.getWest()}:${t.getEast()})`)),n&&e.append("subset",`time("${n}":"${a!=null?a:n}")`),u&&u.length>0&&u.forEach(i=>{e.append("subset",`${i.name}(${i.min}:${i.max})`)}),l&&e.append("format",l),o==null||o.forEach(i=>{e.append("label",i)}),h==null||h.forEach(i=>{e.append("variable",i)}),y&&e.append("average",y),f&&e.append("maxResults","10"),e.toString()}get options(){return r(this,s)}set(e){return m(this,s,$($({},r(this,s)),e)),this}getLabelByPrefix(e){var a;let t=(a=r(this,s).labels)==null?void 0:a.find(l=>l.startsWith(`${e}:`)),n=t?t.split(":")[1].trim():void 0;return n!=="NOT APPLICABLE"?n:void 0}environment(e){return this.set({environment:e})}collection(e){return this.set({collectionConceptId:e})}variable(e){var t,n;return this.isVariableConceptId(e)?this.set({variableConceptIds:[...(t=r(this,s).variableConceptIds)!=null?t:[],e]}):this.set({variables:[...(n=r(this,s).variables)!=null?n:[],e]})}location(e){return this.set({location:e})}dateRange(e,t){return this.set({startDate:e,endDate:t})}startDate(e){return this.set({startDate:e})}endDate(e){return this.set({endDate:e})}format(e){return this.set({format:e})}label(e){var t;return this.set({labels:[...(t=r(this,s).labels)!=null?t:[],e]})}addLabelsFromVariable(e){return this.label(`collection: ${e.dataProductShortName}_${e.dataProductVersion}`),this.label(`variable-display-name: ${e.dataFieldLongName||e.dataFieldId}`),this.label(`instrument-short-name: ${e.dataProductInstrumentShortName}`),this.label(`time-interval: ${e.dataProductTimeInterval}`),this.label(`units: ${e.dataFieldUnits}`),this}average(e){return this.set({average:e})}dimension(e){var t;return this.set({dimensions:[...(t=r(this,s).dimensions)!=null?t:[],e]})}skipPreview(e){return this.set({skipPreview:e})}isVariableConceptId(e){return/^V\d+-.+$/.test(e)}getTerraIcon(){var e;return(e=this.options.labels)!=null&&e.includes("terra-time-average-map")?"outline-map":"outline-chart-bar"}static fromUrl(e){var M,H,F;if(!e)return new O;let t=new URL(e),n;t.origin===P[d.PROD]?n=d.PROD:t.origin===P[d.UAT]&&(n=d.UAT);let a=t.pathname.split("/"),l=a[1]||void 0,o=a[5],h;o&&o!=="parameter_vars"&&o!=="all"&&(h=o.split(","));let y=t.searchParams.getAll("subset"),f,u,i,C,q,A,L=[];for(let p of y){let b=p.match(/^lat\((.+):(.+)\)$/),E=p.match(/^lon\((.+):(.+)\)$/),w=p.match(/^time\("(.+)":"(.+)"\)$/),R=p.match(/^(\w+)\((.+):(.+)\)$/);b?(f=parseFloat(b[1]),u=parseFloat(b[2])):E?(i=parseFloat(E[1]),C=parseFloat(E[2])):w?(q=w[1],A=w[2]):R&&L.push({name:R[1],min:parseFloat(R[2]),max:parseFloat(R[3])})}let D;f!==void 0&&u!==void 0&&i!==void 0&&C!==void 0&&(D=new I([i,f,C,u]));let U=t.searchParams.get("point");if(U){let[p,b]=U.split(",").map(Number);D=new x(p,b)}let j=(M=t.searchParams.get("format"))!=null?M:void 0,T=(H=t.searchParams.getAll("label"))!=null?H:void 0,k=T&&T.length>0?T:void 0,V=t.searchParams.getAll("variable"),Q=(F=t.searchParams.get("average"))!=null?F:void 0,W=t.searchParams.get("maxResults")==="10"?!0:void 0;return new O({environment:n,collectionConceptId:l,variableConceptIds:h,variables:V.length>0?V:void 0,location:D,startDate:q,endDate:A,format:j,labels:k,average:Q,anonymous:W,dimensions:L.length>0?L:void 0})}};s=new WeakMap;var S=O;export{B as a,S as b};

package/dist/chunks/chunk.FC47S6WY.js

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

package/dist/chunks/chunk.FEZWYWLM.js

@@ -0,0 +1 @@
+import{a as b,f as W,l as y}from"./chunk.QMLZIOGK.js";import{b as C,c as M}from"./chunk.7J2F6HQM.js";import{a as r,b as u,f as o,g as s,h as c,i as g}from"./chunk.INFVQQSJ.js";var se="https://cmr.earthdata.nasa.gov/search/",D,$,A,L,Q=class{constructor(){s(this,D);s(this,A)}async getCollection(e,t,n){return this.getCollectionByEntryId(`${e}_${t}`,n)}async getCollectionByEntryId(e,t){if(!e)throw new C({message:"`collectionEntryId` is required"});let n=await g(this,D,$).call(this,`collections.umm_json?entry_id=${e}&include_granule_counts=true`,t);if(!n.items.length)throw new M({message:`Collection ${e} was not found`});return n.items[0]}async searchVariables(e,t){var n;if(!e.collectionConceptId)throw new C({message:"`collectionConceptId` is required"});return g(this,D,$).call(this,`variables.umm_json?keyword=${e.collectionConceptId}&page_size=${(n=e.pageSize)!=null?n:200}`,t)}async getSamplingOfGranules(e,t){var z,j,F,H,K,P,N;let[n,m]=await Promise.all([this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"asc"},t),this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"desc"},t)]),l=(z=n.items[0])==null?void 0:z.umm,a=(j=l==null?void 0:l.TemporalExtent)==null?void 0:j.RangeDateTime,d=(a==null?void 0:a.BeginningDateTime)!=null&&a.EndingDateTime!=null?(new Date(a.EndingDateTime).getTime()-new Date(a.BeginningDateTime).getTime())/(1e3*60*60)<24:!1;return{minDate:(F=a==null?void 0:a.BeginningDateTime)==null?void 0:F.toString(),maxDate:(N=(P=(K=(H=m.items[0])==null?void 0:H.umm.TemporalExtent)==null?void 0:K.RangeDateTime)==null?void 0:P.BeginningDateTime)==null?void 0:N.toString(),isSubDaily:d,hasGranules:n.hits>0}}async searchGranules(e,t){var m,l,a,d;if(!e.collectionEntryId&&!e.collectionConceptId)throw new C({message:"`collectionEntryId` or `collectionConceptId` is required to search granules"});let n=new URLSearchParams(r(r(r(r(r(r(r(r(r(r({},e.collectionEntryId&&{"entry_id[]":e.collectionEntryId}),e.collectionConceptId&&{collection_concept_id:e.collectionConceptId}),e.pageSize&&{page_size:e.pageSize.toString()}),e.pageNum&&{page_num:e.pageNum.toString()}),e.offset&&{offset:e.offset.toString()}),e.sortBy&&{"sort_key[]":g(this,A,L).call(this,e.sortBy,(m=e.sortDirection)!=null?m:"asc")}),e.search&&{"granule_ur[]":`*${e.search}*`,"options[granule_ur][pattern]":"true"}),e.startDate&&e.endDate&&{temporal:`${e.startDate},${e.endDate}`}),((l=e.location)==null?void 0:l.type)==="bbox"&&{bounding_box:e.location.bounds.toBBoxString()}),((a=e.cloudCover)==null?void 0:a.min)!==void 0&&((d=e.cloudCover)==null?void 0:d.max)!==void 0&&{cloud_cover:`${e.cloudCover.min},${e.cloudCover.max}`}));return g(this,D,$).call(this,`granules.umm_json?${n.toString()}`,t)}};D=new WeakSet,$=function(e,t){return b.get(`${se}${e}`,u(r({},t),{headers:r(r({},t==null?void 0:t.headers),(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})}))},A=new WeakSet,L=function(e,t){let n=e;switch(e){case"title":case"umm.GranuleUR":n="granuleUr";break;case"size":case"umm.DataGranule.Size":n="dataSize";break;case"timeStart":case"umm.TemporalExtent.RangeDateTime.BeginningDateTime":n="startDate";break;case"timeEnd":case"umm.TemporalExtent.RangeDateTime.EndingDateTime":n="endDate";break}return`${t==="asc"?"+":"-"}${n}`};var ae=new Q,S=ae;function J(i,e){return{queryKey:["cmr","collection",i],queryFn:async({signal:t})=>S.getCollectionByEntryId(i,u(r({},e),{signal:t})),enabled:!!i}}function ve(i,e){return{queryKey:["cmr","granules",i],queryFn:async({signal:t})=>S.searchGranules(i,u(r({},e),{signal:t})),enabled:!!i.collectionEntryId||!!i.collectionConceptId}}function X(i,e){return{queryKey:["cmr","variables",i],queryFn:async({signal:t})=>S.searchVariables(i,u(r({},e),{signal:t})),enabled:!!i.collectionConceptId}}function Y(i,e){return{queryKey:["cmr","sampling",i],queryFn:async({signal:t})=>i?S.getSamplingOfGranules(i,u(r({},e),{signal:t})):null,enabled:!!i}}var le="https://api.giovanni.earthdata.nasa.gov/",U,Z,V=class{constructor(){s(this,U)}async getConfiguredVariables(e){return(await g(this,U,Z).call(this,"configured-variables",e)).configured_variables}};U=new WeakSet,Z=function(e,t){return b.get(`${le}${e}`,t)};var ce=new V,ee=ce;function te(){return{queryKey:["giovanni","configuredVariables"],queryFn:async({signal:i})=>ee.getConfiguredVariables({signal:i})}}var ue="https://disc.gsfc.nasa.gov/api/",_,ne,k=class{constructor(){s(this,_)}async getCollectionByEntryId(e,t){if(!e)throw new C({message:"`collectionEntryId` is required"});return g(this,_,ne).call(this,`/metadata/dataset/${e}`,t)}};_=new WeakSet,ne=function(e,t){return b.get(`${ue}${e}`,t)};var me=new k,ie=me;function re(i,e){return{queryKey:["gesdisc","collection",i.collectionEntryId],queryFn:async({signal:t})=>ie.getCollectionByEntryId(i.collectionEntryId,u(r({},e),{signal:t})),enabled:!!i.collectionEntryId&&ge(i.collectionConceptId)}}function ge(i){var e;return(e=i==null?void 0:i.endsWith("GES_DISC"))!=null?e:!1}var p,h,T,w,f,x,I,E,B,O,G,oe=class{constructor(e,t){this.host=e;this.config=t;s(this,p,void 0);s(this,h,void 0);s(this,T,void 0);s(this,w,void 0);s(this,f,void 0);s(this,x,void 0);s(this,I,void 0);s(this,E,void 0);s(this,B,void 0);s(this,O,void 0);s(this,G,new Set);this.host.addController(this),c(this,p,new y(this.host,()=>J(this.config.getCollectionEntryId()))),c(this,h,new y(this.host,()=>W(this.conceptId,{bearerToken:this.config.getBearerToken()}))),c(this,T,new y(this.host,()=>X({collectionConceptId:this.conceptId}))),c(this,w,new y(this.host,()=>re({collectionEntryId:this.config.getCollectionEntryId(),collectionConceptId:this.conceptId}))),c(this,f,new y(this.host,()=>Y(this.config.getCollectionEntryId()))),c(this,x,new y(this.host,te))}hostConnected(){}hostDisconnected(){}get conceptId(){var e,t;return(t=(e=o(this,p).result)==null?void 0:e.data)==null?void 0:t.meta["concept-id"]}get collection(){return o(this,p).result}get capabilities(){return o(this,h).result}get variables(){return o(this,T).result}get gesDiscCollection(){return o(this,w).result}get sampling(){return o(this,f).result}get giovanniVariables(){var t,n;let e=(n=(t=o(this,x).result)==null?void 0:t.data)!=null?n:void 0;return e!==o(this,O)&&(c(this,O,e),c(this,G,new Set(e!=null?e:[]))),o(this,G)}get isLoadingCollection(){var e,t;return(t=(e=o(this,p).result)==null?void 0:e.isLoading)!=null?t:!1}get hasCapabilitiesError(){var e,t;return(t=(e=o(this,h).result)==null?void 0:e.isError)!=null?t:!1}get isSubDaily(){var e,t,n;return(n=(t=(e=o(this,f).result)==null?void 0:e.data)==null?void 0:t.isSubDaily)!=null?n:!1}get hasGranules(){var e,t,n;return(n=(t=(e=o(this,f).result)==null?void 0:e.data)==null?void 0:t.hasGranules)!=null?n:!1}get spatialConstraints(){var n,m,l,a,d;let e=(d=(a=(l=(m=(n=o(this,p).result)==null?void 0:n.data)==null?void 0:m.umm.SpatialExtent)==null?void 0:l.HorizontalSpatialDomain)==null?void 0:a.Geometry)==null?void 0:d.BoundingRectangles;if(!(e!=null&&e.length))return"-180, -90, 180, 90";let t=e[0];return`${t.WestBoundingCoordinate}, ${t.SouthBoundingCoordinate}, ${t.EastBoundingCoordinate}, ${t.NorthBoundingCoordinate}`}get collectionInfo(){var n,m,l;let e=(n=o(this,h).result)==null?void 0:n.data,t=(m=o(this,p).result)==null?void 0:m.data;if(!(!e||!t))return(e!==o(this,E)||t!==o(this,B))&&(c(this,E,e),c(this,B,t),c(this,I,u(r({},e),{granuleCount:(l=t.meta["granule-count"])!=null?l:0,collection:t.umm}))),o(this,I)}};p=new WeakMap,h=new WeakMap,T=new WeakMap,w=new WeakMap,f=new WeakMap,x=new WeakMap,I=new WeakMap,E=new WeakMap,B=new WeakMap,O=new WeakMap,G=new WeakMap;export{ve as a,oe as b};

package/dist/chunks/chunk.FHTH3C2R.js

@@ -0,0 +1,300 @@
+import{b as j}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.RXQXGNNY.js";import{a as H}from"./chunk.T6PCO7JN.js";import{a as G}from"./chunk.Z4MRB553.js";import{a as D}from"./chunk.QMFV7RWN.js";import{a as M}from"./chunk.46IGCOVD.js";import{a as Q}from"./chunk.JEP5ZAVN.js";import{a as Z}from"./chunk.RM5CVLJ5.js";import{a as B}from"./chunk.GBXJ6Y6G.js";import{a as R}from"./chunk.27IBME5U.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as P,b as N}from"./chunk.HA6P2NGF.js";import{a as V,b as L,c as K,d as O,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 q,state as v}from"lit/decorators.js";import{TaskStatus as ae}from"@lit/task";var d,b,f,y,T,$,U,F,z,S,_,I,J,k,X,w,Y,x,ee,C,te,o=class extends N{constructor(){super(...arguments);c(this,b);c(this,y);c(this,$);c(this,F);c(this,S);c(this,I);c(this,k);c(this,w);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 Q(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).task.status===ae.PENDING&&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,te).call(this,!!e):l(this,w,Y).call(this)}
+
+                <dialog ?open=${e}>
+                    <terra-loader indeterminate></terra-loader>
+                </dialog>
+            </div>
+        `}getVariable(e){return p(this,d).catalog.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,$,U).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=O(a,[K(e)]);this.selectedFacets=t},$=new WeakSet,U=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,z=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,_=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,J=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)})},k=new WeakSet,X=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},w=new WeakSet,Y=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,u;return n`
+                            <div class="column">
+                                <h3>${a.title}</h3>
+                                <ul role="list">
+                                    ${(u=(s=(i=p(this,d).facetsByCategory)==null?void 0:i[a.facetKey])==null?void 0:s.filter(m=>m.count>0).map(m=>n`<li
+                                                    role="button"
+                                                    tabindex="0"
+                                                    aria-selected="false"
+                                                    data-facet=${a.facetKey}
+                                                    @click=${this.toggleFacetSelect}
+                                                >
+                                                    ${m.name}
+                                                </li>`))!=null?u:n`<terra-skeleton
+                                        rows=${G(8,12)}
+                                        variableWidths
+                                    ></terra-skeleton>`}
+                                </ul>
+                            </div>
+                        `})}
+                </main>
+            </div>
+        `},x=new WeakSet,ee=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 u;return s.count>0?n`
+                          <div class="facet">
+                              <label
+                                  ><input
+                                      type="checkbox"
+                                      @change=${()=>l(this,b,f).call(this,e,s.name)}
+                                      ?checked=${(u=this.selectedFacets[e])==null?void 0:u.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,te=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,J).call(this),a=l(this,k,X).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 ${j(this.sortOrder)}</terra-button
+                            >
+                            <terra-menu @terra-select=${l(this,S,_)}>
+                                <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,ee).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=${u=>{let m=u.currentTarget,E=m.querySelector('input[type="checkbox"]');E&&(m==null||m.setAttribute("aria-selected",`${E.checked}`))}}
+                                >
+                                    <div class="variable">
+                                        <label>
+                                            <input
+                                                data-variable=${i}
+                                                type="checkbox"
+                                                @change=${u=>{let m=u.currentTarget;l(this,F,z).call(this,i,m.checked)}}
+                                                style="display: none;"
+                                            />
+                                            <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,Z],o.dependencies={"terra-variable-keyword-search":W,"terra-button":M,"terra-skeleton":H,"terra-icon":B,"terra-loader":D,"terra-alert":R},h([q()],o.prototype,"catalog",2),h([q({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([A("selectedVariables")],o.prototype,"handleSelectedVariablesChange",1);export{o as a};

package/dist/chunks/chunk.FK5RENY4.js

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