@nasa-terra/components 0.0.195 → 0.0.196

package/dist/chunks/chunk.JNF66CIE.js

@@ -1,1182 +0,0 @@
-import{a as zt,b as Ot}from"./chunk.KGHIGMCA.js";import{a as Je}from"./chunk.W7O33DH5.js";import{a as qt}from"./chunk.RIT7PNUW.js";import{a as Ft}from"./chunk.ZYBAFKDZ.js";import{a as Tt}from"./chunk.IO2JJLOR.js";import{a as Wt}from"./chunk.L7UI364Z.js";import{a as Lt}from"./chunk.F7PR6RUU.js";import{b as It}from"./chunk.K4NORFOW.js";import{a as Mt}from"./chunk.JOM4G2YE.js";import{a as Nt,b as Pt}from"./chunk.MKY7Y6QJ.js";import{a as _t}from"./chunk.EVKKJS2Q.js";import{a as Ht}from"./chunk.GS6C5VNV.js";import{a as At}from"./chunk.PBQTUPUD.js";import{a as jt}from"./chunk.4QCVHW6X.js";import{b as Vt}from"./chunk.HZOOFT3Z.js";import{a as Et}from"./chunk.C5EJDSXH.js";import{a as Rt}from"./chunk.GU22GHTU.js";import{a as Ct}from"./chunk.I42HLE2N.js";import{a as kt}from"./chunk.QDFHF7LY.js";import{a as Dt}from"./chunk.VLKM3MR3.js";import{b as qe}from"./chunk.QGXUQL5S.js";import{a as wt}from"./chunk.7J2F6HQM.js";import{a as xt}from"./chunk.P2LITPPP.js";import{a as yt}from"./chunk.BVTUW2PM.js";import{a as Gt}from"./chunk.RIBXZLNN.js";import{a as St}from"./chunk.KUERMFX5.js";import{a as I}from"./chunk.J5Q4TWEG.js";import{a as bt,b as ft}from"./chunk.2T6Y2G56.js";import{b as $t}from"./chunk.E3NUSTFU.js";import{a as R,b as re,e as b,f as d,g as h,i as o}from"./chunk.INFVQQSJ.js";import{html as n,nothing as m}from"lit";import{property as E,query as Qt,state as $}from"lit/decorators.js";var Ei="https://gesdisc.github.io/jupyterlite/lab/index.html";function Vi(N){let C=window.open(Ei,"_blank");if(!C){console.error("Failed to open JupyterLite!");return}return window.addEventListener("message",e=>N(e,C),{once:!0}),C}function Yt(N,C){Vi((e,t)=>{var i;((i=e.data)==null?void 0:i.type)==="jupyterlite-ready"&&(console.log("JupyterLite is ready!"),t.postMessage(R({type:N},C),"*"))})}var Ue=class{getVariableByName(C,e){var t;if(!(!e||!((t=e.items)!=null&&t.length)))return e.items.find(i=>i.umm.Name===C)}getVariableDisplayLabel(C){let{Name:e="",LongName:t="",Units:i=""}=C.umm;return`${e}${e&&t&&e!==t?` = ${t}`:""}${i?` (${i})`:""}`}},Li=new Ue,Be=Li;var Kt={key:"application/x-netcdf4",label:"NetCDF",description:"Download data in NetCDF format"},w,_,v,de,Xt,he,Zt,A,Ye,H,ue,ei,pe,ti,me,ii,ge,ve,P,M,O,be,si,fe,W,ye,ai,$e,ni,Se,ri,xe,oi,De,li,we,ci,q,Qe,J,Ke,T,oe,ke,di,Ce,hi,Re,ui,V,F,Ee,U,Xe,Ve,pi,B,Ze,Y,et,Le,mi,Q,tt,K,it,Ie,gi,Me,vi,X,st,Z,at,Fe,bi,j,le,ee,nt,Te,fi,je,yi,Ge,$i,G,ce,te,rt,ie,ot,Ne,Si,ze,xi,Oe,Di,se,lt,_e,wi,Ae,ki,ae,ct,ne,dt,He,Ci,Pe,Ri,We,g=class extends kt(ft){constructor(){super(...arguments);h(this,de);h(this,he);h(this,A);h(this,ue);h(this,pe);h(this,me);h(this,M);h(this,be);h(this,ye);h(this,$e);h(this,Se);h(this,xe);h(this,De);h(this,we);h(this,q);h(this,J);h(this,T);h(this,ke);h(this,Ce);h(this,Re);h(this,V);h(this,U);h(this,Ve);h(this,B);h(this,Y);h(this,Le);h(this,Q);h(this,K);h(this,Ie);h(this,Me);h(this,X);h(this,Z);h(this,Fe);h(this,j);h(this,ee);h(this,Te);h(this,je);h(this,Ge);h(this,G);h(this,te);h(this,ie);h(this,Ne);h(this,ze);h(this,Oe);h(this,se);h(this,_e);h(this,Ae);h(this,ae);h(this,ne);h(this,He);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=Kt;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";h(this,w,new Vt(this,{getCollectionEntryId:()=>this.collectionEntryId,getBearerToken:()=>this.bearerToken}));h(this,_,new Mt(this));h(this,v,new Lt(this));h(this,H,()=>{this.selectedVariables=[],o(this,j,le).call(this)&&d(this,W).call(this),this.selectedDateRange={startDate:null,endDate:null},this.touchedFields=new Set,this.validationError=void 0,this.expandedVariableGroups=new Set,this.requestUpdate()});h(this,ge,e=>{o(this,V,F).call(this,"date"),this.selectedDateRange=re(R({},this.selectedDateRange),{startDate:e.detail.startDate,endDate:e.detail.endDate})});h(this,ve,()=>{this.selectedDateRange={startDate:null,endDate:null}});h(this,P,()=>{var e,t;if((t=(e=this.collectionWithServices)==null?void 0:e.configuredOutputFormats)!=null&&t.length){let i=this.collectionWithServices.configuredOutputFormats.find(s=>s.key==="application/x-netcdf4"||s.key==="application/netcdf");this.selectedFormat=i||this.collectionWithServices.configuredOutputFormats[0]}else this.selectedFormat=Kt});h(this,fe,e=>{var t;if(o(this,V,F).call(this,"spatial"),e.detail.type==="point")this.shapeGeoJson=void 0,this.spatialLabel=void 0,this.spatialSelection=e.detail.latLng;else if(e.detail.type==="bbox")this.shapeGeoJson=void 0,this.spatialLabel=void 0,this.spatialSelection=e.detail.bounds;else if(e.detail.type==="polygon")if(this.spatialSelection=void 0,e.detail.geoJson)this.shapeGeoJson=e.detail.geoJson,this.spatialLabel=(t=e.detail.label)!=null?t:"Shape selected";else if(e.detail.latLngs.length>0){let i=e.detail.latLngs.map(s=>[s.lng,s.lat]);i.push(i[0]),this.shapeGeoJson={type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"Polygon",coordinates:[i]},properties:null}]},this.spatialLabel=`Polygon (${e.detail.latLngs.length} vertices)`}else this.shapeGeoJson=void 0,this.spatialLabel=void 0;else this.spatialSelection=void 0,this.shapeGeoJson=void 0,this.spatialLabel=void 0});h(this,W,()=>{this.spatialSelection=void 0,this.shapeGeoJson=void 0,this.spatialLabel=void 0,this.spatialPicker.clear(),o(this,V,F).call(this,"spatial")});h(this,Ee,()=>{this.selectedVariables=[],o(this,U,Xe).call(this)});h(this,We,e=>{e.preventDefault(),o(this,G,ce).call(this)})}jobIdChanged(){this.jobId&&(d(this,v).startPollForJobStatus(this.jobId,{bearerToken:this.bearerToken}),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&&(d(this,v).startPollForJobStatus(this.jobId,{bearerToken:this.bearerToken}),this.dataAccessMode="subset"),this.renderHistoryPanel()}updated(e){var r,a,c;super.updated(e);let t=d(this,w).collectionInfo;t!==this.collectionWithServices&&(this.collectionWithServices=t);let i=(r=d(this,w).sampling)==null?void 0:r.data;(i==null?void 0:i.minDate)!==this.granuleMinDate&&(this.granuleMinDate=i==null?void 0:i.minDate),(i==null?void 0:i.maxDate)!==this.granuleMaxDate&&(this.granuleMaxDate=i==null?void 0:i.maxDate);let s=d(this,w).giovanniVariables;s.size!==((c=(a=this.giovanniConfiguredVariables)==null?void 0:a.size)!=null?c:0)&&(this.giovanniConfiguredVariables=s)}get isSubDaily(){return d(this,w).isSubDaily}collectionChanged(){let{startDate:e,endDate:t}=o(this,M,O).call(this);this.selectedDateRange={startDate:e,endDate:t},d(this,P).call(this),this.collectionLoading=!1,this.collectionAccordionOpen=!1}granuleDatesChanged(){let e=R(R({},this.granuleMinDate&&{startDate:this.granuleMinDate}),this.granuleMaxDate&&{endDate:this.granuleMaxDate});Object.keys(e).length>0&&(this.selectedDateRange=R(R({},this.selectedDateRange),e))}selectedFormatChanged(){this.selectedFormat.isGiovanniFormat&&this.selectedVariables.length>1&&(this.selectedVariables=[this.selectedVariables[0]])}showDialog(){var e;(e=this.dialogElement)==null||e.show()}render(){var r,a,c,l,u,p,y,f,D,S,x,k,L,z,ht,ut,pt,mt,gt;let e=(d(this,v).jobId||this.harmonyRequestError)&&!this.refineParameters,t=e&&!!this.dialog,i=(c=(a=(r=this.collectionWithServices)==null?void 0:r.collection)==null?void 0:a.EntryTitle)!=null?c:"Download Data";if(!this.collectionWithServices&&d(this,w).hasCapabilitiesError)return n`
-                    <terra-alert open variant="danger" appearance="white">
-                        Failed to find the requested collection.
-                    </terra-alert>
-                `;let s=n`
-            <div class="container">
-                ${this.dialog?m:n`
-                          <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?n`<button
-                                        class="minimize-btn"
-                                        @click=${()=>this.minimizeDialog()}
-                                    >
-                                        -
-                                    </button>`:m}
-                          </div>
-                      `}
-                ${!this.isHistoryView&&((u=(l=this.collectionWithServices)==null?void 0:l.services)!=null&&u.length)?n`
-                          <div class="section">
-                              ${o(this,ae,ct).call(this)}
-                          </div>
-                      `:m}
-                ${this.dataAccessMode==="original"?n`
-                          <div class="section">
-                              <terra-data-access
-                                  short-name=${(f=this.shortName)!=null?f:(y=(p=this.collectionWithServices)==null?void 0:p.collection)==null?void 0:y.ShortName}
-                                  version=${(x=this.version)!=null?x:(S=(D=this.collectionWithServices)==null?void 0:D.collection)==null?void 0:S.Version}
-                                  ?footer-slot=${!!this.dialog}
-                              >
-                                  ${this.dialog?n`
-                                            <div
-                                                slot="footer"
-                                                style="margin-top: 15px;"
-                                            >
-                                                <slot
-                                                    name="data-access-footer"
-                                                ></slot>
-                                            </div>
-                                        `:m}
-                              </terra-data-access>
-                          </div>
-                      `:e?o(this,Y,et).call(this):o(this,A,Ye).call(this)}
-            </div>
-        `;return this.dialog?n`
-                <terra-dialog id=${this.dialog} style="--title-font-size: 16px;">
-                    <span
-                        slot="label"
-                        style="display: flex; align-items: center; gap: 8px; color: var(--terra-text-brand-on-secondary, #1c67e3); 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?n`
-                              <button
-                                  slot="header-actions"
-                                  class="minimize-btn"
-                                  @click=${()=>{var vt;return(vt=this.dialogElement)==null?void 0:vt.hide()}}
-                                  aria-label="Minimize"
-                              >
-                                  -
-                              </button>
-                          `:m}
-                    <slot name="dialog-header-content"></slot>
-                    ${s} ${o(this,de,Xt).call(this)}
-                </terra-dialog>
-            `:n`
-            <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?n`<button
-                              class="minimize-btn"
-                              @click=${()=>this.minimizeDialog()}
-                          >
-                              -
-                          </button>`:m}
-                </div>
-                ${!this.isHistoryView&&((L=(k=this.collectionWithServices)==null?void 0:k.services)!=null&&L.length)?n`
-                          <div class="section">
-                              ${o(this,ae,ct).call(this)}
-                          </div>
-                      `:m}
-                ${this.dataAccessMode==="original"?n`
-                          <div class="section">
-                              <terra-data-access
-                                  short-name=${(ut=this.shortName)!=null?ut:(ht=(z=this.collectionWithServices)==null?void 0:z.collection)==null?void 0:ht.ShortName}
-                                  version=${(gt=this.version)!=null?gt:(mt=(pt=this.collectionWithServices)==null?void 0:pt.collection)==null?void 0:mt.Version}
-                                  ?footer-slot=${!!this.dialog}
-                              >
-                                  ${this.dialog?n`
-                                            <div
-                                                slot="footer"
-                                                style="margin-top: 15px;"
-                                            >
-                                                <slot
-                                                    name="data-access-footer"
-                                                ></slot>
-                                            </div>
-                                        `:m}
-                              </terra-data-access>
-                          </div>
-                      `:e?o(this,Y,et).call(this):o(this,A,Ye).call(this)}
-            </div>
-        `}minimizeDialog(){var e;(e=this.closest("terra-dialog"))==null||e.hide()}handleCollectionSearch(e){this.collectionSearchQuery=e}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,_=new WeakMap,v=new WeakMap,de=new WeakSet,Xt=function(){return(d(this,v).jobId||this.harmonyRequestError)&&!this.refineParameters?d(this,v).jobId?n`
-                <div slot="footer" class="footer">
-                    ${d(this,v).status==="successful"||d(this,v).status==="complete_with_errors"?n`
-                              <div
-                                  style="display: flex; align-items: center; gap: 8px;"
-                              >
-                                  <terra-dropdown
-                                      @terra-select=${o(this,ie,ot)}
-                                  >
-                                      <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=${()=>o(this,se,lt).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}
-                    ${d(this,v).status==="running"?n`<button
-                              class="btn btn-success"
-                              @click=${o(this,Q,tt)}
-                              ?disabled=${this.cancelingGetData}
-                          >
-                              ${this.cancelingGetData?"Canceling...":"Cancel request"}
-                          </button>`:m}
-
-                    <div class="job-info">
-                        Job ID:
-                        <span class="job-id">
-                            ${this.bearerToken?n`<a
-                                      href="https://harmony.earthdata.nasa.gov/jobs/${d(this,v).jobId}"
-                                      target="_blank"
-                                      >${d(this,v).jobId}</a
-                                  >`:d(this,v).jobId}
-                        </span>
-                        <span class="info-icon">?</span>
-                    </div>
-                </div>
-            `:m:this.dataAccessMode==="subset"?n`
-                <div slot="footer" class="footer">
-                    <button
-                        class="btn btn-secondary"
-                        @click=${d(this,H)}
-                    >
-                        Reset All
-                    </button>
-                    <div>
-                        <button class="btn btn-primary" @click=${o(this,K,it)}>
-                            Get Data
-                        </button>
-                        ${this.jobId?n`
-                                  <terra-button
-                                      variant="default"
-                                      @click=${o(this,te,rt)}
-                                  >
-                                      View Running Job
-                                  </terra-button>
-                              `:m}
-                    </div>
-                </div>
-            `:m},he=new WeakSet,Zt=function(e){return!d(this,_).state.isLoading&&!d(this,_).state.user?n`
-                <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>
-            `:n`<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?n`<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>`},A=new WeakSet,Ye=function(){var l,u,p,y,f,D,S,x,k;let e=o(this,je,yi).call(this),t=o(this,Fe,bi).call(this),i=(l=this.collectionWithServices)==null?void 0:l.collection,s=i==null?void 0:i.TemporalExtents,r=i==null?void 0:i.SpatialExtent,a=s==null?void 0:s.length,c=(p=(u=r==null?void 0:r.HorizontalSpatialDomain)==null?void 0:u.Geometry)==null?void 0:p.BoundingRectangles;return n`
-            ${this.dataAccessMode==="original"?m:t?n`
-                        ${t&&e?o(this,he,Zt).call(this,e):m}
-                        ${this.showCollectionSearch?n`
-                                  <div class="section">
-                                      <h2 class="section-title">
-                                          Select Data Collection
-                                      </h2>
-
-                                      ${o(this,ue,ei).call(this)}
-                                  </div>
-                              `:m}
-                        ${(f=(y=this.collectionWithServices)==null?void 0:y.summary.outputFormats)!=null&&f.length&&t?n`
-                                  <div class="section">
-                                      <h2 class="section-title">Output Format</h2>
-
-                                      ${o(this,pe,ti).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.summary.subsetting.temporal?o(this,me,ii).call(this):m}
-                            ${o(this,j,le).call(this)?o(this,be,si).call(this):m}
-                            ${(S=this.collectionWithServices)!=null&&S.summary.subsetting.variable?o(this,ye,ai).call(this):m}
-                            ${(x=this.collectionWithServices)!=null&&x.summary.subsetting.variable&&Ot(zt.DIMENSION_SUBSET,this.features)?o(this,xe,oi).call(this):m}
-                        </div>
-                    `:n`
-                        ${a&&!((k=this.collectionWithServices)!=null&&k.summary.subsetting.temporal)?o(this,_e,wi).call(this):m}
-                        ${c&&!o(this,j,le).call(this)?o(this,Ae,ki).call(this):m}
-                    `}
-            ${!t&&e?n`
-                      <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?n`
-                      <div class="footer">
-                          <button
-                              class="btn btn-secondary"
-                              @click=${d(this,H)}
-                          >
-                              Reset All
-                          </button>
-                          <div>
-                              <button class="btn btn-primary" @click=${o(this,K,it)}>
-                                  Get Data
-                              </button>
-                              ${this.jobId?n`
-                                        <terra-button
-                                            variant="default"
-                                            @click=${o(this,te,rt)}
-                                        >
-                                            View Running Job
-                                        </terra-button>
-                                    `:m}
-                          </div>
-                      </div>
-                  `:m}
-        `},H=new WeakMap,ue=new WeakSet,ei=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.)"),n`
-            <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?n` <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?n`
-                              <div id="loading-mini" class="loading-mini">
-                                  <div class="spinner-mini"></div>
-                                  <div>Searching NASA CMR...</div>
-                              </div>
-                          `:(t=this.collectionSearchResults)!=null&&t.length?n` <div
-                                id="results-container-mini"
-                                class="results-container-mini"
-                            >
-                                ${(i=this.collectionSearchResults)==null?void 0:i.map(s=>n`
-                                        <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"?n` <span
-                                                          >📊
-                                                          ${s.collectionEntryId}</span
-                                                      >`:m}
-                                                <span class="tag-mini"
-                                                    >${s.type.toUpperCase()}</span
-                                                >
-                                            </div>
-                                        </div>
-                                    `)}
-                            </div>`:this.collectionSearchResults&&this.collectionSearchResults.length===0?n`<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?n`
-                      <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}
-        `},pe=new WeakSet,ti=function(){return n`
-            <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>${this.selectedFormat.label}</span>
-
-                    <button class="reset-btn" @click=${d(this,P)}>
-                        Reset
-                    </button>
-                </div>
-
-                <div class="accordion-content" style="margin-top: 12px;">
-                    ${(()=>{var e;return(((e=this.collectionWithServices)==null?void 0:e.configuredOutputFormats)||[]).map(t=>n`
-                                <label
-                                    style="display: flex; align-items: center; gap: 8px; padding: 5px;"
-                                >
-                                    <input
-                                        type="radio"
-                                        name="output-format"
-                                        value="${t}"
-                                        .checked=${this.selectedFormat===t}
-                                        @change=${()=>this.selectedFormat=t}
-                                    />
-                                    ${t.label}
-                                </label>
-                            `)})()}
-                </div>
-            </terra-accordion>
-        `},me=new WeakSet,ii=function(){var a,c,l,u,p,y,f,D;let{startDate:e,endDate:t}=o(this,M,O).call(this),i=(c=(a=this.selectedDateRange.startDate)!=null?a:this.granuleMinDate)!=null?c:e,s=(u=(l=this.selectedDateRange.endDate)!=null?l:this.granuleMaxDate)!=null?u:t,r=this.touchedFields.has("date")&&(!this.selectedDateRange.startDate||!this.selectedDateRange.endDate);return n`
-            <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;"
-                >
-                    ${r?n`<span class="accordion-value error"
-                              >Please select a date range</span
-                          >`:this.touchedFields.has("date")&&i&&s?n`<span class="accordion-value"
-                                >${i} to ${s}</span
-                            >`:m}
-                    <button class="reset-btn" @click=${d(this,ve)}>
-                        Reset
-                    </button>
-                </div>
-
-                <div style="width: 300px">
-                    <terra-date-picker
-                        allow-input
-                        inline
-                        range
-                        split-inputs
-                        show-presets
-                        ?enable-time=${this.isSubDaily}
-                        start-label="Start Date"
-                        end-label="End Date"
-                        .minDate=${(p=this.granuleMinDate)!=null?p:e}
-                        .maxDate=${(y=this.granuleMaxDate)!=null?y:t}
-                        .startDate=${(f=this.selectedDateRange.startDate)!=null?f:this.granuleMinDate}
-                        .endDate=${(D=this.selectedDateRange.endDate)!=null?D:this.granuleMaxDate}
-                        .useEndOfDay=${!this.selectedFormat.isGiovanniFormat}
-                        @terra-date-range-change=${d(this,ge)}
-                    ></terra-date-picker>
-                </div>
-
-                <div style="display: flex; gap: 16px; margin-top: 15px;">
-                    <span
-                        ><strong>Available Range:</strong> ${e} to
-                        ${t}</span
-                    >
-                    ${this.isSubDaily?n`<span
-                              ><strong>Note:</strong> All dates and times are in
-                              UTC.</span
-                          >`:m}
-                </div>
-            </terra-accordion>
-        `},ge=new WeakMap,ve=new WeakMap,P=new WeakMap,M=new WeakSet,O=function(){var c,l;let e=this.granuleMinDate,t=this.granuleMaxDate;if(e&&t)return{startDate:e.slice(0,10),endDate:t.slice(0,10)};let i=(l=(c=this.collectionWithServices)==null?void 0:c.collection)==null?void 0:l.TemporalExtents;if(!(i!=null&&i.length))return{startDate:null,endDate:null};let s=null,r=null,a=new Date;for(let u of i)for(let p of u.RangeDateTimes||[]){let y=new Date(p.BeginningDateTime),f;u.EndsAtPresentFlag||!p.EndingDateTime?f=a:f=new Date(p.EndingDateTime),(!s||y<s)&&(s=y),(!r||f>r)&&(r=f)}return{startDate:s?s.toISOString().slice(0,10):null,endDate:r?r.toISOString().slice(0,10):null}},be=new WeakSet,si=function(){var s,r,a,c,l,u,p,y,f,D,S,x,k;let e=this.touchedFields.has("spatial")&&!this.spatialSelection&&!this.shapeGeoJson,t=(a=(r=this.spatialLabel)!=null?r:(s=this.spatialSelection)==null?void 0:s.toString())!=null?a:void 0,i=(l=(c=this.spatialSelection)==null?void 0:c.toString())!=null?l:void 0;return n`
-            <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?n`<span class="accordion-value error"
-                              >Please select a region</span
-                          >`:t?n`<span class="accordion-value"
-                                >${t}</span
-                            >`:m}
-                    <button class="reset-btn" @click=${d(this,W)}>
-                        Reset
-                    </button>
-                </div>
-                <div class="accordion-content">
-                    <terra-spatial-picker
-                        part="spatial-picker"
-                        inline
-                        hide-label
-                        .spatialConstraints=${d(this,w).spatialConstraints||"-180, -90, 180, 90"}
-                        .initialValue=${i}
-                        ?has-shape-selector=${(f=(y=(p=(u=this.collectionWithServices)==null?void 0:u.summary)==null?void 0:p.subsetting)==null?void 0:y.shape)!=null?f:!1}
-                        ?show-polygon-selection=${(k=(x=(S=(D=this.collectionWithServices)==null?void 0:D.summary)==null?void 0:S.subsetting)==null?void 0:x.shape)!=null?k:!1}
-                        @terra-map-change=${d(this,fe)}
-                    ></terra-spatial-picker>
-                    <div
-                        style="display: flex; gap: 16px; margin-top: 15px; color: #31708f;"
-                    >
-                        <span
-                            ><strong>Available Range:</strong> ${d(this,w).spatialConstraints}</span
-                        >
-                    </div>
-                </div>
-            </terra-accordion>
-        `},fe=new WeakMap,W=new WeakMap,ye=new WeakSet,ai=function(){var u;let e=((u=this.collectionWithServices)==null?void 0:u.variables)||[],t=this.touchedFields.has("variables")&&o(this,ne,dt).call(this),i=this.touchedFields.has("variables")&&this.selectedVariables.length===0,s=t||i,r=t||(i?"Please select at least one variable":""),a=o(this,q,Qe).call(this,e),c=o(this,T,oe).call(this,a),l=c.length>0&&c.every(p=>this.expandedVariableGroups.has(p));return n`
-            <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?n`<span class="accordion-value error"
-                              >${r}</span
-                          >`:this.selectedVariables.length?n`<span class="accordion-value"
-                                >${this.selectedVariables.length} selected</span
-                            >`:m}
-
-                    <button class="reset-btn" @click=${d(this,Ee)}>
-                        Reset
-                    </button>
-                </div>
-                <div class="accordion-content">
-                    <terra-input
-                        label="Filter variables"
-                        placeholder="Search by variable name..."
-                        .value=${this.variableFilterText}
-                        @input=${p=>{let y=p.target;this.variableFilterText=y.value,o(this,we,ci).call(this)}}
-                        style="margin-bottom: 10px;"
-                    ></terra-input>
-                    <button
-                        class="reset-btn"
-                        style="margin-bottom: 10px;"
-                        @click=${()=>o(this,Ce,hi).call(this,a)}
-                    >
-                        ${l?"Collapse Tree":"Expand Tree"}
-                    </button>
-
-                    ${this.selectedFormat.isGiovanniFormat&&this.giovanniConfiguredVariables?n`
-                              <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?n`<p style="color: #666; font-style: italic;">
-                              No variables available for this collection.
-                          </p>`:o(this,J,Ke).call(this,o(this,De,li).call(this,a),[])}
-                </div>
-            </terra-accordion>
-        `},$e=new WeakSet,ni=function(e){var s,r,a,c,l,u;let t=(s=this.selectedDimensionIndexes[e.name])!=null?s:1,i=((u=(l=(c=(a=(r=d(this,w).gesDiscCollection)==null?void 0:r.data)==null?void 0:a.services)==null?void 0:c.subset)==null?void 0:l.find(p=>p.dimensions&&p.dimensions.length>0))==null?void 0:u.dimensions)||[];return n`
-            <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"
-                    .startValue=${t.start}
-                    .endValue=${t.end}
-                    has-tooltips
-                    show-inputs
-                    hide-label
-                    .formatTooltip=${i.length>0?p=>{let y=i.find(f=>String(f.value)===String(p));return y?y.label:String(p)}:m}
-                    @terra-slider-change=${p=>{if("startValue"in p.detail){let{startValue:y,endValue:f}=p.detail;o(this,Se,ri).call(this,e.name,y,f)}}}
-                ></terra-slider>
-            </div>
-        `},Se=new WeakSet,ri=function(e,t,i){let r=o(this,B,Ze).call(this).find(l=>l.name===e);if(!r)return;let a=Math.min(Math.max(Math.round(t),1),r.size),c=Math.min(Math.max(Math.round(i!=null?i:t),1),r.size);if(a<=1&&c>=r.size){delete this.selectedDimensionIndexes[e];return}this.selectedDimensionIndexes=re(R({},this.selectedDimensionIndexes),{[e]:{start:a,end:c}})},xe=new WeakSet,oi=function(){let e=o(this,B,Ze).call(this);if(!e.length)return m;let t=Object.keys(this.selectedDimensionIndexes).length;return n`
-            <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?n`<span class="accordion-value"
-                              >${t}
-                              dimension${t===1?"":"s"}
-                              selected</span
-                          >`:m}
-                    <button class="reset-btn" @click=${o(this,U,Xe)}>
-                        Reset
-                    </button>
-                </div>
-                <div class="accordion-content">
-                    ${e.map(i=>o(this,$e,ni).call(this,i))}
-                </div>
-            </terra-accordion>
-        `},De=new WeakSet,li=function(e){if(!this.variableFilterText.trim())return e;let t=this.variableFilterText.toLowerCase().trim(),i=s=>{let r={};for(let[a,c]of Object.entries(s))if(c.__isLeaf)c.__variable.name.toLowerCase().includes(t)&&(r[a]=c);else{let l=i(c.__children);(Object.keys(l).length>0||a.toLowerCase().includes(t))&&(r[a]=re(R({},c),{__children:l}))}return r};return i(e)},we=new WeakSet,ci=function(){var a;if(!this.variableFilterText.trim())return;let e=((a=this.collectionWithServices)==null?void 0:a.variables)||[],t=o(this,q,Qe).call(this,e),i=this.variableFilterText.toLowerCase().trim(),s=new Set,r=(c,l=[])=>{for(let[u,p]of Object.entries(c))if(p.__isLeaf){if(p.__variable.name.toLowerCase().includes(i))for(let f=0;f<l.length;f++){let D=l.slice(0,f+1).join("/");s.add(D)}}else{let y=[...l,u].join("/");r(p.__children,[...l,u]),u.toLowerCase().includes(i)&&s.add(y)}};r(t),s.size>0&&(this.expandedVariableGroups=new Set([...this.expandedVariableGroups,...s]))},q=new WeakSet,Qe=function(e){let t=e;this.selectedFormat.isGiovanniFormat&&this.giovanniConfiguredVariables&&(t=e.filter(s=>{var l,u,p;let r=(l=this.collectionWithServices)==null?void 0:l.shortName,a=(p=(u=this.collectionWithServices)==null?void 0:u.collection)==null?void 0:p.Version;if(!r||!a)return!1;let c=Je(r,a,s.name);return this.giovanniConfiguredVariables.has(c)}));let i={};for(let s of t){let r=s.name.split("/"),a=i;for(let c=0;c<r.length;c++){let l=r[c];a[l]||(a[l]={__children:{},__isLeaf:!1}),c===r.length-1&&(a[l].__isLeaf=!0,a[l].__variable=s),a=a[l].__children}}return i},J=new WeakSet,Ke=function(e,t){let i=this.selectedFormat.isGiovanniFormat;return n`
-            <div style="margin-left: ${t.length*20}px;">
-                ${Object.entries(e).map(([s,r])=>{var c;let a=[...t,s].join("/");if(r.__isLeaf){let l=Be.getVariableByName(s,(c=d(this,w).variables)==null?void 0:c.data),u=l?Be.getVariableDisplayLabel(l):s;return n`
-                            <div class="option-row">
-                                <label class="checkbox-option">
-                                    <input
-                                        type="${i?"radio":"checkbox"}"
-                                        name="${i?"variable-selection":""}"
-                                        .checked=${this.selectedVariables.some(p=>p.name===r.__variable.name)}
-                                        @change=${p=>o(this,Re,ui).call(this,p,r.__variable)}
-                                    />
-                                    <span>${u}</span>
-                                </label>
-                            </div>
-                        `}else{let l=this.expandedVariableGroups.has(a);return n`
-                            <div class="option-row" style="align-items: flex-start;">
-                                <span
-                                    style="cursor: pointer; display: flex; align-items: center;"
-                                    @click=${()=>o(this,ke,di).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?o(this,J,Ke).call(this,r.__children,[...t,s]):""}
-                        `}})}
-            </div>
-        `},T=new WeakSet,oe=function(e,t=[]){let i=[];for(let[s,r]of Object.entries(e))if(!r.__isLeaf){let a=[...t,s].join("/");i.push(a),i=i.concat(o(this,T,oe).call(this,r.__children,[...t,s]))}return i},ke=new WeakSet,di=function(e){let t=new Set(this.expandedVariableGroups);t.has(e)?t.delete(e):t.add(e),this.expandedVariableGroups=t},Ce=new WeakSet,hi=function(e){let t=o(this,T,oe).call(this,e);t.length>0&&t.every(s=>this.expandedVariableGroups.has(s))?this.expandedVariableGroups=new Set:this.expandedVariableGroups=new Set(t)},Re=new WeakSet,ui=function(e,t){o(this,V,F).call(this,"variables");let i=e.target.checked;this.selectedFormat.isGiovanniFormat?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)},V=new WeakSet,F=function(e){this.touchedFields=new Set(this.touchedFields).add(e)},Ee=new WeakMap,U=new WeakSet,Xe=function(){this.selectedDimensionIndexes={}},Ve=new WeakSet,pi=function(e){var s,r,a;let t=(r=(s=e.Name)==null?void 0:s.toLowerCase())!=null?r:"",i=((a=e.Type)!=null?a:"").toLowerCase();return["time","latitude","longitude","lat","lon","x","y"].some(c=>t.includes(c)||i.includes(c))},B=new WeakSet,Ze=function(){var a,c;let e=(a=d(this,w).variables)==null?void 0:a.data;if(!e)return[];let t=(c=e.items)!=null?c:[];if(!t.length)return[];let i=t.map(l=>{var u;return(u=l.umm.Dimensions)!=null?u:[]});return i.length?Array.from(new Set(i.flatMap(l=>l.map(u=>u.Name)))).map(l=>{var f,D;let u=i.map(S=>S.find(x=>x.Name===l)).filter(S=>!!S);if(!u.length)return null;let p=u.filter(S=>S.Size!==void 0&&S.Size!=="Varies").map(S=>Number(S.Size)).filter(S=>Number.isFinite(S)&&S>0);if(!p.length)return null;let y=Math.min(...p);return{name:l,type:(D=(f=u[0])==null?void 0:f.Type)!=null?D:"OTHER",size:y}}).filter(l=>!!l).filter(l=>!o(this,Ve,pi).call(this,{Name:l.name,Type:l.type})):[]},Y=new WeakSet,et=function(){var e,t,i,s,r;return d(this,v).jobId?n`
-            <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:n`
-                              <terra-button
-                                  variant="default"
-                                  size="small"
-                                  @click=${o(this,G,ce)}
-                              >
-                                  ← Back to Subset Options
-                              </terra-button>
-                          `}
-                </div>
-
-                ${d(this,v).status!=="canceled"&&d(this,v).status!=="failed"?n` <div class="progress-container">
-                          <div class="progress-text">
-                              ${d(this,v).progress>=100?n`
-                                        <span class="status-complete"
-                                            >✓ Search complete</span
-                                        >
-                                    `:n`
-                                        <span class="spinner"></span>
-                                        <span class="status-running"
-                                            >Searching for data...
-                                            (${d(this,v).progress}%)</span
-                                        >
-                                    `}
-                          </div>
-
-                          <div class="progress-bar">
-                              <div
-                                  class="progress-fill"
-                                  style="width: ${d(this,v).progress}%"
-                              ></div>
-                          </div>
-                      </div>`:m}
-
-                <div class="search-status">
-                    <span class="file-count"
-                        >Found ${o(this,Me,vi).call(this)} files</span
-                    >
-                    out of estimated
-                    <span class="estimated-total"
-                        >${(e=d(this,v).data)==null?void 0:e.numInputGranules.toLocaleString()}</span
-                    >
-                </div>
-
-                ${o(this,ee,nt).call(this)}
-                ${(i=(t=d(this,v).data)==null?void 0:t.errors)!=null&&i.length?n`
-                          <terra-accordion>
-                              <div slot="summary">
-                                  <span
-                                      class="accordion-title"
-                                      style="color: #dc3545;"
-                                      >Errors
-                                      (${(s=d(this,v).data)==null?void 0:s.errors.length})</span
-                                  >
-                              </div>
-                              <div class="accordion-content">
-                                  <ul
-                                      style="color: #dc3545; font-size: 14px; padding-left: 20px;"
-                                  >
-                                      ${(r=d(this,v).data)==null?void 0:r.errors.map(a=>n`
-                                              <li style="margin-bottom: 12px;">
-                                                  <a
-                                                      href="${a.url}"
-                                                      target="_blank"
-                                                      style="word-break: break-all; color: #dc3545; text-decoration: underline;"
-                                                  >
-                                                      ${a.url}
-                                                  </a>
-                                                  <div style="margin-top: 2px;">
-                                                      ${a.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:n`
-                              <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":""}"
-                >
-                    ${o(this,X,st).call(this).length?n`
-                              <div class="documentation-links">
-                                  ${o(this,X,st).call(this).map(a=>n`
-                                          <a href="${a.href}" class="doc-link"
-                                              >${a.title}</a
-                                          >
-                                      `)}
-                              </div>
-                          `:m}
-
-                    <ul class="file-list">
-                        ${o(this,Z,at).call(this).map(a=>n`
-                                <li class="file-item">
-                                    <a
-                                        href="${a.href}"
-                                        class="file-link"
-                                        target="_blank"
-                                    >
-                                        ${a.title}
-                                    </a>
-                                </li>
-                            `)}
-                    </ul>
-                </div>
-
-                <div
-                    id="selected-params"
-                    class="tab-content ${this.selectedTab==="selected-params"?"active":""}"
-                >
-                    ${o(this,Le,mi).call(this)}
-                </div>
-            </div>
-
-            ${this.dialog?m:n`
-                      <div class="footer">
-                          ${d(this,v).status==="successful"||d(this,v).status==="complete_with_errors"?n`
-                                    <div
-                                        style="display: flex; align-items: center; gap: 8px;"
-                                    >
-                                        <terra-dropdown
-                                            @terra-select=${o(this,ie,ot)}
-                                        >
-                                            <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=${()=>o(this,se,lt).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}
-                          ${d(this,v).status==="running"?n`<button
-                                    class="btn btn-success"
-                                    @click=${o(this,Q,tt)}
-                                    ?disabled=${this.cancelingGetData}
-                                >
-                                    ${this.cancelingGetData?"Canceling...":"Cancel request"}
-                                </button>`:m}
-
-                          <div class="job-info">
-                              Job ID:
-                              <span class="job-id">
-                                  ${this.bearerToken?n`<a
-                                            href="https://harmony.earthdata.nasa.gov/jobs/${d(this,v).jobId}"
-                                            target="_blank"
-                                            >${d(this,v).jobId}</a
-                                        >`:d(this,v).jobId}
-                              </span>
-                              <span class="info-icon">?</span>
-                          </div>
-                      </div>
-                  `}
-        `:n`<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:n`
-                              <terra-button
-                                  variant="default"
-                                  size="small"
-                                  @click=${o(this,G,ce)}
-                              >
-                                  ← Back to Subset Options
-                              </terra-button>
-                          `}
-                </div>
-
-                <div class="progress-container">
-                    ${this.harmonyRequestError?n`
-                              <terra-alert open variant="danger" appearance="white">
-                                  ${o(this,Pe,Ri).call(this)}
-                              </terra-alert>
-                          `:n`
-                              <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>
-
-                              ${o(this,ee,nt).call(this)}
-                          `}
-                </div>
-            </div>`},Le=new WeakSet,mi=function(){var r,a,c,l;let e=(r=this.collectionWithServices)==null?void 0:r.collection,t=this.selectedVariables.length?this.selectedVariables.map(u=>u.name):["All"],i=this.selectedDateRange.startDate&&this.selectedDateRange.endDate?`${this.selectedDateRange.startDate} to ${this.selectedDateRange.endDate}`:"\u2014",s=(c=(a=this.spatialSelection)==null?void 0:a.toString())!=null?c:"-";return n`
-            <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(u=>n`<div>${u}</div>`)}</dd>
-                </div>
-                <div>
-                    <dt><strong>Dimensions</strong></dt>
-                    <dd>
-                        ${Object.entries(this.selectedDimensionIndexes).length?Object.entries(this.selectedDimensionIndexes).map(([u,p])=>n`<div>
-                                          <strong>${u}:</strong> ${p}
-                                      </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=${o(this,Ge,$i)}
-                >Refine Parameters</terra-button
-            >
-        `},Q=new WeakSet,tt=async function(){if(this.jobId){this.cancelingGetData=!0;try{await d(this,v).cancelJob({jobId:this.jobId,options:{bearerToken:this.bearerToken}})}finally{this.cancelingGetData=!1}}},K=new WeakSet,it=async function(){var c,l,u,p,y,f,D,S;this.harmonyRequestError=void 0;let e=o(this,ne,dt).call(this);if(e){this.validationError=e,o(this,V,F).call(this,"variables");return}this.validationError=void 0,this.cancelingGetData=!1,o(this,Ie,gi).call(this);let t=this.selectedFormat.isGiovanniFormat?this.selectedVariables.map(x=>{var k,L,z;return Je((k=this.collectionWithServices.shortName)!=null?k:"",(z=(L=this.collectionWithServices.collection)==null?void 0:L.Version)!=null?z:"",x.name)}):this.selectedVariables.map(x=>x.conceptId),i=new It({collectionConceptId:this.collectionWithServices.conceptId,variables:t,location:this.spatialSelection});this.shapeGeoJson&&i.shape(this.shapeGeoJson),this.selectedDateRange.startDate&&this.selectedDateRange.endDate&&(i.startDate(this.isSubDaily?this.selectedDateRange.startDate:qe(this.selectedDateRange.startDate).toISOString()),i.endDate(this.isSubDaily?this.selectedDateRange.endDate:qe(this.selectedDateRange.endDate).toISOString())),this.selectedFormat&&i.format(this.selectedFormat.isGiovanniFormat?"text/csv":this.selectedFormat.key),this.selectedFormat.key==="text/csv"&&i.average("area"),this.selectedFormat.key==="image/tiff"&&i.average("time"),Object.keys(this.selectedDimensionIndexes).length&&Object.entries(this.selectedDimensionIndexes).forEach(([x,{start:k,end:L}])=>{i.dimension({name:x,min:k,max:L})}),i.label("terra-data-subsetter");let s=(p=(c=this.collectionWithServices)==null?void 0:c.shortName)!=null?p:(u=(l=this.collectionWithServices)==null?void 0:l.collection)==null?void 0:u.ShortName,r=(f=(y=this.collectionWithServices)==null?void 0:y.collection)==null?void 0:f.Version,a=(S=(D=this.collectionWithServices)==null?void 0:D.collection)==null?void 0:S.EntryTitle;s&&r&&i.label(`collection-entry-id: ${s}_${r}`.toLowerCase()),a&&i.label(`collection-entry-title: ${a.toLowerCase()}`),console.log("Creating Harmony job with request:",i.params);try{let x=await d(this,v).startJob({harmonyRequest:i,options:{bearerToken:this.bearerToken}});this.jobId=x.jobID}catch(x){this.harmonyRequestError=o(this,He,Ci).call(this,x),this.refineParameters=!1;return}setTimeout(()=>{let x=this.renderRoot.querySelector("#job-status-section");x==null||x.scrollIntoView({behavior:"smooth"})},100),this.refineParameters=!1,this.isHistoryView=!1},Ie=new WeakSet,gi=function(){this.touchedFields=new Set(["variables","spatial"])},Me=new WeakSet,vi=function(){var e,t,i;return Math.floor(((t=(e=d(this,v).data)==null?void 0:e.numInputGranules)!=null?t:0)*((i=d(this,v).progress)!=null?i:0)/100)},X=new WeakSet,st=function(){var e,t;return((t=(e=d(this,v).data)==null?void 0:e.links)!=null?t:[]).filter(i=>i.rel==="stac-catalog-json")},Z=new WeakSet,at=function(){var e,t;return((t=(e=d(this,v).data)==null?void 0:e.links)!=null?t:[]).filter(i=>i.rel==="data")},Fe=new WeakSet,bi=function(){var e,t,i,s;return((e=this.collectionWithServices)==null?void 0:e.summary.subsetting.bbox)||((t=this.collectionWithServices)==null?void 0:t.summary.subsetting.shape)||((i=this.collectionWithServices)==null?void 0:i.summary.subsetting.variable)||((s=this.collectionWithServices)==null?void 0:s.summary.subsetting.temporal)},j=new WeakSet,le=function(){var e,t;return((e=this.collectionWithServices)==null?void 0:e.summary.subsetting.bbox)||((t=this.collectionWithServices)==null?void 0:t.summary.subsetting.shape)},ee=new WeakSet,nt=function(){var a;let e=["canceled","complete_with_errors","running_with_errors"],t=["failed"];if(!((a=d(this,v).data)!=null&&a.status))return m;let i="normal";e.includes(d(this,v).data.status)?i="warning":t.includes(d(this,v).data.status)&&(i="error");let s,r;return i==="error"?(s="#dc3545",r="#f8d7da"):i==="warning"?(s="#856404",r="#fff3cd"):(s="#555",r="#f8f9fa"),n`
-            <div
-                style="
-                margin: 24px 0 16px 0;
-                padding: 16px 20px;
-                border-radius: 6px;
-                background: ${r};
-                color: ${s};
-                border: 1px solid ${s}22;
-            "
-            >
-                ${o(this,Te,fi).call(this)}
-            </div>
-        `},Te=new WeakSet,fi=function(){var e;return(e=d(this,v).data)==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})},je=new WeakSet,yi=function(){var l,u,p,y,f;if(!((l=this.collectionWithServices)!=null&&l.granuleCount))return;let e=o(this,M,O).call(this),t,i,s=(p=(u=this.collectionWithServices)==null?void 0:u.granuleCount)!=null?p:0;if(this.selectedDateRange.startDate&&this.selectedDateRange.endDate?(t=this.selectedDateRange.startDate,i=this.selectedDateRange.endDate):(t=(y=this.granuleMinDate)!=null?y:e.startDate,i=(f=this.granuleMaxDate)!=null?f:e.endDate),!t||!i)return;let r=new Date(t),a=new Date(i),c=Math.floor((a.getTime()-r.getTime())/(1e3*60*60*24))+1;if(e.startDate&&e.endDate){let D=Math.floor((new Date(e.endDate).getTime()-new Date(e.startDate).getTime())/864e5)+1,S=s/D;s=Math.ceil(c*S)}return{days:c,links:s}},Ge=new WeakSet,$i=function(){this.refineParameters=!0},G=new WeakSet,ce=function(){this.refineParameters=!0,this.harmonyRequestError=void 0,setTimeout(()=>{let e=this.renderRoot.querySelector(".container");e==null||e.scrollIntoView({behavior:"smooth",block:"start"})},100)},te=new WeakSet,rt=function(){this.refineParameters=!1,setTimeout(()=>{let e=this.renderRoot.querySelector("#job-status-section");e==null||e.scrollIntoView({behavior:"smooth"})},100)},ie=new WeakSet,ot=function(e){let t=e.detail.item,i=t.value||t.getTextLabel();i==="file-list"?o(this,Ne,Si).call(this,e):i==="python-script"?o(this,ze,xi).call(this,e):i==="earthdata-download"&&o(this,Oe,Di).call(this,e)},Ne=new WeakSet,Si=function(e){var c;if(e.stopPropagation(),!((c=d(this,v).data)!=null&&c.links))return;let t=o(this,Z,at).call(this);if(t.length===0)return;let i=t.map(l=>l.href).join(`
-`),s=new Blob([i],{type:"text/plain"}),r=URL.createObjectURL(s),a=document.createElement("a");a.href=r,a.download=`subset_links_${d(this,v).jobId}.txt`,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(r)},ze=new WeakSet,xi=async function(e){var c,l,u,p;if(e.stopPropagation(),!((c=d(this,v).data)!=null&&c.links))return;let t=await fetch($t("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,(l=d(this,v).jobId)!=null?l:"").replace(/{{HARMONY_ENV}}/gi,`Environment.${(u=this.environment)==null?void 0:u.toUpperCase()}`).replace(/{{EARTHACCESS_ENV}}/gi,`earthaccess.${(p=this.environment)==null?void 0:p.toUpperCase()}`),s=new Blob([i],{type:"text/plain"}),r=URL.createObjectURL(s),a=document.createElement("a");a.href=r,a.download=`download_subset_files_${d(this,v).jobId}.py`,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(r)},Oe=new WeakSet,Di=async function(e){var t;e.stopPropagation(),(t=d(this,v).data)!=null&&t.links&&alert("Sorry, Earthdata Download is not currently supported")},se=new WeakSet,lt=function(){let e=qt(this);Yt("load-notebook",{filename:`subset_${d(this,v).jobId}.ipynb`,notebook:e,bearerToken:this.bearerToken})},_e=new WeakSet,wi=function(){let{startDate:e,endDate:t}=o(this,M,O).call(this);return!e||!t?m:n`
-            <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>
-        `},Ae=new WeakSet,ki=function(){var t,i,s,r,a;let e=(a=(r=(s=(i=(t=this.collectionWithServices)==null?void 0:t.collection)==null?void 0:i.SpatialExtent)==null?void 0:s.HorizontalSpatialDomain)==null?void 0:r.Geometry)==null?void 0:a.BoundingRectangles;return!e||!Array.isArray(e)||!e.length?m:n`
-            <div class="section" style="margin-bottom: 16px;">
-                <h2 class="section-title">Available Spatial Area</h2>
-                <div style="color: #31708f; margin-top: 8px;">
-                    ${e.map(c=>n`<div>
-                                <strong>Bounding Box:</strong>
-                                ${c.WestBoundingCoordinate},
-                                ${c.SouthBoundingCoordinate},
-                                ${c.EastBoundingCoordinate},
-                                ${c.NorthBoundingCoordinate}
-                            </div>`)}
-                </div>
-                <div style="font-size: 0.95em; color: #666;">
-                    This collection does not support spatial subsetting.
-                </div>
-            </div>
-        `},ae=new WeakSet,ct=function(){return d(this,w).hasGranules?n`
-            <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">Transform Data</div>
-                            <div class="mode-description">
-                                Transform the data to your specific needs.
-                            </div>
-                        </div>
-                    </label>
-                </div>
-            </div>
-        `:m},ne=new WeakSet,dt=function(){return this.selectedFormat.isGiovanniFormat?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},He=new WeakSet,Ci=function(e){var t;if(e instanceof wt){let i=(t=e.message)==null?void 0:t.replace(/^Error:\s*/i,"").trim();if(i!=null&&i.toLowerCase().includes("no matching granules found"))return"No matching granules were found for your subset request. Please try expanding your search";if(i)return i}return"Unable to create your subset request. Please try again."},Pe=new WeakSet,Ri=function(){return this.harmonyRequestError?this.harmonyRequestError==="No matching granules were found for your subset request. Please try expanding your search"?n`
-                No matching granules were found for your subset request. Please try
-                <a
-                    href="#"
-                    @click=${d(this,We)}
-                    style="color: inherit; text-decoration: underline; font-weight: 600;"
-                >
-                    expanding your search
-                </a>
-            `:this.harmonyRequestError:m},We=new WeakMap,g.styles=[bt,Wt],g.dependencies={"terra-accordion":Gt,"terra-date-picker":jt,"terra-icon":St,"terra-input":Rt,"terra-spatial-picker":Et,"terra-login":Ft,"terra-loader":Dt,"terra-data-access":Pt,"terra-dialog":Tt,"terra-dropdown":Ct,"terra-menu":At,"terra-menu-item":Ht,"terra-button":xt,"terra-alert":yt,"terra-slider":_t},b([E({reflect:!0,attribute:"collection-entry-id"})],g.prototype,"collectionEntryId",2),b([E({reflect:!0,attribute:"short-name"})],g.prototype,"shortName",2),b([E({reflect:!0,attribute:"version"})],g.prototype,"version",2),b([E({reflect:!0,type:Boolean,attribute:"show-collection-search"})],g.prototype,"showCollectionSearch",2),b([E({reflect:!0,type:Boolean,attribute:"show-history-panel"})],g.prototype,"showHistoryPanel",2),b([E({reflect:!0,attribute:"job-id"})],g.prototype,"jobId",2),b([E({attribute:"bearer-token"})],g.prototype,"bearerToken",2),b([E()],g.prototype,"features",2),b([E({reflect:!0})],g.prototype,"dialog",2),b([E({reflect:!0,type:Boolean,attribute:"is-history-view"})],g.prototype,"isHistoryView",2),b([$()],g.prototype,"collectionWithServices",2),b([$()],g.prototype,"selectedVariables",2),b([$()],g.prototype,"selectedDimensionIndexes",2),b([$()],g.prototype,"expandedVariableGroups",2),b([$()],g.prototype,"variableFilterText",2),b([$()],g.prototype,"touchedFields",2),b([$()],g.prototype,"spatialSelection",2),b([$()],g.prototype,"shapeGeoJson",2),b([$()],g.prototype,"spatialLabel",2),b([$()],g.prototype,"selectedDateRange",2),b([$()],g.prototype,"selectedFormat",2),b([$()],g.prototype,"cancelingGetData",2),b([$()],g.prototype,"selectedTab",2),b([$()],g.prototype,"refineParameters",2),b([$()],g.prototype,"collectionSearchType",2),b([$()],g.prototype,"collectionSearchQuery",2),b([$()],g.prototype,"collectionSearchLoading",2),b([$()],g.prototype,"collectionSearchResults",2),b([$()],g.prototype,"collectionLoading",2),b([$()],g.prototype,"collectionAccordionOpen",2),b([$()],g.prototype,"dataAccessMode",2),b([$()],g.prototype,"validationError",2),b([$()],g.prototype,"harmonyRequestError",2),b([$()],g.prototype,"granuleMinDate",2),b([$()],g.prototype,"granuleMaxDate",2),b([$()],g.prototype,"giovanniConfiguredVariables",2),b([Qt('[part~="spatial-picker"]')],g.prototype,"spatialPicker",2),b([Qt("terra-dialog")],g.prototype,"dialogElement",2),b([I(["jobId"],{waitUntilFirstUpdate:!0})],g.prototype,"jobIdChanged",1),b([I(["shortName","version"])],g.prototype,"shortNameAndVersionChanged",1),b([I("collectionEntryId",{waitUntilFirstUpdate:!0})],g.prototype,"collectionEntryIdChanged",1),b([I(["collectionWithServices"])],g.prototype,"collectionChanged",1),b([I(["granuleMinDate","granuleMaxDate"])],g.prototype,"granuleDatesChanged",1),b([I("selectedFormat")],g.prototype,"selectedFormatChanged",1),b([Nt(500)],g.prototype,"handleCollectionSearch",1);export{g as a};