@nasa-terra/components 0.0.174 → 0.0.176

package/dist/chunks/chunk.UFHVFIWI.js

@@ -0,0 +1,1158 @@
+import{a as tt,b as it}from"./chunk.LUQMCRYL.js";import{a as ni}from"./chunk.XECIKHZD.js";import{a as Gt}from"./chunk.SA2DUZVH.js";import{a as Bt}from"./chunk.42LXCLD6.js";import{a as ii}from"./chunk.IF2XG3EP.js";import{a as Yt}from"./chunk.W7O33DH5.js";import{a as si}from"./chunk.KXA6CEPI.js";import{a as Wt,b as Kt,c as ti}from"./chunk.H2KDZ37H.js";import{a as ei}from"./chunk.4YMEXXHA.js";import{a as Xt}from"./chunk.L4T3U7TN.js";import{a as Zt}from"./chunk.DXAPDDPR.js";import{a as Qt}from"./chunk.LAPXG4B4.js";import{b as Ht}from"./chunk.5SIVM4DR.js";import{a as Jt}from"./chunk.E6HNLV32.js";import{a as Pt}from"./chunk.NSJI2VIK.js";import{a as _t}from"./chunk.O4RXDTS3.js";import{a as zt}from"./chunk.4LXRX32O.js";import{a as O,b as q,c as Nt}from"./chunk.7J2F6HQM.js";import{a as qt}from"./chunk.52AVSPQE.js";import{a as At}from"./chunk.LDTSOPRY.js";import{a as Lt}from"./chunk.E775SIZV.js";import{a as Ut}from"./chunk.MPQ3Y2NR.js";import{a as Ft}from"./chunk.ETDMZC7Z.js";import{b as jt}from"./chunk.E3NUSTFU.js";import{a as Mt}from"./chunk.5M53AMLQ.js";import{a as F}from"./chunk.J5Q4TWEG.js";import{a as Ot,b as Vt}from"./chunk.RHMQH2SJ.js";import{a as $,b as C,e as b,f as w,g as h,i as r}from"./chunk.INFVQQSJ.js";import{TaskStatus as gi}from"@lit/task";import{html as c,nothing as m}from"lit";import{property as I,query as bi,state as x}from"lit/decorators.js";import{QueryObserver as Bi}from"@tanstack/query-core";var G=class{constructor(o,e,t){this.host=o;this.optionsFn=e;this.host.addController(this),this.hostPropertyName=t,this.optionsFn&&this.observeQuery(this.optionsFn)}observeQuery(o,e=!0){let t=this.host.queryClient,i=typeof o=="function"?o():o,s=t.defaultQueryOptions(i);this.queryObserver=new Bi(t,s),this.result=e?this.queryObserver.getOptimisticResult(s):void 0,this.host.requestUpdate()}hostUpdate(){if(!this.optionsFn||!this.queryObserver)return;let o=this.host.queryClient.defaultQueryOptions(this.optionsFn());this.queryObserver.setOptions(o)}hostConnected(){this.subscribe()}async subscribe(){var o;!this.queryObserver&&(this.optionsFn&&this.observeQuery(this.optionsFn),!this.queryObserver)||((o=this.unsubscribe)==null||o.call(this),this.unsubscribe=this.queryObserver.subscribe(e=>{this.result=e,this.hostPropertyName&&(this.host[this.hostPropertyName]=e),this.host.requestUpdate()}),this.queryObserver.updateResult(),this.host.requestUpdate())}hostDisconnected(){var o;(o=this.unsubscribe)==null||o.call(this),this.unsubscribe=void 0}};import{QueryClient as Ui}from"@tanstack/query-core";import{persistQueryClient as Wi}from"@tanstack/query-persist-client-core";import{openDB as Qi}from"idb";function ri(v,o){let e=o.dbName,t=o.storeName,i=Qi(e,1,{upgrade(s){s.objectStoreNames.contains(t)||s.createObjectStore(t)}});return{persistClient:async s=>{await(await i).put(t,s,v)},restoreClient:async()=>await(await i).get(t,v),removeClient:async()=>{await(await i).delete(t,v)}}}var ai=1e3*60*15,Ki=new Ui({defaultOptions:{queries:{gcTime:ai,retry:(v,o)=>o instanceof O&&o.status>=400&&o.status<500?!1:v<3}}}),oi=0,B,L,Yi=v=>{if(!B){let o=ri("terraQuery",{dbName:"terra-query",storeName:"query-client"}),[e,t]=Wi({queryClient:v,persister:o,maxAge:ai});L=e,B=t.catch(()=>{}).then(()=>{v.mount()})}return B},li=v=>{class o extends v{constructor(){super(...arguments);this.queryClient=Ki}connectedCallback(){super.connectedCallback(),++oi===1&&Yi(this.queryClient)}disconnectedCallback(){super.disconnectedCallback(),--oi===0&&(B?B.then(()=>{L==null||L(),this.queryClient.unmount()}):(L==null||L(),this.queryClient.unmount()))}}return o};async function Q(v,{method:o="GET",body:e,headers:t={},signal:i}={}){var s,n,a,d,l,p;try{let u=await fetch(v,{method:o,headers:t,body:e?JSON.stringify(e):void 0,signal:i});if(!u.ok){if(!((s=u.headers.get("Content-Type"))!=null&&s.includes("json"))){let y=await u.text();throw new O({status:u.status,message:y||`HTTP ${u.status}`})}let f=await u.json();throw new O({status:u.status,message:(l=(d=(n=f.message)!=null?n:f.description)!=null?d:(a=f.errors)==null?void 0:a[0])!=null?l:`HTTP ${u.status}`})}if(u.status===204)return;if(!((p=u.headers.get("Content-Type"))!=null&&p.includes("json")))throw new O({status:500,message:`Expected JSON response but got ${u.headers.get("Content-Type")}`});return u.json()}catch(u){if(u instanceof DOMException&&u.name==="AbortError")return;throw u instanceof O&&u.status!==500?u:(console.error(u),console.error(`Failed to fetch ${v}`),new O({status:500,message:"An unknown error occurred when attempting to fetch, please try again later.",cause:u}))}}var me={get:(v,o)=>Q(v,$({},o)),post:(v,o,e)=>Q(v,$({method:"POST",body:o},e)),put:(v,o)=>Q(v,{method:"PUT",body:o}),patch:(v,o)=>Q(v,{method:"PATCH",body:o}),delete:v=>Q(v,{method:"DELETE"})};var Xi="https://cmr.earthdata.nasa.gov/search/",N,ge,be,ci,st=class{constructor(){h(this,N);h(this,be)}async getCollection(o,e,t){return this.getCollectionByEntryId(`${o}_${e}`,t)}async getCollectionByEntryId(o,e){if(!o)throw new q({message:"`collectionEntryId` is required"});let t=await r(this,N,ge).call(this,`collections.umm_json?entry_id=${o}&include_granule_counts=true`,e);if(!t.items.length)throw new Nt({message:`Collection ${o} was not found`});return t.items[0]}async searchVariables(o,e){var t;if(!o.collectionConceptId)throw new q({message:"`collectionConceptId` is required"});return r(this,N,ge).call(this,`variables.umm_json?keyword=${o.collectionConceptId}&page_size=${(t=o.pageSize)!=null?t:200}`,e)}async searchGranules(o,e){var i,s,n,a;if(!o.collectionEntryId&&!o.collectionConceptId)throw new q({message:"`collectionEntryId` or `collectionConceptId` is required to search granules"});let t=new URLSearchParams($($($($($($($($($($({},o.collectionEntryId&&{"entry_id[]":o.collectionEntryId}),o.collectionConceptId&&{collection_concept_id:o.collectionConceptId}),o.pageSize&&{page_size:o.pageSize.toString()}),o.pageNum&&{page_num:o.pageNum.toString()}),o.offset&&{offset:o.offset.toString()}),o.sortBy&&{"sort_key[]":r(this,be,ci).call(this,o.sortBy,(i=o.sortDirection)!=null?i:"asc")}),o.search&&{"granule_ur[]":`*${o.search}*`,"options[granule_ur][pattern]":"true"}),o.startDate&&o.endDate&&{temporal:`${o.startDate},${o.endDate}`}),((s=o.location)==null?void 0:s.type)==="bbox"&&{bounding_box:o.location.bounds.toBBoxString()}),((n=o.cloudCover)==null?void 0:n.min)!==void 0&&((a=o.cloudCover)==null?void 0:a.max)!==void 0&&{cloud_cover:`${o.cloudCover.min},${o.cloudCover.max}`}));return r(this,N,ge).call(this,`granules.umm_json?${t.toString()}`,e)}};N=new WeakSet,ge=function(o,e){return me.get(`${Xi}${o}`,C($({},e),{headers:$($({},e==null?void 0:e.headers),(e==null?void 0:e.bearerToken)&&{Authorization:`Bearer ${e.bearerToken}`})}))},be=new WeakSet,ci=function(o,e){let t=o;switch(o){case"title":case"umm.GranuleUR":t="granuleUr";break;case"size":case"umm.DataGranule.Size":t="dataSize";break;case"timeStart":case"umm.TemporalExtent.RangeDateTime.BeginningDateTime":t="startDate";break;case"timeEnd":case"umm.TemporalExtent.RangeDateTime.EndingDateTime":t="endDate";break}return`${e==="asc"?"+":"-"}${t}`};var Zi=new st,di=Zi;function ui(v,o){return{queryKey:["cmr","variables",v],queryFn:async({signal:e})=>di.searchVariables(v,C($({},o),{signal:e})),enabled:!!v.collectionConceptId}}var es="https://disc.gsfc.nasa.gov/api/",ve,hi,nt=class{constructor(){h(this,ve)}async getCollectionByEntryId(o,e){if(!o)throw new q({message:"`collectionEntryId` is required"});return r(this,ve,hi).call(this,`/metadata/dataset/${o}`,e)}};ve=new WeakSet,hi=function(o,e){return me.get(`${es}${o}`,e)};var ts=new nt,pi=ts;function mi(v,o){return{queryKey:["gesdisc","collection",v.collectionEntryId],queryFn:async({signal:e})=>pi.getCollectionByEntryId(v.collectionEntryId,C($({},o),{signal:e})),enabled:!!v.collectionEntryId&&is(v.collectionConceptId)}}function is(v){var o;return(o=v==null?void 0:v.endsWith("GES_DISC"))!=null?o:!1}var rt=class{getVariableByName(o,e){var t;if(!(!e||!((t=e.items)!=null&&t.length)))return e.items.find(i=>i.umm.Name===o)}getVariableDisplayLabel(o){let{Name:e="",LongName:t="",Units:i=""}=o.umm;return`${e}${e&&t&&e!==t?` = ${t}`:""}${i?` (${i})`:""}`}},ss=new rt,ot=ss;var W,xe,vi,Se,fi,K,at,Y,De,yi,we,$i,Ce,xi,ke,Te,Re,A,U,Ee,Si,Ie,X,Oe,Di,Ve,wi,Me,Ci,je,ki,Fe,Ti,Le,Ri,Z,lt,ee,ct,_,fe,Ae,Ei,qe,Ii,Ne,Oi,M,z,ze,te,dt,_e,Vi,P,ye,Pe,Mi,ie,ut,He,ji,se,ht,ne,pt,Je,Fi,Ge,Li,re,mt,oe,gt,Be,Ai,H,$e,ae,bt,Qe,qi,Ue,Ni,We,zi,le,vt,ce,ft,de,yt,Ke,_i,Ye,Pi,Xe,Hi,ue,$t,Ze,Ji,et,Gi,he,xt,k,V,pe,St,g=class extends li(Vt){constructor(){super(...arguments);h(this,xe);h(this,Se);h(this,K);h(this,De);h(this,we);h(this,Ce);h(this,A);h(this,Ee);h(this,Oe);h(this,Ve);h(this,Me);h(this,je);h(this,Fe);h(this,Le);h(this,Z);h(this,ee);h(this,_);h(this,Ae);h(this,qe);h(this,Ne);h(this,M);h(this,te);h(this,_e);h(this,P);h(this,Pe);h(this,ie);h(this,He);h(this,se);h(this,ne);h(this,Je);h(this,Ge);h(this,re);h(this,oe);h(this,Be);h(this,H);h(this,ae);h(this,Qe);h(this,Ue);h(this,We);h(this,le);h(this,ce);h(this,de);h(this,Ke);h(this,Ye);h(this,Xe);h(this,ue);h(this,Ze);h(this,et);h(this,he);h(this,k);h(this,pe);this.showCollectionSearch=!0;this.showHistoryPanel=!0;this.isHistoryView=!1;this.selectedVariables=[];this.selectedDimensionIndexes={};this.expandedVariableGroups=new Set;this.variableFilterText="";this.touchedFields=new Set;this.selectedDateRange={startDate:null,endDate:null};this.selectedFormat=tt;this.cancelingGetData=!1;this.selectedTab="web-links";this.refineParameters=!1;this.collectionSearchType="all";this.collectionSearchLoading=!1;this.collectionLoading=!1;this.collectionAccordionOpen=!0;this.dataAccessMode="original";this.variablesQuery=new G(this,()=>{var e;return ui({collectionConceptId:(e=this.collectionWithServices)==null?void 0:e.conceptId})});this.gesDiscCollectionQuery=new G(this,()=>{var e;return mi({collectionEntryId:this.collectionEntryId,collectionConceptId:(e=this.collectionWithServices)==null?void 0:e.conceptId})});this.controller=new ii(this);h(this,W,new Jt(this));h(this,Y,()=>{this.selectedVariables=[],r(this,H,$e).call(this)&&w(this,X).call(this),this.selectedDateRange={startDate:null,endDate:null},this.touchedFields=new Set,this.validationError=void 0,this.expandedVariableGroups=new Set,this.requestUpdate()});h(this,ke,e=>{r(this,M,z).call(this,"date"),this.selectedDateRange=C($({},this.selectedDateRange),{startDate:e.detail.startDate,endDate:e.detail.endDate})});h(this,Te,()=>{this.selectedDateRange={startDate:null,endDate:null}});h(this,Re,()=>{var e,t;if((t=(e=this.collectionWithServices)==null?void 0:e.outputFormats)!=null&&t.length){let i=this.collectionWithServices.outputFormats.find(s=>s==="application/x-netcdf4"||s==="application/netcdf");this.selectedFormat=i||this.collectionWithServices.outputFormats[0]}else this.selectedFormat=tt});h(this,Ie,e=>{r(this,M,z).call(this,"spatial"),e.detail.type==="point"?this.spatialSelection=e.detail.latLng:e.detail.type==="bbox"?this.spatialSelection=e.detail.bounds:this.spatialSelection=void 0});h(this,X,()=>{var s,n,a,d,l;let e=(l=(d=(a=(n=(s=this.collectionWithServices)==null?void 0:s.collection)==null?void 0:n.SpatialExtent)==null?void 0:a.HorizontalSpatialDomain)==null?void 0:d.Geometry)==null?void 0:l.BoundingRectangles;if(!e){this.spatialSelection=void 0;return}let i=(Array.isArray(e)?e:[e])[0];this.spatialSelection=new qt([Number(i.WestBoundingCoordinate),Number(i.SouthBoundingCoordinate),Number(i.NorthBoundingCoordinate),Number(i.EastBoundingCoordinate)]),r(this,M,z).call(this,"spatial")});h(this,ze,()=>{this.selectedVariables=[],r(this,te,dt).call(this)})}jobIdChanged(){this.jobId&&(this.controller.fetchJobByID(this.jobId),this.dataAccessMode="subset")}shortNameAndVersionChanged(){this.shortName&&this.version&&(this.collectionEntryId=`${this.shortName}_${this.version}`)}collectionEntryIdChanged(){this.collectionEntryId?this.showCollectionSearch=!1:this.showCollectionSearch=!0}firstUpdated(){this.collectionEntryId&&(this.showCollectionSearch=!1),this.jobId&&(this.controller.fetchJobByID(this.jobId),this.dataAccessMode="subset"),this.renderHistoryPanel()}updated(e){var i,s,n,a;if(super.updated(e),((s=(i=this.controller)==null?void 0:i.jobStatusTask)==null?void 0:s.status)===gi.ERROR){let d=(a=(n=this.controller)==null?void 0:n.jobStatusTask)==null?void 0:a.error;if(d){let l=Ht(d);if(l.isCancellation)return;this.controller.currentJob&&(this.controller.currentJob=C($({},this.controller.currentJob),{status:"failed",message:l.message||"Failed to create subset job"}))}}}collectionChanged(){var d;let{startDate:e,endDate:t}=r(this,A,U).call(this);this.selectedDateRange={startDate:e,endDate:t};let i=Array.from(new Set(((d=this.collectionWithServices)==null?void 0:d.outputFormats)||[])),s=i.includes("application/x-netcdf4"),n=i.includes("application/netcdf"),a=i;s&&n&&(a=i.filter(l=>l!=="application/netcdf")),a.length===1?this.selectedFormat=a[0]:this.selectedFormat=a.find(l=>l==="application/x-netcdf4")||a[0],this.collectionLoading=!1,this.collectionAccordionOpen=!1}granuleDatesChanged(){let e=$($({},this.granuleMinDate&&{startDate:this.granuleMinDate}),this.granuleMaxDate&&{endDate:this.granuleMaxDate});Object.keys(e).length>0&&(this.selectedDateRange=$($({},this.selectedDateRange),e))}selectedFormatChanged(){r(this,k,V).call(this)&&this.selectedVariables.length>1&&(this.selectedVariables=[this.selectedVariables[0]])}showDialog(){var e;(e=this.dialogElement)==null||e.show()}render(){var n,a,d,l,p,u,f,y,D,S,j,J,Dt,wt,Ct,kt,Tt,Rt,Et;let e=this.controller.currentJob&&!this.refineParameters,t=e&&!!this.dialog,i=(d=(a=(n=this.collectionWithServices)==null?void 0:n.collection)==null?void 0:a.EntryTitle)!=null?d:"Download Data";if(!this.collectionWithServices&&this.controller.fetchCollectionTask.status===gi.ERROR)return c`
+                    <terra-alert open variant="danger" appearance="white">
+                        Failed to find the requested collection.
+                    </terra-alert>
+                `;let s=c`
+            <div class="container">
+                ${this.dialog?m:c`
+                          <div class="header">
+                              <h1>
+                                  <svg
+                                      class="download-icon"
+                                      viewBox="0 0 24 24"
+                                      fill="currentColor"
+                                  >
+                                      <path
+                                          d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
+                                      />
+                                  </svg>
+                                  ${i}
+                              </h1>
+
+                              ${t?c`<button
+                                        class="minimize-btn"
+                                        @click=${()=>this.minimizeDialog()}
+                                    >
+                                        -
+                                    </button>`:m}
+                          </div>
+                      `}
+                ${!this.isHistoryView&&((p=(l=this.collectionWithServices)==null?void 0:l.services)!=null&&p.length)?c`
+                          <div class="section">
+                              ${r(this,he,xt).call(this)}
+                          </div>
+                      `:m}
+                ${this.dataAccessMode==="original"?c`
+                          <div class="section">
+                              <terra-data-access
+                                  short-name=${(y=this.shortName)!=null?y:(f=(u=this.collectionWithServices)==null?void 0:u.collection)==null?void 0:f.ShortName}
+                                  version=${(j=this.version)!=null?j:(S=(D=this.collectionWithServices)==null?void 0:D.collection)==null?void 0:S.Version}
+                                  ?footer-slot=${!!this.dialog}
+                              >
+                                  ${this.dialog?c`
+                                            <div
+                                                slot="footer"
+                                                style="margin-top: 15px;"
+                                            >
+                                                <slot
+                                                    name="data-access-footer"
+                                                ></slot>
+                                            </div>
+                                        `:m}
+                              </terra-data-access>
+                          </div>
+                      `:e?r(this,ie,ut).call(this):r(this,K,at).call(this)}
+            </div>
+        `;return this.dialog?c`
+                <terra-dialog id=${this.dialog} style="--title-font-size: 16px;">
+                    <span
+                        slot="label"
+                        style="display: flex; align-items: center; gap: 8px; color: #0066cc; font-weight: 600;"
+                    >
+                        <svg
+                            class="download-icon"
+                            viewBox="0 0 24 24"
+                            fill="currentColor"
+                            style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; flex-shrink: 0;"
+                        >
+                            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
+                        </svg>
+                        ${i}
+                    </span>
+                    ${t?c`
+                              <button
+                                  slot="header-actions"
+                                  class="minimize-btn"
+                                  @click=${()=>{var It;return(It=this.dialogElement)==null?void 0:It.hide()}}
+                                  aria-label="Minimize"
+                              >
+                                  -
+                              </button>
+                          `:m}
+                    ${s} ${r(this,xe,vi).call(this)}
+                </terra-dialog>
+            `:c`
+            <div class="container">
+                <div class="header">
+                    <h1>
+                        <svg
+                            class="download-icon"
+                            viewBox="0 0 24 24"
+                            fill="currentColor"
+                        >
+                            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
+                        </svg>
+                        ${i}
+                    </h1>
+
+                    ${t?c`<button
+                              class="minimize-btn"
+                              @click=${()=>this.minimizeDialog()}
+                          >
+                              -
+                          </button>`:m}
+                </div>
+                ${!this.isHistoryView&&((Dt=(J=this.collectionWithServices)==null?void 0:J.services)!=null&&Dt.length)?c`
+                          <div class="section">
+                              ${r(this,he,xt).call(this)}
+                          </div>
+                      `:m}
+                ${this.dataAccessMode==="original"?c`
+                          <div class="section">
+                              <terra-data-access
+                                  short-name=${(kt=this.shortName)!=null?kt:(Ct=(wt=this.collectionWithServices)==null?void 0:wt.collection)==null?void 0:Ct.ShortName}
+                                  version=${(Et=this.version)!=null?Et:(Rt=(Tt=this.collectionWithServices)==null?void 0:Tt.collection)==null?void 0:Rt.Version}
+                                  ?footer-slot=${!!this.dialog}
+                              >
+                                  ${this.dialog?c`
+                                            <div
+                                                slot="footer"
+                                                style="margin-top: 15px;"
+                                            >
+                                                <slot
+                                                    name="data-access-footer"
+                                                ></slot>
+                                            </div>
+                                        `:m}
+                              </terra-data-access>
+                          </div>
+                      `:e?r(this,ie,ut).call(this):r(this,K,at).call(this)}
+            </div>
+        `}minimizeDialog(){var e;(e=this.closest("terra-dialog"))==null||e.hide()}handleCollectionSearch(e){this.collectionSearchQuery=e}isLatLng(e){return e&&typeof e.lat=="number"&&typeof e.lng=="number"}isLatLngBounds(e){return e&&typeof e.getSouthWest=="function"&&typeof e.getNorthEast=="function"}renderHistoryPanel(){if(!document.querySelector("terra-data-subsetter-history")&&this.bearerToken){let t=document.createElement("terra-data-subsetter-history");this.bearerToken&&t.setAttribute("bearer-token",this.bearerToken),this.environment&&t.setAttribute("environment",this.environment),document.body.appendChild(t)}}};W=new WeakMap,xe=new WeakSet,vi=function(){return this.controller.currentJob&&!this.refineParameters&&this.controller.currentJob?c`
+                <div slot="footer" class="footer">
+                    ${this.controller.currentJob.status==="successful"||this.controller.currentJob.status==="complete_with_errors"?c`
+                              <div
+                                  style="display: flex; align-items: center; gap: 8px;"
+                              >
+                                  <terra-dropdown
+                                      @terra-select=${r(this,de,yt)}
+                                  >
+                                      <terra-button slot="trigger" caret>
+                                          Download Options
+                                      </terra-button>
+                                      <terra-menu>
+                                          <terra-menu-item value="file-list">
+                                              <svg
+                                                  slot="prefix"
+                                                  viewBox="0 0 24 24"
+                                                  width="16"
+                                                  height="16"
+                                                  style="width: 16px; height: 16px;"
+                                              >
+                                                  <path
+                                                      fill="currentColor"
+                                                      d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
+                                                  />
+                                              </svg>
+                                              File List
+                                          </terra-menu-item>
+                                          <terra-menu-item value="python-script">
+                                              <svg
+                                                  slot="prefix"
+                                                  viewBox="0 0 128 128"
+                                                  width="16"
+                                                  height="16"
+                                                  style="width: 16px; height: 16px;"
+                                              >
+                                                  <path
+                                                      fill="currentColor"
+                                                      d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
+                                                  ></path>
+                                              </svg>
+                                              Python Script
+                                          </terra-menu-item>
+                                          <terra-menu-item value="earthdata-download">
+                                              <svg
+                                                  slot="prefix"
+                                                  viewBox="0 0 64 64"
+                                                  fill="none"
+                                                  width="16"
+                                                  height="16"
+                                                  style="width: 16px; height: 16px;"
+                                              >
+                                                  <circle
+                                                      cx="32"
+                                                      cy="32"
+                                                      r="28"
+                                                      fill="currentColor"
+                                                  />
+                                                  <path
+                                                      d="M32 14v26M32 40l-9-9M32 40l9-9"
+                                                      stroke="#fff"
+                                                      stroke-width="4"
+                                                      stroke-linecap="round"
+                                                      stroke-linejoin="round"
+                                                      fill="none"
+                                                  />
+                                              </svg>
+                                              Earthdata Download
+                                          </terra-menu-item>
+                                      </terra-menu>
+                                  </terra-dropdown>
+
+                                  <!--
+                                  <terra-button
+                                      outline
+                                      @click=${()=>r(this,ue,$t).call(this)}
+                                  >
+                                      <terra-icon
+                                          name="outline-code-bracket"
+                                          library="heroicons"
+                                          font-size="1.5em"
+                                          style="margin-right: 5px;"
+                                      ></terra-icon>
+                                      Open in Jupyter Notebook
+                                  </terra-button>
+                                    -->
+                              </div>
+                          `:m}
+                    ${this.controller.currentJob.status==="running"?c`<button
+                              class="btn btn-success"
+                              @click=${r(this,se,ht)}
+                              ?disabled=${this.cancelingGetData}
+                          >
+                              ${this.cancelingGetData?"Canceling...":"Cancel request"}
+                          </button>`:m}
+
+                    <div class="job-info">
+                        Job ID:
+                        <span class="job-id">
+                            ${this.bearerToken?c`<a
+                                      href="https://harmony.earthdata.nasa.gov/jobs/${this.controller.currentJob.jobID}"
+                                      target="_blank"
+                                      >${this.controller.currentJob.jobID}</a
+                                  >`:this.controller.currentJob.jobID}
+                        </span>
+                        <span class="info-icon">?</span>
+                    </div>
+                </div>
+            `:this.dataAccessMode==="subset"?c`
+                <div slot="footer" class="footer">
+                    <button class="btn btn-secondary" @click=${w(this,Y)}>Reset All</button>
+                    <div>
+                        <button class="btn btn-primary" @click=${r(this,ne,pt)}>
+                            Get Data
+                        </button>
+                            ${this.jobId?c`
+                                          <terra-button
+                                              variant="default"
+                                              @click=${r(this,ce,ft)}
+                                          >
+                                              View Running Job
+                                          </terra-button>
+                                      `:m}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            `:m},Se=new WeakSet,fi=function(e){return!w(this,W).state.isLoading&&!w(this,W).state.user?c`
+                <div class="size-info warning">
+                    <terra-login>
+                        <h2 slot="logged-out">Limited access as a guest.</h2>
+
+                        <p slot="logged-out">
+                            Your results will be capped at 10 links. Log in for full
+                            access to all data.
+                        </p>
+                    </terra-login>
+                </div>
+            `:c`<div
+            class="size-info ${e.links>=150?"warning":"neutral"}"
+        >
+            <h2>Estimated size of results</h2>
+            <div class="size-stats">
+                ${e.days.toLocaleString()} days,
+                ${e.links.toLocaleString()} links
+            </div>
+            ${e.links>=150?c`<div class="size-warning">
+                      You are about to retrieve ${e.links.toLocaleString()}
+                      file links from the archive. You may
+                      <strong>speed up the request</strong> by limiting the scope of
+                      your search.
+                  </div>`:m}
+        </div>`},K=new WeakSet,at=function(){var l,p,u,f,y,D,S,j,J;let e=r(this,Ue,Ni).call(this),t=r(this,Be,Ai).call(this),i=(l=this.collectionWithServices)==null?void 0:l.collection,s=i==null?void 0:i.TemporalExtents,n=i==null?void 0:i.SpatialExtent,a=s&&s.length,d=n&&((u=(p=n.HorizontalSpatialDomain)==null?void 0:p.Geometry)==null?void 0:u.BoundingRectangles);return c`
+            ${this.dataAccessMode==="original"?m:t?c`
+                        ${t&&e?r(this,Se,fi).call(this,e):m}
+                        ${this.showCollectionSearch?c`
+                                  <div class="section">
+                                      <h2 class="section-title">
+                                          Select Data Collection
+                                      </h2>
+
+                                      ${r(this,De,yi).call(this)}
+                                  </div>
+                              `:m}
+                        ${(y=(f=this.collectionWithServices)==null?void 0:f.outputFormats)!=null&&y.length&&t?c`
+                                  <div class="section">
+                                      <h2 class="section-title">Output Format</h2>
+
+                                      ${r(this,we,$i).call(this)}
+                                  </div>
+                              `:m}
+                        <div class="section">
+                            <h2 class="section-title">Subset Options</h2>
+                            <p style="color: #666; margin-bottom: 16px;">
+                                Generate file links that support spatial subsetting,
+                                date/time range selection, and variable selection.
+                            </p>
+
+                            ${(D=this.collectionWithServices)!=null&&D.temporalSubset?r(this,Ce,xi).call(this):m}
+                            ${r(this,H,$e).call(this)?r(this,Ee,Si).call(this):m}
+                            ${(S=this.collectionWithServices)!=null&&S.variableSubset?r(this,Oe,Di).call(this):m}
+                            ${(j=this.collectionWithServices)!=null&&j.variableSubset?r(this,je,ki).call(this):m}
+                        </div>
+                    `:c`
+                        ${a&&!((J=this.collectionWithServices)!=null&&J.temporalSubset)?r(this,Ze,Ji).call(this):m}
+                        ${d&&!r(this,H,$e).call(this)?r(this,et,Gi).call(this):m}
+                    `}
+            ${!t&&e?c`
+                      <div
+                          class="neutral-info"
+                          style="margin-top: 24px; padding: 16px 20px; border-radius: 6px; background: #f8f9fa; color: #555; border: 1px solid #ccc;"
+                      >
+                          <strong>Estimated result size:</strong><br />
+                          Your request will return approximately
+                          <b>${e.links.toLocaleString()}</b> files covering
+                          <b>${e.days.toLocaleString()}</b> days.
+                      </div>
+                  `:m}
+            ${this.dataAccessMode==="subset"&&!this.dialog?c`
+                      <div class="footer">
+                          <button class="btn btn-secondary" @click=${w(this,Y)}>Reset All</button>
+                          <div>
+                          <button
+                              class="btn btn-primary"
+                              @click=${r(this,ne,pt)}
+                          >
+                              Get Data
+                          </button>
+                                  ${this.jobId?c`
+                                                <terra-button
+                                                    variant="default"
+                                                    @click=${r(this,ce,ft)}
+                                                >
+                                                    View Running Job
+                                                </terra-button>
+                                            `:m}
+                              </div>
+                                </div>
+                          </div>
+                      </div>
+                  `:m}
+        `},Y=new WeakMap,De=new WeakSet,yi=function(){var t,i;let e="Search all types of resources (e.g. rainfall, GPM, hurricanes, etc.)";return this.collectionSearchType==="collection"&&(e="Search collections (e.g. AQUA, GPM_3IMERGH, etc.)"),this.collectionSearchType==="variable"&&(e="Search variables (e.g. rainfall, hurricanes, etc.)"),c`
+            <terra-accordion .open=${this.collectionAccordionOpen}>
+                <div slot="summary">
+                    <span class="accordion-title">Collection:</span>
+                </div>
+
+                <div
+                    slot="summary-right"
+                    style="display: flex; align-items: center; gap: 10px"
+                >
+                    ${this.collectionEntryId?c` <span
+                                  class="accordion-value"
+                                  id="selected-collection-display"
+                                  >${this.collectionEntryId}</span
+                              >
+
+                              <button
+                                  class="reset-btn"
+                                  @click=${()=>this.collectionEntryId=void 0}
+                              >
+                                  Reset
+                              </button>`:m}
+                </div>
+
+                <div class="search-tabs-mini">
+                    <button
+                        class="search-tab-mini ${this.collectionSearchType==="all"?"active":""}"
+                        @click=${()=>this.collectionSearchType="all"}
+                    >
+                        All
+                    </button>
+                    <button
+                        class="search-tab-mini ${this.collectionSearchType==="collection"?"active":""}"
+                        @click=${()=>this.collectionSearchType="collection"}
+                    >
+                        Collections
+                    </button>
+                    <button
+                        class="search-tab-mini ${this.collectionSearchType==="variable"?"active":""}"
+                        @click=${()=>this.collectionSearchType="variable"}
+                    >
+                        Variables
+                    </button>
+                </div>
+
+                <div class="search-container-mini">
+                    <input
+                        type="text"
+                        class="search-input-mini"
+                        id="search-input"
+                        placeholder=${e}
+                        @input="${s=>this.handleCollectionSearch(s.target.value)}"
+                    />
+
+                    <button class="search-button-mini">
+                        <svg
+                            class="search-icon-mini"
+                            viewBox="0 0 24 24"
+                            fill="currentColor"
+                        >
+                            <path
+                                d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+                            />
+                        </svg>
+                        Search
+                    </button>
+                </div>
+
+                <!-- TODO: it may be nice to have a quick search, perhaps by recent trends? 
+                <div class="quick-links-mini">
+                    <a href="#" class="quick-link-mini" onclick="quickSearch('GPM')"
+                        >GPM Precipitation</a
+                    >
+                    <a href="#" class="quick-link-mini" onclick="quickSearch('MODIS')"
+                        >MODIS Data</a
+                    >
+                    <a
+                        href="#"
+                        class="quick-link-mini"
+                        onclick="quickSearch('Landsat')"
+                        >Landsat Imagery</a
+                    >
+                    <a href="#" class="quick-link-mini" onclick="quickSearch('AIRS')"
+                        >Atmospheric Data</a
+                    >
+                </div>
+                -->
+
+                <div id="search-results-section" class="search-results-section">
+                    ${this.collectionSearchLoading?c`
+                              <div id="loading-mini" class="loading-mini">
+                                  <div class="spinner-mini"></div>
+                                  <div>Searching NASA CMR...</div>
+                              </div>
+                          `:(t=this.collectionSearchResults)!=null&&t.length?c` <div
+                                id="results-container-mini"
+                                class="results-container-mini"
+                            >
+                                ${(i=this.collectionSearchResults)==null?void 0:i.map(s=>c`
+                                        <div
+                                            class="result-item-mini"
+                                            @click=${()=>{this.collectionEntryId=s.collectionEntryId,this.collectionAccordionOpen=!1,this.collectionLoading=!0,s.type==="variable"&&(this.selectedVariables=[{name:s.entryId,href:"",conceptId:s.conceptId}]),this.requestUpdate()}}
+                                            style="cursor: pointer;"
+                                        >
+                                            <div class="result-title-mini">
+                                                ${s.title}
+                                            </div>
+                                            <div class="result-id-mini">
+                                                ${s.entryId}
+                                            </div>
+                                            <div class="result-description-mini">
+                                                ${s.summary||s.title}
+                                            </div>
+                                            <div class="result-meta-mini">
+                                                <span>📅 2000-02-24 - ongoing</span>
+                                                <span>🌍 Global</span>
+                                                <span>🏢 ${s.provider}</span>
+                                                ${s.type==="variable"?c` <span
+                                                          >📊
+                                                          ${s.collectionEntryId}</span
+                                                      >`:m}
+                                                <span class="tag-mini"
+                                                    >${s.type.toUpperCase()}</span
+                                                >
+                                            </div>
+                                        </div>
+                                    `)}
+                            </div>`:this.collectionSearchResults&&this.collectionSearchResults.length===0?c`<div id="no-results-mini" class="no-results-mini">
+                                  <p>
+                                      No results found for
+                                      '${this.collectionSearchQuery}'. Try adjusting
+                                      your search term.
+                                  </p>
+                              </div>`:m}
+                </div>
+            </terra-accordion>
+
+            ${this.collectionLoading?c`
+                      <div
+                          class="collection-loading-bar"
+                          style="display: flex; align-items: center; gap: 10px; margin: 16px 0;"
+                      >
+                          <span
+                              class="loading-spinner"
+                              style="width: 20px; height: 20px; border: 3px solid #ccc; border-top: 3px solid #31708f; border-radius: 50%; display: inline-block; animation: spin 1s linear infinite;"
+                          ></span>
+                          Retrieving collection, please wait...
+                      </div>
+                      <style>
+                          @keyframes spin {
+                              0% {
+                                  transform: rotate(0deg);
+                              }
+                              100% {
+                                  transform: rotate(360deg);
+                              }
+                          }
+                      </style>
+                  `:m}
+        `},we=new WeakSet,$i=function(){var t,i;let e=(i=(t=this.collectionWithServices)==null?void 0:t.services)==null?void 0:i.some(s=>s.name.indexOf("giovanni")!==-1);return c`
+            <terra-accordion>
+                <div slot="summary">
+                    <span class="accordion-title">File Format:</span>
+                </div>
+
+                <div
+                    slot="summary-right"
+                    style="display: flex; align-items: center; gap: 10px;"
+                >
+                    <span
+                        >${it(this.selectedFormat,e)}</span
+                    >
+
+                    <button class="reset-btn" @click=${w(this,Re)}>
+                        Reset
+                    </button>
+                </div>
+
+                <div class="accordion-content" style="margin-top: 12px;">
+                    ${(()=>{var p;let s=((p=this.collectionWithServices)==null?void 0:p.outputFormats)||[],n=Array.from(new Set(s)),a=n.includes("application/x-netcdf4"),d=n.includes("application/netcdf"),l=n;return a&&d&&(l=n.filter(u=>u!=="application/netcdf")),l.map(u=>c`
+                                <label
+                                    style="display: flex; align-items: center; gap: 8px; padding: 5px;"
+                                >
+                                    <input
+                                        type="radio"
+                                        name="output-format"
+                                        value="${u}"
+                                        .checked=${this.selectedFormat===u}
+                                        @change=${()=>this.selectedFormat=u}
+                                    />
+                                    ${it(u,e)}
+                                </label>
+                            `)})()}
+                </div>
+            </terra-accordion>
+        `},Ce=new WeakSet,xi=function(){var a,d,l,p,u,f,y,D;let{startDate:e,endDate:t}=r(this,A,U).call(this),i=(d=(a=this.selectedDateRange.startDate)!=null?a:this.granuleMinDate)!=null?d:e,s=(p=(l=this.selectedDateRange.endDate)!=null?l:this.granuleMaxDate)!=null?p:t,n=this.touchedFields.has("date")&&(!this.selectedDateRange.startDate||!this.selectedDateRange.endDate);return c`
+            <terra-accordion>
+                <div slot="summary">
+                    <span class="accordion-title">Refine Date Range:</span>
+                </div>
+
+                <div
+                    slot="summary-right"
+                    style="display: flex; align-items: center; gap: 10px;"
+                >
+                    ${n?c`<span class="accordion-value error"
+                              >Please select a date range</span
+                          >`:this.touchedFields.has("date")&&i&&s?c`<span class="accordion-value"
+                                >${i} to ${s}</span
+                            >`:m}
+                    <button class="reset-btn" @click=${w(this,Te)}>
+                        Reset
+                    </button>
+                </div>
+
+                <div style="width: 300px">
+                    <terra-date-picker
+                        allow-input
+                        inline
+                        range
+                        split-inputs
+                        show-presets
+                        ?enable-time=${this.controller.isSubDaily}
+                        start-label="Start Date"
+                        end-label="End Date"
+                        .minDate=${(u=this.granuleMinDate)!=null?u:e}
+                        .maxDate=${(f=this.granuleMaxDate)!=null?f:t}
+                        .startDate=${(y=this.selectedDateRange.startDate)!=null?y:this.granuleMinDate}
+                        .endDate=${(D=this.selectedDateRange.endDate)!=null?D:this.granuleMaxDate}
+                        .useEndOfDay=${!r(this,k,V).call(this)}
+                        @terra-date-range-change=${w(this,ke)}
+                    ></terra-date-picker>
+                </div>
+
+                <div
+                    style="display: flex; gap: 16px; margin-top: 15px; color: #31708f;"
+                >
+                    <span
+                        ><strong>Available Range:</strong> ${e} to
+                        ${t}</span
+                    >
+                    ${this.controller.isSubDaily?c`<span
+                              ><strong>Note:</strong> All dates and times are in
+                              UTC.</span
+                          >`:m}
+                </div>
+            </terra-accordion>
+        `},ke=new WeakMap,Te=new WeakMap,Re=new WeakMap,A=new WeakSet,U=function(){var d,l;let e=this.controller.granuleMinDate,t=this.controller.granuleMaxDate;if(e&&t)return{startDate:e.slice(0,10),endDate:t.slice(0,10)};let i=(l=(d=this.collectionWithServices)==null?void 0:d.collection)==null?void 0:l.TemporalExtents;if(!i||!i.length)return{startDate:null,endDate:null};let s=null,n=null,a=new Date;for(let p of i)for(let u of p.RangeDateTimes){let f=new Date(u.BeginningDateTime),y;p.EndsAtPresentFlag||!u.EndingDateTime?y=a:y=new Date(u.EndingDateTime),(!s||f<s)&&(s=f),(!n||y>n)&&(n=y)}return{startDate:s?s.toISOString().slice(0,10):null,endDate:n?n.toISOString().slice(0,10):null}},Ee=new WeakSet,Si=function(){var s,n,a,d,l,p,u;let e=this.touchedFields.has("spatial")&&!this.spatialSelection,t=(l=(d=(a=(n=(s=this.collectionWithServices)==null?void 0:s.collection)==null?void 0:n.SpatialExtent)==null?void 0:a.HorizontalSpatialDomain)==null?void 0:d.Geometry)==null?void 0:l.BoundingRectangles;t&&!Array.isArray(t)&&(t=[t]);let i=(u=(p=this.spatialSelection)==null?void 0:p.toString())!=null?u:this.spatialSelection;return c`
+            <terra-accordion>
+                <div slot="summary">
+                    <span class="accordion-title">Refine Region:</span>
+                </div>
+
+                <div
+                    slot="summary-right"
+                    style="display: flex; align-items: center; gap: 10px;"
+                >
+                    ${e?c`<span class="accordion-value error"
+                              >Please select a region</span
+                          >`:i?c`<span class="accordion-value"
+                                >${i}</span
+                            >`:m}
+                    <button class="reset-btn" @click=${w(this,X)}>
+                        Reset
+                    </button>
+                </div>
+                <div class="accordion-content">
+                    <terra-spatial-picker
+                        part="spatial-picker"
+                        inline
+                        hide-label
+                        hide-point-selection
+                        .spatialConstraints=${this.controller.spatialConstraints||"-180, -90, 180, 90"}
+                        .initialValue=${i}
+                        @terra-map-change=${w(this,Ie)}
+                    ></terra-spatial-picker>
+                    <div
+                        style="display: flex; gap: 16px; margin-top: 15px; color: #31708f;"
+                    >
+                        <span
+                            ><strong>Available Range:</strong> ${this.controller.spatialConstraints}</span
+                        >
+                    </div>
+                </div>
+            </terra-accordion>
+        `},Ie=new WeakMap,X=new WeakMap,Oe=new WeakSet,Di=function(){var p;let e=((p=this.collectionWithServices)==null?void 0:p.variables)||[],t=this.touchedFields.has("variables")&&r(this,pe,St).call(this),i=this.touchedFields.has("variables")&&this.selectedVariables.length===0,s=t||i,n=t||(i?"Please select at least one variable":""),a=r(this,Z,lt).call(this,e),d=r(this,_,fe).call(this,a),l=d.length>0&&d.every(u=>this.expandedVariableGroups.has(u));return c`
+            <terra-accordion>
+                <div slot="summary">
+                    <span class="accordion-title">Select Variables:</span>
+                </div>
+                <div
+                    slot="summary-right"
+                    style="display: flex; align-items: center; gap: 10px;"
+                >
+                    ${s?c`<span class="accordion-value error"
+                              >${n}</span
+                          >`:this.selectedVariables.length?c`<span class="accordion-value"
+                                >${this.selectedVariables.length} selected</span
+                            >`:m}
+
+                    <button class="reset-btn" @click=${w(this,ze)}>
+                        Reset
+                    </button>
+                </div>
+                <div class="accordion-content">
+                    <terra-input
+                        label="Filter variables"
+                        placeholder="Search by variable name..."
+                        .value=${this.variableFilterText}
+                        @input=${u=>{let f=u.target;this.variableFilterText=f.value,r(this,Le,Ri).call(this)}}
+                        style="margin-bottom: 10px;"
+                    ></terra-input>
+                    <button
+                        class="reset-btn"
+                        style="margin-bottom: 10px;"
+                        @click=${()=>r(this,qe,Ii).call(this,a)}
+                    >
+                        ${l?"Collapse Tree":"Expand Tree"}
+                    </button>
+
+                    ${r(this,k,V).call(this)&&this.giovanniConfiguredVariables?c`
+                              <terra-alert
+                                  open
+                                  appearance="white"
+                                  style="margin: 10px 0"
+                              >
+                                  <terra-icon
+                                      slot="icon"
+                                      name="outline-information-circle"
+                                      library="heroicons"
+                                  ></terra-icon>
+                                  Only certain variables are supported for the
+                                  selected output format. (Giovanni service)
+                              </terra-alert>
+                          `:m}
+                    ${e.length===0?c`<p style="color: #666; font-style: italic;">
+                              No variables available for this collection.
+                          </p>`:r(this,ee,ct).call(this,r(this,Fe,Ti).call(this,a),[])}
+                </div>
+            </terra-accordion>
+        `},Ve=new WeakSet,wi=function(e){var s,n,a,d,l,p,u;let t=(s=this.selectedDimensionIndexes[e.name])!=null?s:1,i=((u=(p=(l=(d=(a=(n=this.gesDiscCollectionQuery)==null?void 0:n.result)==null?void 0:a.data)==null?void 0:d.services)==null?void 0:l.subset)==null?void 0:p.find(f=>f.dimensions&&f.dimensions.length>0))==null?void 0:u.dimensions)||[];return c`
+            <div style="margin-bottom: 16px;">
+                <div
+                    style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;"
+                >
+                    <span style="font-weight: 600; margin-bottom: 44px"
+                        >Dimension: ${e.name}</span
+                    >
+                </div>
+                <terra-slider
+                    class="dimension-slider"
+                    mode="range"
+                    min="1"
+                    .max=${e.size}
+                    step="1"
+                    .value=${t}
+                    has-tooltips
+                    show-inputs
+                    hide-label
+                    .formatTooltip=${i.length>0?f=>{let y=i.find(D=>String(D.value)===String(f));return y?y.label:String(f)}:m}
+                    @terra-slider-change=${f=>{console.log("change event",f.detail);let y="value"in f.detail?f.detail.value:void 0;typeof y=="number"&&r(this,Me,Ci).call(this,e.name,y)}}
+                ></terra-slider>
+            </div>
+        `},Me=new WeakSet,Ci=function(e,t){let s=r(this,P,ye).call(this).find(a=>a.name===e);if(!s)return;let n=Math.min(Math.max(Math.round(t),1),s.size);this.selectedDimensionIndexes=C($({},this.selectedDimensionIndexes),{[e]:n})},je=new WeakSet,ki=function(){let e=r(this,P,ye).call(this);if(!e.length)return m;let t=Object.keys(this.selectedDimensionIndexes).length;return c`
+            <terra-accordion>
+                <div slot="summary">
+                    <span class="accordion-title">Select Dimensions:</span>
+                </div>
+                <div
+                    slot="summary-right"
+                    style="display: flex; align-items: center; gap: 10px;"
+                >
+                    ${t?c`<span class="accordion-value"
+                              >${t}
+                              dimension${t===1?"":"s"}
+                              selected</span
+                          >`:m}
+                    <button class="reset-btn" @click=${r(this,te,dt)}>
+                        Reset
+                    </button>
+                </div>
+                <div class="accordion-content">
+                    ${e.map(i=>r(this,Ve,wi).call(this,i))}
+                </div>
+            </terra-accordion>
+        `},Fe=new WeakSet,Ti=function(e){if(!this.variableFilterText.trim())return e;let t=this.variableFilterText.toLowerCase().trim(),i=s=>{let n={};for(let[a,d]of Object.entries(s))if(d.__isLeaf)d.__variable.name.toLowerCase().includes(t)&&(n[a]=d);else{let l=i(d.__children);(Object.keys(l).length>0||a.toLowerCase().includes(t))&&(n[a]=C($({},d),{__children:l}))}return n};return i(e)},Le=new WeakSet,Ri=function(){var a;if(!this.variableFilterText.trim())return;let e=((a=this.collectionWithServices)==null?void 0:a.variables)||[],t=r(this,Z,lt).call(this,e),i=this.variableFilterText.toLowerCase().trim(),s=new Set,n=(d,l=[])=>{for(let[p,u]of Object.entries(d))if(u.__isLeaf){if(u.__variable.name.toLowerCase().includes(i))for(let y=0;y<l.length;y++){let D=l.slice(0,y+1).join("/");s.add(D)}}else{let f=[...l,p].join("/");n(u.__children,[...l,p]),p.toLowerCase().includes(i)&&s.add(f)}};n(t),s.size>0&&(this.expandedVariableGroups=new Set([...this.expandedVariableGroups,...s]))},Z=new WeakSet,lt=function(e){let t=e;r(this,k,V).call(this)&&this.giovanniConfiguredVariables&&(t=e.filter(s=>{var l,p,u;let n=(l=this.collectionWithServices)==null?void 0:l.shortName,a=(u=(p=this.collectionWithServices)==null?void 0:p.collection)==null?void 0:u.Version;if(!n||!a)return!1;let d=Yt(n,a,s.name);return this.giovanniConfiguredVariables.has(d)}));let i={};for(let s of t){let n=s.name.split("/"),a=i;for(let d=0;d<n.length;d++){let l=n[d];a[l]||(a[l]={__children:{},__isLeaf:!1}),d===n.length-1&&(a[l].__isLeaf=!0,a[l].__variable=s),a=a[l].__children}}return i},ee=new WeakSet,ct=function(e,t){let i=r(this,k,V).call(this);return c`
+            <div style="margin-left: ${t.length*20}px;">
+                ${Object.entries(e).map(([s,n])=>{var d;let a=[...t,s].join("/");if(n.__isLeaf){let l=ot.getVariableByName(s,(d=this.variablesQuery.result)==null?void 0:d.data),p=l?ot.getVariableDisplayLabel(l):s;return c`
+                            <div class="option-row">
+                                <label class="checkbox-option">
+                                    <input
+                                        type="${i?"radio":"checkbox"}"
+                                        name="${i?"variable-selection":""}"
+                                        .checked=${this.selectedVariables.some(u=>u.name===n.__variable.name)}
+                                        @change=${u=>r(this,Ne,Oi).call(this,u,n.__variable)}
+                                    />
+                                    <span>${p}</span>
+                                </label>
+                            </div>
+                        `}else{let l=this.expandedVariableGroups.has(a);return c`
+                            <div class="option-row" style="align-items: flex-start;">
+                                <span
+                                    style="cursor: pointer; display: flex; align-items: center;"
+                                    @click=${()=>r(this,Ae,Ei).call(this,a)}
+                                >
+                                    <terra-icon
+                                        library="heroicons"
+                                        name="${l?"outline-minus-circle":"outline-plus-circle"}"
+                                        style="margin-right: 4px;"
+                                    ></terra-icon>
+                                    <span style="font-weight: 500;">${s}</span>
+                                </span>
+                            </div>
+                            ${l?r(this,ee,ct).call(this,n.__children,[...t,s]):""}
+                        `}})}
+            </div>
+        `},_=new WeakSet,fe=function(e,t=[]){let i=[];for(let[s,n]of Object.entries(e))if(!n.__isLeaf){let a=[...t,s].join("/");i.push(a),i=i.concat(r(this,_,fe).call(this,n.__children,[...t,s]))}return i},Ae=new WeakSet,Ei=function(e){let t=new Set(this.expandedVariableGroups);t.has(e)?t.delete(e):t.add(e),this.expandedVariableGroups=t},qe=new WeakSet,Ii=function(e){let t=r(this,_,fe).call(this,e);t.length>0&&t.every(s=>this.expandedVariableGroups.has(s))?this.expandedVariableGroups=new Set:this.expandedVariableGroups=new Set(t)},Ne=new WeakSet,Oi=function(e,t){r(this,M,z).call(this,"variables");let i=e.target.checked;r(this,k,V).call(this)?i&&(this.selectedVariables=[t]):i?this.selectedVariables.some(s=>s.name===t.name)||(this.selectedVariables=[...this.selectedVariables,t]):this.selectedVariables=this.selectedVariables.filter(s=>s.name!==t.name),r(this,Pe,Mi).call(this)},M=new WeakSet,z=function(e){this.touchedFields=new Set(this.touchedFields).add(e)},ze=new WeakMap,te=new WeakSet,dt=function(){this.selectedDimensionIndexes={}},_e=new WeakSet,Vi=function(e){var s,n,a;let t=(n=(s=e.Name)==null?void 0:s.toLowerCase())!=null?n:"",i=((a=e.Type)!=null?a:"").toLowerCase();return["time","latitude","longitude","lat","lon","x","y"].some(d=>t.includes(d)||i.includes(d))},P=new WeakSet,ye=function(){var a,d;let e=(a=this.variablesQuery.result)==null?void 0:a.data;if(!e)return console.log("no varibles found, cannot determine dimensions"),[];let t=(d=e.items)!=null?d:[];if(!t.length)return[];let i=t.map(l=>{var p;return(p=l.umm.Dimensions)!=null?p:[]});if(!i.length)return[];let n=Array.from(new Set(i.flatMap(l=>l.map(p=>p.Name)))).map(l=>{var y,D;let p=i.map(S=>S.find(j=>j.Name===l)).filter(S=>!!S);if(!p.length)return null;let u=p.filter(S=>S.Size!==void 0&&S.Size!=="Varies").map(S=>Number(S.Size)).filter(S=>Number.isFinite(S)&&S>0);if(!u.length)return null;let f=Math.min(...u);return{name:l,type:(D=(y=p[0])==null?void 0:y.Type)!=null?D:"OTHER",size:f}}).filter(l=>!!l).filter(l=>!r(this,_e,Vi).call(this,{Name:l.name,Type:l.type}));return console.log("common dimensions",n),n},Pe=new WeakSet,Mi=function(){var s;let e=r(this,P,ye).call(this),t=new Map(e.map(n=>[n.name,n.size])),i={};for(let[n,a]of Object.entries(this.selectedDimensionIndexes)){if(!t.has(n))continue;let d=(s=t.get(n))!=null?s:0;if(typeof a!="number")continue;let l=Math.round(a);l<1||l>d||(i[n]=l)}this.selectedDimensionIndexes=i},ie=new WeakSet,ut=function(){var e,t;return(e=this.controller.currentJob)!=null&&e.jobID?c`
+            <div class="results-section" id="job-status-section">
+                <div
+                    style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;"
+                >
+                    <h2 class="results-title" style="margin: 0;">Results:</h2>
+                    ${this.isHistoryView?m:c`
+                              <terra-button
+                                  variant="default"
+                                  size="small"
+                                  @click=${r(this,le,vt)}
+                              >
+                                  ← Back to Subset Options
+                              </terra-button>
+                          `}
+                </div>
+
+                ${this.controller.currentJob.status!=="canceled"&&this.controller.currentJob.status!=="failed"?c` <div class="progress-container">
+                          <div class="progress-text">
+                              ${this.controller.currentJob.progress>=100?c`
+                                        <span class="status-complete"
+                                            >✓ Search complete</span
+                                        >
+                                    `:c`
+                                        <span class="spinner"></span>
+                                        <span class="status-running"
+                                            >Searching for data...
+                                            (${this.controller.currentJob.progress}%)</span
+                                        >
+                                    `}
+                          </div>
+
+                          <div class="progress-bar">
+                              <div
+                                  class="progress-fill"
+                                  style="width: ${this.controller.currentJob.progress}%"
+                              ></div>
+                          </div>
+                      </div>`:m}
+
+                <div class="search-status">
+                    <span class="file-count"
+                        >Found ${r(this,Ge,Li).call(this)} files</span
+                    >
+                    out of estimated
+                    <span class="estimated-total"
+                        >${this.controller.currentJob.numInputGranules.toLocaleString()}</span
+                    >
+                </div>
+
+                ${r(this,ae,bt).call(this)}
+                ${(t=this.controller.currentJob.errors)!=null&&t.length?c`
+                          <terra-accordion>
+                              <div slot="summary">
+                                  <span
+                                      class="accordion-title"
+                                      style="color: #dc3545;"
+                                      >Errors
+                                      (${this.controller.currentJob.errors.length})</span
+                                  >
+                              </div>
+                              <div class="accordion-content">
+                                  <ul
+                                      style="color: #dc3545; font-size: 14px; padding-left: 20px;"
+                                  >
+                                      ${this.controller.currentJob.errors.map(i=>c`
+                                              <li style="margin-bottom: 12px;">
+                                                  <a
+                                                      href="${i.url}"
+                                                      target="_blank"
+                                                      style="word-break: break-all; color: #dc3545; text-decoration: underline;"
+                                                  >
+                                                      ${i.url}
+                                                  </a>
+                                                  <div style="margin-top: 2px;">
+                                                      ${i.message}
+                                                  </div>
+                                              </li>
+                                          `)}
+                                  </ul>
+                              </div>
+                          </terra-accordion>
+                      `:m}
+
+                <div class="tabs">
+                    <button
+                        class="tab ${this.selectedTab==="web-links"?"active":""}"
+                        @click=${()=>this.selectedTab="web-links"}
+                    >
+                        Web Links
+                    </button>
+
+                    ${this.isHistoryView?m:c`
+                              <button
+                                  class="tab ${this.selectedTab==="selected-params"?"active":""}"
+                                  @click=${()=>this.selectedTab="selected-params"}
+                              >
+                                  Selected Parameters
+                              </button>
+                          `}
+                </div>
+                <div
+                    id="web-links"
+                    class="tab-content ${this.selectedTab==="web-links"?"active":""}"
+                >
+                    ${r(this,re,mt).call(this).length?c`
+                              <div class="documentation-links">
+                                  ${r(this,re,mt).call(this).map(i=>c`
+                                          <a href="${i.href}" class="doc-link"
+                                              >${i.title}</a
+                                          >
+                                      `)}
+                              </div>
+                          `:m}
+
+                    <ul class="file-list">
+                        ${r(this,oe,gt).call(this).map(i=>c`
+                                <li class="file-item">
+                                    <a
+                                        href="${i.href}"
+                                        class="file-link"
+                                        target="_blank"
+                                    >
+                                        ${i.title}
+                                    </a>
+                                </li>
+                            `)}
+                    </ul>
+                </div>
+
+                <div
+                    id="selected-params"
+                    class="tab-content ${this.selectedTab==="selected-params"?"active":""}"
+                >
+                    ${r(this,He,ji).call(this)}
+                </div>
+            </div>
+
+            ${this.dialog?m:c`
+                      <div class="footer">
+                          ${this.controller.currentJob.status==="successful"||this.controller.currentJob.status==="complete_with_errors"?c`
+                                    <div
+                                        style="display: flex; align-items: center; gap: 8px;"
+                                    >
+                                        <terra-dropdown
+                                            @terra-select=${r(this,de,yt)}
+                                        >
+                                            <terra-button slot="trigger" caret>
+                                                Download Options
+                                            </terra-button>
+                                            <terra-menu>
+                                                <terra-menu-item value="file-list">
+                                                    <svg
+                                                        slot="prefix"
+                                                        viewBox="0 0 24 24"
+                                                        width="16"
+                                                        height="16"
+                                                        style="width: 16px; height: 16px;"
+                                                    >
+                                                        <path
+                                                            fill="currentColor"
+                                                            d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
+                                                        />
+                                                    </svg>
+                                                    File List
+                                                </terra-menu-item>
+                                                <terra-menu-item
+                                                    value="python-script"
+                                                >
+                                                    <svg
+                                                        slot="prefix"
+                                                        viewBox="0 0 128 128"
+                                                        width="16"
+                                                        height="16"
+                                                        style="width: 16px; height: 16px;"
+                                                    >
+                                                        <path
+                                                            fill="currentColor"
+                                                            d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
+                                                        ></path>
+                                                    </svg>
+                                                    Python Script
+                                                </terra-menu-item>
+                                                <terra-menu-item
+                                                    value="earthdata-download"
+                                                >
+                                                    <svg
+                                                        slot="prefix"
+                                                        viewBox="0 0 64 64"
+                                                        fill="none"
+                                                        width="16"
+                                                        height="16"
+                                                        style="width: 16px; height: 16px;"
+                                                    >
+                                                        <circle
+                                                            cx="32"
+                                                            cy="32"
+                                                            r="28"
+                                                            fill="currentColor"
+                                                        />
+                                                        <path
+                                                            d="M32 14v26M32 40l-9-9M32 40l9-9"
+                                                            stroke="#fff"
+                                                            stroke-width="4"
+                                                            stroke-linecap="round"
+                                                            stroke-linejoin="round"
+                                                            fill="none"
+                                                        />
+                                                    </svg>
+                                                    Earthdata Download
+                                                </terra-menu-item>
+                                            </terra-menu>
+                                        </terra-dropdown>
+
+                                        <!--
+                                        <terra-button
+                                            outline
+                                            @click=${()=>r(this,ue,$t).call(this)}
+                                        >
+                                            <terra-icon
+                                                name="outline-code-bracket"
+                                                library="heroicons"
+                                                font-size="1.5em"
+                                                style="margin-right: 5px;"
+                                            ></terra-icon>
+                                            Open in Jupyter Notebook
+                                        </terra-button>
+--></div>
+                                `:m}
+                          ${this.controller.currentJob.status==="running"?c`<button
+                                    class="btn btn-success"
+                                    @click=${r(this,se,ht)}
+                                    ?disabled=${this.cancelingGetData}
+                                >
+                                    ${this.cancelingGetData?"Canceling...":"Cancel request"}
+                                </button>`:m}
+
+                          <div class="job-info">
+                              Job ID:
+                              <span class="job-id">
+                                  ${this.bearerToken?c`<a
+                                            href="https://harmony.earthdata.nasa.gov/jobs/${this.controller.currentJob.jobID}"
+                                            target="_blank"
+                                            >${this.controller.currentJob.jobID}</a
+                                        >`:this.controller.currentJob.jobID}
+                              </span>
+                              <span class="info-icon">?</span>
+                          </div>
+                      </div>
+                  `}
+        `:c`<div class="results-section" id="job-status-section">
+                <div
+                    style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;"
+                >
+                    <h2 class="results-title" style="margin: 0;">Results:</h2>
+                    ${this.isHistoryView?m:c`
+                              <terra-button
+                                  variant="default"
+                                  size="small"
+                                  @click=${r(this,le,vt)}
+                              >
+                                  ← Back to Subset Options
+                              </terra-button>
+                          `}
+                </div>
+
+                <div class="progress-container">
+                    <div class="progress-text">
+                        <span class="spinner"></span>
+                        <span class="status-running">Searching for data...</span>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div class="progress-fill" style="width: 0%"></div>
+                    </div>
+                </div>
+
+                ${r(this,ae,bt).call(this)}
+            </div>`},He=new WeakSet,ji=function(){var n,a,d,l;let e=(n=this.collectionWithServices)==null?void 0:n.collection,t=this.selectedVariables.length?this.selectedVariables.map(p=>p.name):["All"],i=this.selectedDateRange.startDate&&this.selectedDateRange.endDate?`${this.selectedDateRange.startDate} to ${this.selectedDateRange.endDate}`:"\u2014",s=(d=(a=this.spatialSelection)==null?void 0:a.toString())!=null?d:"-";return c`
+            <dl class="params-summary">
+                <div>
+                    <dt><strong>Dataset</strong></dt>
+                    <dd>${(l=e==null?void 0:e.EntryTitle)!=null?l:"\u2014"}</dd>
+                </div>
+                <div>
+                    <dt><strong>Variables</strong></dt>
+                    <dd>${t.map(p=>c`<div>${p}</div>`)}</dd>
+                </div>
+                <div>
+                    <dt><strong>Dimensions</strong></dt>
+                    <dd>
+                        ${Object.entries(this.selectedDimensionIndexes).length?Object.entries(this.selectedDimensionIndexes).map(([p,u])=>c`<div>
+                                          <strong>${p}:</strong> ${u}
+                                      </div>`):"\u2014"}
+                    </dd>
+                </div>
+                <div>
+                    <dt><strong>Date Range</strong></dt>
+                    <dd>${i}</dd>
+                </div>
+                <div>
+                    <dt><strong>Spatial</strong></dt>
+                    <dd>${s}</dd>
+                </div>
+            </dl>
+
+            <terra-button @click=${r(this,We,zi)}
+                >Refine Parameters</terra-button
+            >
+        `},se=new WeakSet,ht=function(){this.cancelingGetData=!0,this.controller.cancelCurrentJob()},ne=new WeakSet,pt=function(){let e=r(this,pe,St).call(this);if(e){this.validationError=e,r(this,M,z).call(this,"variables");return}this.validationError=void 0,this.cancelingGetData=!1,r(this,Je,Fi).call(this),this.controller.cancelCurrentJob(),this.controller.currentJob=null,this.jobId=void 0,this.controller.jobStatusTask.run().then(()=>{var t;(t=this.controller.currentJob)!=null&&t.jobID&&(this.jobId=this.controller.currentJob.jobID)}),setTimeout(()=>{let t=this.renderRoot.querySelector("#job-status-section");t==null||t.scrollIntoView({behavior:"smooth"})},100),this.refineParameters=!1,this.isHistoryView=!1},Je=new WeakSet,Fi=function(){this.touchedFields=new Set(["variables","spatial"])},Ge=new WeakSet,Li=function(){return Math.floor(this.controller.currentJob.numInputGranules*this.controller.currentJob.progress/100)},re=new WeakSet,mt=function(){return this.controller.currentJob.links.filter(e=>e.rel==="stac-catalog-json")},oe=new WeakSet,gt=function(){return this.controller.currentJob.links.filter(e=>e.rel==="data")},Be=new WeakSet,Ai=function(){var e,t,i,s;return((e=this.collectionWithServices)==null?void 0:e.bboxSubset)||((t=this.collectionWithServices)==null?void 0:t.shapeSubset)||((i=this.collectionWithServices)==null?void 0:i.variableSubset)||((s=this.collectionWithServices)==null?void 0:s.temporalSubset)},H=new WeakSet,$e=function(){var e,t;return((e=this.collectionWithServices)==null?void 0:e.bboxSubset)||((t=this.collectionWithServices)==null?void 0:t.shapeSubset)},ae=new WeakSet,bt=function(){let e=["canceled","complete_with_errors","running_with_errors"],t=["failed"],i="normal";e.includes(this.controller.currentJob.status)?i="warning":t.includes(this.controller.currentJob.status)&&(i="error");let s,n;return i==="error"?(s="#dc3545",n="#f8d7da"):i==="warning"?(s="#856404",n="#fff3cd"):(s="#555",n="#f8f9fa"),c`
+            <div
+                style="
+                margin: 24px 0 16px 0;
+                padding: 16px 20px;
+                border-radius: 6px;
+                background: ${n};
+                color: ${s};
+                border: 1px solid ${s}22;
+            "
+            >
+                ${r(this,Qe,qi).call(this)}
+            </div>
+        `},Qe=new WeakSet,qi=function(){var e;return(e=this.controller.currentJob)==null?void 0:e.message.replace(/\b(The job|the job|job|Job)\b/g,t=>{switch(t){case"The job":return"Your request";case"the job":return"Your Request";case"job":return"request";case"Job":return"Request"}return t})},Ue=new WeakSet,Ni=function(){var p,u,f,y;let e=(p=this.collectionWithServices)==null?void 0:p.collection;if(!e)return;let t=r(this,A,U).call(this),i,s,n=(u=e.granuleCount)!=null?u:0;if(this.selectedDateRange.startDate&&this.selectedDateRange.endDate?(i=this.selectedDateRange.startDate,s=this.selectedDateRange.endDate):(i=(f=this.granuleMinDate)!=null?f:t.startDate,s=(y=this.granuleMaxDate)!=null?y:t.endDate),!i||!s)return;let a=new Date(i),d=new Date(s),l=Math.floor((d.getTime()-a.getTime())/(1e3*60*60*24))+1;if(t.startDate&&t.endDate){let D=Math.floor((new Date(t.endDate).getTime()-new Date(t.startDate).getTime())/864e5)+1,S=n/D;n=Math.ceil(l*S)}return{days:l,links:n}},We=new WeakSet,zi=function(){this.refineParameters=!0},le=new WeakSet,vt=function(){this.refineParameters=!0,setTimeout(()=>{let e=this.renderRoot.querySelector(".container");e==null||e.scrollIntoView({behavior:"smooth",block:"start"})},100)},ce=new WeakSet,ft=function(){this.refineParameters=!1,setTimeout(()=>{let e=this.renderRoot.querySelector("#job-status-section");e==null||e.scrollIntoView({behavior:"smooth"})},100)},de=new WeakSet,yt=function(e){let t=e.detail.item,i=t.value||t.getTextLabel();i==="file-list"?r(this,Ke,_i).call(this,e):i==="python-script"?r(this,Ye,Pi).call(this,e):i==="earthdata-download"&&r(this,Xe,Hi).call(this,e)},Ke=new WeakSet,_i=function(e){var d;if(e.stopPropagation(),!((d=this.controller.currentJob)!=null&&d.links))return;let t=r(this,oe,gt).call(this);if(t.length===0)return;let i=t.map(l=>l.href).join(`
+`),s=new Blob([i],{type:"text/plain"}),n=URL.createObjectURL(s),a=document.createElement("a");a.href=n,a.download=`subset_links_${this.controller.currentJob.jobID}.txt`,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)},Ye=new WeakSet,Pi=async function(e){var d,l,p;if(e.stopPropagation(),!((d=this.controller.currentJob)!=null&&d.links))return;let t=await fetch(jt("assets/data-subsetter/download_subset_files.py.txt"));t.ok||alert(`Sorry, there was a problem generating the Python script. We are investigating the issue.
+You could try using the Jupyter Notebook in the meantime`);let i=(await t.text()).replace(/{{jobId}}/gi,this.controller.currentJob.jobID).replace(/{{HARMONY_ENV}}/gi,`Environment.${(l=this.environment)==null?void 0:l.toUpperCase()}`).replace(/{{EARTHACCESS_ENV}}/gi,`earthaccess.${(p=this.environment)==null?void 0:p.toUpperCase()}`),s=new Blob([i],{type:"text/plain"}),n=URL.createObjectURL(s),a=document.createElement("a");a.href=n,a.download=`download_subset_files_${this.controller.currentJob.jobID}.py`,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)},Xe=new WeakSet,Hi=async function(e){var t;e.stopPropagation(),(t=this.controller.currentJob)!=null&&t.links&&alert("Sorry, Earthdata Download is not currently supported")},ue=new WeakSet,$t=function(){var t;let e=ni(this);Kt("load-notebook",{filename:`subset_${(t=this.controller.currentJob)==null?void 0:t.jobID}.ipynb`,notebook:e,bearerToken:this.bearerToken})},Ze=new WeakSet,Ji=function(){let{startDate:e,endDate:t}=r(this,A,U).call(this);return!e||!t?m:c`
+            <div class="section" style="margin-bottom: 16px;">
+                <h2 class="section-title">Available Date Range</h2>
+                <div style="color: #31708f; margin-top: 8px;">
+                    <strong>${e}</strong> to <strong>${t}</strong>
+                </div>
+                <div style="font-size: 0.95em; color: #666;">
+                    This collection does not support temporal subsetting.
+                </div>
+            </div>
+        `},et=new WeakSet,Gi=function(){var t,i,s,n,a;let e=(a=(n=(s=(i=(t=this.collectionWithServices)==null?void 0:t.collection)==null?void 0:i.SpatialExtent)==null?void 0:s.HorizontalSpatialDomain)==null?void 0:n.Geometry)==null?void 0:a.BoundingRectangles;return!e||!Array.isArray(e)||!e.length?m:c`
+            <div class="section" style="margin-bottom: 16px;">
+                <h2 class="section-title">Available Spatial Area</h2>
+                <div style="color: #31708f; margin-top: 8px;">
+                    ${e.map(d=>c`<div>
+                                <strong>Bounding Box:</strong>
+                                ${d.WestBoundingCoordinate},
+                                ${d.SouthBoundingCoordinate},
+                                ${d.EastBoundingCoordinate},
+                                ${d.NorthBoundingCoordinate}
+                            </div>`)}
+                </div>
+                <div style="font-size: 0.95em; color: #666;">
+                    This collection does not support spatial subsetting.
+                </div>
+            </div>
+        `},he=new WeakSet,xt=function(){return this.controller.hasGranules?c`
+            <div class="mode-selection">
+                <div class="mode-options">
+                    <label
+                        class="mode-option ${this.dataAccessMode==="original"?"selected":""}"
+                    >
+                        <input
+                            type="radio"
+                            name="data-access-mode"
+                            value="original"
+                            .checked=${this.dataAccessMode==="original"}
+                            @change=${()=>this.dataAccessMode="original"}
+                        />
+                        <div class="mode-content">
+                            <div class="mode-title">Get Original Files</div>
+                            <div class="mode-description">
+                                Filter file links directly from the archive.
+                            </div>
+                        </div>
+                    </label>
+
+                    <label
+                        class="mode-option ${this.dataAccessMode==="subset"?"selected":""}"
+                    >
+                        <input
+                            type="radio"
+                            name="data-access-mode"
+                            value="subset"
+                            .checked=${this.dataAccessMode==="subset"}
+                            @change=${()=>this.dataAccessMode="subset"}
+                        />
+                        <div class="mode-content">
+                            <div class="mode-title">Subset Data</div>
+                            <div class="mode-description">
+                                Subset the data to your specific needs.
+                            </div>
+                        </div>
+                    </label>
+                </div>
+            </div>
+        `:m},k=new WeakSet,V=function(){return this.selectedFormat==="text/csv"||this.selectedFormat==="image/tiff"},pe=new WeakSet,St=function(){return r(this,k,V).call(this)?this.selectedVariables.length===0?"Please select a variable to subset.":this.selectedVariables.length>1?"The selected format only supports subsetting one variable at a time.":null:null},g.styles=[Ot,si],g.dependencies={"terra-accordion":Ut,"terra-date-picker":Qt,"terra-icon":Ft,"terra-input":_t,"terra-spatial-picker":Pt,"terra-login":Gt,"terra-loader":At,"terra-data-access":ti,"terra-dialog":Bt,"terra-dropdown":zt,"terra-menu":Zt,"terra-menu-item":Xt,"terra-button":Lt,"terra-alert":Mt,"terra-slider":ei},b([I({reflect:!0,attribute:"collection-entry-id"})],g.prototype,"collectionEntryId",2),b([I({reflect:!0,attribute:"short-name"})],g.prototype,"shortName",2),b([I({reflect:!0,attribute:"version"})],g.prototype,"version",2),b([I({reflect:!0,type:Boolean,attribute:"show-collection-search"})],g.prototype,"showCollectionSearch",2),b([I({reflect:!0,type:Boolean,attribute:"show-history-panel"})],g.prototype,"showHistoryPanel",2),b([I({reflect:!0,attribute:"job-id"})],g.prototype,"jobId",2),b([I({attribute:"bearer-token"})],g.prototype,"bearerToken",2),b([I({reflect:!0})],g.prototype,"dialog",2),b([I({reflect:!0,type:Boolean,attribute:"is-history-view"})],g.prototype,"isHistoryView",2),b([x()],g.prototype,"collectionWithServices",2),b([x()],g.prototype,"selectedVariables",2),b([x()],g.prototype,"selectedDimensionIndexes",2),b([x()],g.prototype,"expandedVariableGroups",2),b([x()],g.prototype,"variableFilterText",2),b([x()],g.prototype,"touchedFields",2),b([x()],g.prototype,"spatialSelection",2),b([x()],g.prototype,"selectedDateRange",2),b([x()],g.prototype,"selectedFormat",2),b([x()],g.prototype,"cancelingGetData",2),b([x()],g.prototype,"selectedTab",2),b([x()],g.prototype,"refineParameters",2),b([x()],g.prototype,"collectionSearchType",2),b([x()],g.prototype,"collectionSearchQuery",2),b([x()],g.prototype,"collectionSearchLoading",2),b([x()],g.prototype,"collectionSearchResults",2),b([x()],g.prototype,"collectionLoading",2),b([x()],g.prototype,"collectionAccordionOpen",2),b([x()],g.prototype,"dataAccessMode",2),b([x()],g.prototype,"validationError",2),b([x()],g.prototype,"granuleMinDate",2),b([x()],g.prototype,"granuleMaxDate",2),b([x()],g.prototype,"giovanniConfiguredVariables",2),b([bi('[part~="spatial-picker"]')],g.prototype,"spatialPicker",2),b([bi("terra-dialog")],g.prototype,"dialogElement",2),b([F(["jobId"],{waitUntilFirstUpdate:!0})],g.prototype,"jobIdChanged",1),b([F(["shortName","version"])],g.prototype,"shortNameAndVersionChanged",1),b([F("collectionEntryId",{waitUntilFirstUpdate:!0})],g.prototype,"collectionEntryIdChanged",1),b([F(["collectionWithServices"])],g.prototype,"collectionChanged",1),b([F(["granuleMinDate","granuleMaxDate"])],g.prototype,"granuleDatesChanged",1),b([F("selectedFormat")],g.prototype,"selectedFormatChanged",1),b([Wt(500)],g.prototype,"handleCollectionSearch",1);export{g as a};