@nasa-terra/components 0.0.184 → 0.0.186

package/dist/chunks/chunk.4PWILHVS.js

@@ -0,0 +1,47 @@
+import{a as u}from"./chunk.VENMBB5D.js";import{a as d}from"./chunk.URTV3MIW.js";import{a as c}from"./chunk.X5OPH5X7.js";import{b as h}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a,b as n}from"./chunk.IV5JC2HX.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as p}from"lit";import{ifDefined as f}from"lit/directives/if-defined.js";import{live as y}from"lit/directives/live.js";import{property as i,query as C,state as k}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.formControlController=new h(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,r)=>t.checked=r});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleInput(){this.emit("terra-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("terra-change")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("terra-change"),this.emit("terra-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("terra-change"),this.emit("terra-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("help-text"),r=this.helpText?!0:!!t;return p`
+            <div
+                class=${m({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":r})}
+            >
+                <label
+                    part="base"
+                    class=${m({toggle:!0,"toggle--checked":this.checked,"toggle--disabled":this.disabled,"toggle--focused":this.hasFocus,"toggle--small":this.size==="small","toggle--medium":this.size==="medium","toggle--large":this.size==="large"})}
+                >
+                    <input
+                        class="toggle__input"
+                        type="checkbox"
+                        title=${this.title}
+                        name=${this.name}
+                        value=${f(this.value)}
+                        .checked=${y(this.checked)}
+                        .disabled=${this.disabled}
+                        .required=${this.required}
+                        role="switch"
+                        aria-checked=${this.checked?"true":"false"}
+                        aria-describedby="help-text"
+                        @click=${this.handleClick}
+                        @input=${this.handleInput}
+                        @invalid=${this.handleInvalid}
+                        @blur=${this.handleBlur}
+                        @focus=${this.handleFocus}
+                        @keydown=${this.handleKeyDown}
+                    />
+
+                    <span part="control" class="toggle__control">
+                        <span part="thumb" class="toggle__thumb"></span>
+                    </span>
+
+                    <div part="label" class="toggle__label">
+                        <slot></slot>
+                    </div>
+                </label>
+
+                <div
+                    aria-hidden=${r?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};e.styles=[a,c,u],l([C('input[type="checkbox"]')],e.prototype,"input",2),l([k()],e.prototype,"hasFocus",2),l([i()],e.prototype,"title",2),l([i()],e.prototype,"name",2),l([i()],e.prototype,"value",2),l([i({reflect:!0})],e.prototype,"size",2),l([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),l([d("checked")],e.prototype,"defaultChecked",2),l([i({reflect:!0})],e.prototype,"form",2),l([i({type:Boolean,reflect:!0})],e.prototype,"required",2),l([i({attribute:"help-text"})],e.prototype,"helpText",2),l([o("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),l([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/dist/chunks/chunk.4T3XDAIW.js

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

package/dist/chunks/chunk.4T6EQ2RT.js

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

package/dist/chunks/chunk.4TVKJFQQ.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.JKKKNSOU.js";var t=r;r.define("terra-progress-bar");export{t as a};

package/dist/chunks/chunk.4V7RXLNV.js

@@ -0,0 +1 @@
+import{a as N}from"./chunk.4LKD5QW2.js";import{a as J}from"./chunk.3NTWRDBD.js";import{a as W}from"./chunk.3FHTK4MP.js";import{a as M}from"./chunk.IZZFNAC5.js";import{b as X}from"./chunk.7J2F6HQM.js";import{a as Z,f as t,g as r,h as i,i as l}from"./chunk.INFVQQSJ.js";import{Graticule as re,Map as ae,View as ne}from"ol";import se from"ol/layer/WebGLTile.js";import{toLonLat as ie,transform as j,transformExtent as le,get as ce}from"ol/proj.js";import ue from"ol/source/OSM.js";import{Stroke as he}from"ol/style.js";import H from"ol/source/Vector.js";import I from"ol/layer/Vector.js";import{Circle as we,Point as me,Polygon as ge}from"ol/geom.js";import de from"ol/format/GeoJSON.js";var y,c,u,S,w,v,b,O,q,T,A,B,U,V,$,C,K,D,Q,z,_,Y=class{constructor(e,o){r(this,O);r(this,T);r(this,B);r(this,V);r(this,C);r(this,D);r(this,z);r(this,y,void 0);r(this,c,void 0);r(this,u,void 0);r(this,S,void 0);r(this,w,void 0);r(this,v,void 0);r(this,b,void 0);i(this,y,e),i(this,S,o),i(this,c,l(this,O,q).call(this,o)),l(this,D,Q).call(this)}toggleLayerVisibility(e,o){let a=l(this,z,_).call(this,e);a&&a.setVisible(o)}setZoom(e){t(this,c).getView().setZoom(e)}setValue(e){if(!e){t(this,u).clearValue();return}let o=this.parseLocationString(e);t(this,u).setValue(o,t(this,S).fitToValue)}parseLocationString(e){try{let o=e.split(",").map(a=>parseFloat(a.trim()));if(o.length===2)return new M(o[0],o[1]);if(o.length===4)return new W([o[0],o[1],o[2],o[3]]);throw new Error(`Provided location had invalid length of ${o.length}. Should have 2 or 4 items.`)}catch(o){throw new X({message:"Failed to parse location string. Location must be in format: `lat,lng` for a point or `west,south,east,north` for a bounding box",cause:o})}}updateDrawToolbarVisibility(e){t(this,u).setOptions({showBboxTool:e.showBoundingBoxSelection,showPolygonTool:e.showPolygonSelection,showPointTool:e.showPointSelection,showCircleTool:e.showCircleSelection})}async handleShapeSelect(e){var m,g,x,d,p;let a=e.target.value;if(a){t(this,w).getSource().clear(),(m=t(this,b))==null||m.call(this,!0);try{let s=await((x=(g=t(this,S)).getGeoJson)==null?void 0:x.call(g,a));if(!s)return;let n=new de().readFeatures(s,{featureProjection:"EPSG:3857"}),P=t(this,w).getSource();P.addFeatures(n);let E=P.getExtent();if(!E)return;t(this,c).getView().fit(E,{padding:[20,20,20,20],duration:250}),(d=t(this,v))==null||d.call(this,{cause:"draw",type:"polygon",latLngs:[]})}finally{(p=t(this,b))==null||p.call(this,!1)}}}};y=new WeakMap,c=new WeakMap,u=new WeakMap,S=new WeakMap,w=new WeakMap,v=new WeakMap,b=new WeakMap,O=new WeakSet,q=function(e){var p;i(this,v,e.onDraw),i(this,b,e.onShapeLoading);let o=l(this,T,A).call(this,e),a=l(this,B,U).call(this,e),m=l(this,V,$).call(this);i(this,w,l(this,C,K).call(this));let g=ce("EPSG:3857"),x=g==null?void 0:g.getExtent(),d=new ae({target:t(this,y),layers:[o,a,t(this,w),m],view:new ne(Z({center:[0,0],zoom:e.zoom,projection:(p=e.projection)!=null?p:"EPSG:3857",minZoom:e.minZoom,maxZoom:e.maxZoom},e.noWorldWrap?{extent:x}:{}))});return d.on("pointermove",s=>{var n;let L=ie(s.coordinate);(n=e.onMouseMove)==null||n.call(e,L)}),i(this,u,new J(m,{showBboxTool:e.showBoundingBoxSelection,showPolygonTool:e.showPolygonSelection,showPointTool:e.showPointSelection,showCircleTool:e.showCircleSelection})),d.addControl(t(this,u)),e.value!==void 0&&this.setValue(e.value),m.getSource().on("addfeature",s=>{var P,E,F,R,k;let L=(P=s.feature)==null?void 0:P.get("drawtool");if(!L)return;let n=s.feature.getGeometry();if(L==="bbox"){let f=s.feature.getGeometry().getExtent(),h=le(f,"EPSG:3857","EPSG:4326");(E=e.onDraw)==null||E.call(e,{cause:"draw",type:"bbox",bounds:new W(h)})}else if(n instanceof ge){let h=n.getCoordinates()[0].slice(0,-1).map(([G,ee])=>{let[oe,te]=j([G,ee],"EPSG:3857","EPSG:4326");return new M(te,oe)});(F=e.onDraw)==null||F.call(e,{cause:"draw",type:"polygon",latLngs:h})}else if(n instanceof me){let f=n.getCoordinates(),[h,G]=j(f,"EPSG:3857","EPSG:4326");(R=e.onDraw)==null||R.call(e,{cause:"draw",type:"point",latLng:new M(G,h)})}else if(n instanceof we){let f=n.getRadius(),[h,G]=j(n.getCenter(),"EPSG:3857","EPSG:4326");(k=e.onDraw)==null||k.call(e,{cause:"draw",type:"circle",center:new M(G,h),radius:f})}else console.warn("Unhandled draw type! ",s.feature)}),d},T=new WeakSet,A=function(e){return new se({source:new ue(Z({},e.noWorldWrap?{wrapX:!1}:{}))})},B=new WeakSet,U=function(e){var a;let o=new re({visible:(a=e.showGraticule)!=null?a:!1,strokeStyle:new he({color:"rgba(0,0,0,0.2)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!0});return o.set("name","graticule"),o},V=new WeakSet,$=function(){let e=new H({wrapX:!1});return new I({source:e})},C=new WeakSet,K=function(){let e=new H,o=new I({source:e});return o.set("name","shapes"),o},D=new WeakSet,Q=function(){N()&&new ResizeObserver(()=>{t(this,c).updateSize()}).observe(t(this,y))},z=new WeakSet,_=function(e){return t(this,c).getLayers().getArray().find(o=>o.get("name")===e)};export{Y as a};

package/dist/chunks/chunk.4WYJ5BMZ.js

@@ -0,0 +1,280 @@
+import{a as ve}from"./chunk.YKKYBFFL.js";import{a as Pe}from"./chunk.564GNKBN.js";import{a as Se}from"./chunk.DNADMWPC.js";import{a as Ce}from"./chunk.FGX4RSBG.js";import{a as ge,b as fe}from"./chunk.FJ7JMZGK.js";import{a as ue}from"./chunk.YVKPP4LL.js";import{a as me}from"./chunk.EXVLKJQM.js";import{a as xe}from"./chunk.UC5K3JSD.js";import{a as De}from"./chunk.5DVFWG6G.js";import{a as Ae}from"./chunk.46UHG52R.js";import{a as pe}from"./chunk.QDFHF7LY.js";import{a as he}from"./chunk.KMLEWPB5.js";import{a as de}from"./chunk.LUKXGRZX.js";import{a as se}from"./chunk.FUEWS2BP.js";import{a as ce}from"./chunk.DZ3WN2JE.js";import{a as ee}from"./chunk.J5Q4TWEG.js";import{a as oe,b as ne}from"./chunk.IV5JC2HX.js";import{b as le}from"./chunk.E3NUSTFU.js";import{a as w,b as N,e as p,f as a,g as o,h as G,i as n}from"./chunk.INFVQQSJ.js";import{property as $,state as T}from"lit/decorators.js";import{html as C,nothing as O}from"lit";var Ie=Symbol(),Ge=ie=>(Ye,e,t)=>{let r=t.value;t.value=function(...s){clearTimeout(this[Ie]),this[Ie]=window.setTimeout(()=>{r.apply(this,s)},ie)}};import{createRef as H,ref as z}from"lit/directives/ref.js";var c,u,I,M,W,Me,F,Ee,L,Be,Y,we,_,Ne,q,ke,R,ye,k,te,X,Ve,K,$e,Z,He,y,re,U,ze,Q,We,J,Fe,V,ae,j,Le,l=class extends pe(ne){constructor(){super(...arguments);o(this,I);o(this,W);o(this,F);o(this,L);o(this,Y);o(this,_);o(this,q);o(this,R);o(this,k);o(this,X);o(this,K);o(this,Z);o(this,y);o(this,U);o(this,Q);o(this,J);o(this,V);o(this,j);this.service=new xe;this.searchParams={pageSize:50,offset:0,search:"",sortBy:"title",sortDirection:"asc",cloudCover:{min:void 0,max:void 0}};this.loading=!1;this.totalGranules=0;this.estimatedSize=null;this.cloudCoverRange=null;this._gridInitialized=!1;this.cloudCoverPickerOpen=!1;this.datePickerRef=H();this.spatialPickerRef=H();this.cloudCoverSliderRef=H();this.gridRef=H();o(this,c,null);o(this,u,new fe(this,{getCollectionEntryId:()=>this.collectionEntryId,getBearerToken:()=>this.bearerToken}))}handleShortNameOrVersionChange(){this.shortName&&this.version&&!this.collectionEntryId&&(this.collectionEntryId=`${this.shortName}_${this.version}`)}handleCollectionChange(){this._gridInitialized&&this.isVisible&&(this._gridInitialized=!1,this.firstVisible())}get isSubDaily(){return a(this,u).isSubDaily}get granuleMinDate(){var t,r;let e=(r=(t=a(this,u).sampling)==null?void 0:t.data)==null?void 0:r.minDate;return e?new Date(e):null}get granuleMaxDate(){var t,r;let e=(r=(t=a(this,u).sampling)==null?void 0:t.data)==null?void 0:r.maxDate;return e?new Date(e):null}get spatialConstraints(){return a(this,u).spatialConstraints}disconnectedCallback(){super.disconnectedCallback(),a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))}async firstVisible(){n(this,F,Ee).call(this)}handleSearch(e){var t;this.searchParams=N(w({},this.searchParams),{search:e}),(t=a(this,I,M))==null||t.purgeInfiniteCache()}render(){var e,t,r,s,i,g,m,h,D,v,A,P,S;return C`
+            <div class="filters-compact">
+                <div class="search-row">
+                    <div class="search-icon" aria-hidden="true">🔍</div>
+                    <input
+                        type="text"
+                        class="search-input"
+                        placeholder="Search file names"
+                        .value=${(e=this.searchParams.search)!=null?e:""}
+                        @input=${d=>{this.handleSearch(d.target.value)}}
+                    />
+                </div>
+
+                <div class="toggle-row">
+                    <terra-dropdown>
+                        <button
+                            slot="trigger"
+                            class="filter-btn ${this.searchParams.startDate&&this.searchParams.endDate?"active":""}"
+                        >
+                            <terra-icon
+                                name="outline-calendar"
+                                library="heroicons"
+                                font-size="18px"
+                            ></terra-icon>
+                            <span>${n(this,_,Ne).call(this)}</span>
+                            ${this.searchParams.startDate&&this.searchParams.endDate?C`
+                                      <button
+                                          class="clear-badge"
+                                          @click=${d=>{d.stopPropagation(),n(this,R,ye).call(this)}}
+                                          aria-label="Clear date range"
+                                      >
+                                          ×
+                                      </button>
+                                  `:O}
+                        </button>
+
+                        <div class="datepicker-container">
+                            <terra-date-picker
+                                ${z(this.datePickerRef)}
+                                range
+                                ?enable-time=${this.isSubDaily}
+                                show-presets
+                                split-inputs
+                                inline
+                                .startDate=${this.searchParams.startDate}
+                                .endDate=${this.searchParams.endDate}
+                                .startPlaceholder=${this.isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .endPlaceholder=${this.isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .minDate=${this.granuleMinDate}
+                                .maxDate=${this.granuleMaxDate}
+                                @terra-date-range-change=${n(this,Y,we)}
+                            >
+                                ${this.granuleMinDate&&this.granuleMaxDate?C` <p
+                                          slot="additional-text"
+                                          class="available-range"
+                                      >
+                                          <strong>Available Range:</strong>
+                                          ${this.service.formatAvailableRangeDate(this.granuleMinDate,this.isSubDaily)}
+                                          -
+                                          ${this.service.formatAvailableRangeDate(this.granuleMaxDate,this.isSubDaily)}
+                                      </p>`:O}
+                            </terra-date-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    <terra-dropdown placement="bottom-start" distance="4" hoist>
+                        <div slot="trigger" class="filter">
+                            <button
+                                class="filter-btn ${this.searchParams.location?"active":""}"
+                            >
+                                <terra-icon
+                                    name="outline-globe-alt"
+                                    library="heroicons"
+                                    font-size="18px"
+                                ></terra-icon>
+                                <span>${n(this,q,ke).call(this)}</span>
+                                ${this.searchParams.location?C`
+                                          <button
+                                              class="clear-badge"
+                                              @click=${d=>{d.stopPropagation(),n(this,k,te).call(this,null)}}
+                                              aria-label="Clear spatial filter"
+                                          >
+                                              ×
+                                          </button>
+                                      `:O}
+                            </button>
+                        </div>
+
+                        <div class="spatialpicker-container">
+                            <terra-spatial-picker
+                                ${z(this.spatialPickerRef)}
+                                hide-label
+                                inline
+                                no-world-wrap
+                                .spatialConstraints=${this.spatialConstraints}
+                                @terra-map-change=${n(this,L,Be)}
+                            >
+                                <p class="available-range" slot="additional-text">
+                                    <strong>Available range:</strong> ${this.spatialConstraints}
+                                </p>
+                            </terra-spatial-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    ${this.cloudCoverRange?C`
+                              <div class="filter">
+                                  <button
+                                      class="filter-btn ${((t=this.searchParams.cloudCover)==null?void 0:t.min)!==void 0&&((r=this.searchParams.cloudCover)==null?void 0:r.max)!==void 0?"active":""}"
+                                      @click=${d=>{d.stopPropagation(),n(this,X,Ve).call(this)}}
+                                  >
+                                      <terra-icon
+                                          name="outline-cloud"
+                                          library="heroicons"
+                                          font-size="18px"
+                                      ></terra-icon>
+                                      <span>${n(this,Z,He).call(this)}</span>
+                                      ${((s=this.searchParams.cloudCover)==null?void 0:s.min)!==void 0&&((i=this.searchParams.cloudCover)==null?void 0:i.max)!==void 0?C`
+                                                <button
+                                                    class="clear-badge"
+                                                    @click=${d=>{d.stopPropagation(),n(this,K,$e).call(this)}}
+                                                    aria-label="Clear cloud cover filter"
+                                                >
+                                                    ×
+                                                </button>
+                                            `:O}
+                                  </button>
+
+                                  <!-- hidden slider to show when clicking the filter -->
+                                  <div
+                                      class="cloud-cover-dropdown ${this.cloudCoverPickerOpen?"open":""}"
+                                      @click=${d=>d.stopPropagation()}
+                                  >
+                                      <terra-slider
+                                          ${z(this.cloudCoverSliderRef)}
+                                          mode="range"
+                                          min=${(g=this.cloudCoverRange)==null?void 0:g.min}
+                                          max=${(m=this.cloudCoverRange)==null?void 0:m.max}
+                                          start-value=${(v=(h=this.searchParams.cloudCover)==null?void 0:h.min)!=null?v:(D=this.cloudCoverRange)==null?void 0:D.min}
+                                          end-value=${(S=(A=this.searchParams.cloudCover)==null?void 0:A.max)!=null?S:(P=this.cloudCoverRange)==null?void 0:P.max}
+                                          step="0.1"
+                                          hide-label
+                                          label="Cloud Cover"
+                                          @terra-slider-change=${n(this,J,Fe)}
+                                          show-inputs
+                                      ></terra-slider>
+                                  </div>
+                              </div>
+                          `:O}
+                </div>
+
+                <div class="results-info">
+                    <strong>${this.totalGranules.toLocaleString()}</strong>
+                    files selected
+                    ${this.estimatedSize?C` (~${this.estimatedSize})`:O}
+                </div>
+            </div>
+
+            <div class="grid-container">
+                <terra-data-grid
+                    ${z(this.gridRef)}
+                    row-model-type="infinite"
+                    height="350px"
+                ></terra-data-grid>
+
+                ${this.loading?n(this,j,Le).call(this):O}
+            </div>
+
+            ${this.footerSlot?C`
+                      <div
+                          slot="footer"
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,y,re)}>
+                              <terra-button slot="trigger" caret>
+                                  Download Options
+                              </terra-button>
+                              <terra-menu>
+                                  <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>
+                      </div>
+                  `:C`
+                      <div
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,y,re)}>
+                              <terra-button slot="trigger" caret>
+                                  Download Options
+                              </terra-button>
+                              <terra-menu>
+                                  <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>
+                      </div>
+                  `}
+        `}};c=new WeakMap,u=new WeakMap,I=new WeakSet,M=function(){var e;return(e=this.gridRef.value)==null?void 0:e.getGridApi()},W=new WeakSet,Me=function(e){var i;let t=e.target,r=(i=this.shadowRoot)==null?void 0:i.querySelector(".cloud-cover-dropdown"),s=r==null?void 0:r.closest(".filter");s!=null&&s.contains(t)||(this.cloudCoverPickerOpen=!1,a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null)))},F=new WeakSet,Ee=function(){if(!this.gridRef.value||this._gridInitialized)return;this._gridInitialized=!0;let e={rowCount:void 0,getRows:async r=>{var D,v,A,P,S,d,E,B,f,x;this.loading=!0;let s=ge(N(w({collectionEntryId:this.collectionEntryId},this.searchParams),{pageSize:r.endRow-r.startRow,offset:r.startRow,sortBy:(A=(v=(D=r.sortModel)==null?void 0:D[0])==null?void 0:v.colId)!=null?A:"title",sortDirection:(d=(S=(P=r.sortModel)==null?void 0:P[0])==null?void 0:S.sort)!=null?d:"asc"})),i=await this.queryClient.ensureQueryData(s);if(this.loading=!1,(i==null?void 0:i.hits)===void 0||!(i!=null&&i.items)){r.failCallback();return}this.totalGranules=i.hits;let g=(B=(E=a(this,u).sampling)==null?void 0:E.data)!=null&&B.minDate?{TemporalExtent:{RangeDateTime:{BeginningDateTime:a(this,u).sampling.data.minDate}}}:void 0,m=(x=(f=a(this,u).sampling)==null?void 0:f.data)!=null&&x.maxDate?{TemporalExtent:{RangeDateTime:{EndingDateTime:a(this,u).sampling.data.maxDate}}}:void 0;this.estimatedSize=this.service.getEstimatedGranuleSize(g,m,this.totalGranules);let h=i.hits<=r.endRow?i.hits:-1;r.successCallback(i.items,h)}},t=[{field:"umm.GranuleUR",headerName:"Title",flex:3,cellRenderer:r=>{var g,m;if(!r.data)return"";let s=(m=(g=r.data.umm.RelatedUrls)==null?void 0:g.find(h=>h.Type==="GET DATA"))==null?void 0:m.URL;if(s){let h=document.createElement("a");return h.href=s,h.target="_blank",h.title=s,h.textContent=r.data.umm.GranuleUR,h}let i=document.createElement("span");return i.textContent=r.data.umm.GranuleUR,i}},{colId:"umm.DataGranule.Size",headerName:"Size (MB)",valueGetter:r=>{if(r.data)return this.service.calculateGranuleSize(r.data.umm,"MB").toFixed(2)}},{field:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",headerName:"Start Date"},{field:"umm.TemporalExtent.RangeDateTime.EndingDateTime",headerName:"End Date"},{field:"umm.CloudCover",hide:!0,headerName:"Cloud Cover (%)"}];this.gridRef.value.rowModelType="infinite",this.gridRef.value.columnDefs=t,this.gridRef.value.datasource=e,this.gridRef.value.gridOptions={defaultColDef:{flex:1,minWidth:100,sortable:!0,sortingOrder:["desc","asc",null]},rowBuffer:25,cacheBlockSize:50,maxConcurrentDatasourceRequests:2,infiniteInitialRowCount:50}},L=new WeakSet,Be=function(e){n(this,k,te).call(this,e.detail)},Y=new WeakSet,we=function(e){var r;let t=e.detail;this.searchParams=N(w({},this.searchParams),{startDate:t.startDate||"",endDate:t.endDate||""}),(r=a(this,I,M))==null||r.purgeInfiniteCache()},_=new WeakSet,Ne=function(){if(this.searchParams.startDate&&this.searchParams.endDate){let e=t=>new Date(t).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"UTC"});return`${e(this.searchParams.startDate)} \u2013 ${e(this.searchParams.endDate)}`}return"Date Range"},q=new WeakSet,ke=function(){if(!this.searchParams.location)return"Spatial Area";try{if(this.searchParams.location.type==="point"&&this.searchParams.location.latLng){let{lat:e,lng:t}=this.searchParams.location.latLng;return`${e.toFixed(2)}, ${t.toFixed(2)}`}if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds){let e=this.searchParams.location.bounds.toBBoxString(),t=e.split(",").map(r=>parseFloat(r.trim()));return t.length===4?`${t[1].toFixed(2)}, ${t[0].toFixed(2)}, ${t[3].toFixed(2)}, ${t[2].toFixed(2)}`:e}if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds)return this.searchParams.location.bounds.toBBoxString()}catch(e){console.warn("Error formatting spatial selection:",e)}return"Spatial Area"},R=new WeakSet,ye=function(){var e;this.searchParams.startDate="",this.searchParams.endDate="",(e=a(this,I,M))==null||e.purgeInfiniteCache()},k=new WeakSet,te=function(e){var t;this.searchParams.location=e,(t=a(this,I,M))==null||t.purgeInfiniteCache()},X=new WeakSet,Ve=function(){setTimeout(()=>{this.cloudCoverPickerOpen=!this.cloudCoverPickerOpen,this.cloudCoverPickerOpen?a(this,c)||(G(this,c,n(this,W,Me).bind(this)),document.addEventListener("click",a(this,c))):a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))},0)},K=new WeakSet,$e=function(){n(this,V,ae).call(this,{min:void 0,max:void 0}),this.cloudCoverPickerOpen=!1,a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))},Z=new WeakSet,He=function(){var e,t,r,s;return((e=this.searchParams.cloudCover)==null?void 0:e.min)!==void 0&&((t=this.searchParams.cloudCover)==null?void 0:t.max)!==void 0?`${(r=this.searchParams.cloudCover)==null?void 0:r.min.toFixed(1)}% \u2013 ${(s=this.searchParams.cloudCover)==null?void 0:s.max.toFixed(1)}%`:"Cloud Cover"},y=new WeakSet,re=function(e){let t=e.detail.item,r=t.value||t.getTextLabel();r==="python-script"?n(this,U,ze).call(this,e):r==="earthdata-download"&&n(this,Q,We).call(this,e)},U=new WeakSet,ze=async function(e){var h,D,v,A,P,S,d,E,B;e.stopPropagation();let t=await fetch(le("assets/data-access/download_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 r=()=>{if(!this.searchParams.location)return"";try{if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds){let f=this.searchParams.location.bounds.toBBoxString(),x=f.split(",").map(b=>parseFloat(b.trim()));return x.length===4?x.join(","):f.replace(/\s+/g,"")}if(this.searchParams.location.type==="point"&&this.searchParams.location.latLng){let{lat:f,lng:x}=this.searchParams.location.latLng,b=.01;return`${(x-b).toFixed(2)},${(f-b).toFixed(2)},${(x+b).toFixed(2)},${(f+b).toFixed(2)}`}}catch(f){console.warn("Error formatting bbox for Python script:",f)}return""},s=(await t.text()).replace(/{{short_name}}/gi,(h=this.shortName)!=null?h:"").replace(/{{version}}/gi,(D=this.version)!=null?D:"").replace(/{{filter_temporal}}/gi,this.searchParams.startDate&&this.searchParams.endDate?this.searchParams.startDate+","+this.searchParams.endDate:"").replace(/{{filter_bbox}}/gi,r()).replace(/{{filter_search}}/gi,(v=this.searchParams.search)!=null?v:"").replace(/{{filter_cloud_cover_min}}/gi,(S=(P=(A=this.searchParams.cloudCover)==null?void 0:A.min)==null?void 0:P.toString())!=null?S:"").replace(/{{filter_cloud_cover_max}}/gi,(B=(E=(d=this.searchParams.cloudCover)==null?void 0:d.max)==null?void 0:E.toString())!=null?B:""),i=new Blob([s],{type:"text/plain"}),g=URL.createObjectURL(i),m=document.createElement("a");m.href=g,m.download=`download_files_${this.shortName}_${this.version}.py`,document.body.appendChild(m),m.click(),document.body.removeChild(m),URL.revokeObjectURL(g)},Q=new WeakSet,We=async function(e){e.stopPropagation(),alert("Sorry, Earthdata Download is not currently supported")},J=new WeakSet,Fe=function(e){let t=e.detail;n(this,V,ae).call(this,{min:"startValue"in t?t.startValue:void 0,max:"endValue"in t?t.endValue:void 0})},V=new WeakSet,ae=function(e){var t;this.searchParams=N(w({},this.searchParams),{cloudCover:{min:e.min,max:e.max}}),(t=a(this,I,M))==null||t.purgeInfiniteCache()},j=new WeakSet,Le=function(){return C` <div class="loading-modal">
+            <terra-loader indeterminate variant="small"></terra-loader>
+            <span>Loading</span>
+        </div>`},l.styles=[oe,De],l.dependencies={"terra-loader":he,"terra-icon":ce,"terra-date-picker":Ce,"terra-spatial-picker":ue,"terra-slider":ve,"terra-dropdown":me,"terra-menu":Pe,"terra-menu-item":Se,"terra-button":de,"terra-data-grid":Ae,"terra-alert":se},p([$({reflect:!0,attribute:"collection-entry-id"})],l.prototype,"collectionEntryId",2),p([$({reflect:!0,attribute:"short-name"})],l.prototype,"shortName",2),p([$({reflect:!0,attribute:"version"})],l.prototype,"version",2),p([$({attribute:"footer-slot",type:Boolean})],l.prototype,"footerSlot",2),p([T()],l.prototype,"searchParams",2),p([T()],l.prototype,"loading",2),p([T()],l.prototype,"totalGranules",2),p([T()],l.prototype,"estimatedSize",2),p([T()],l.prototype,"cloudCoverRange",2),p([T()],l.prototype,"_gridInitialized",2),p([T()],l.prototype,"cloudCoverPickerOpen",2),p([ee(["shortName","version"])],l.prototype,"handleShortNameOrVersionChange",1),p([ee("collectionEntryId")],l.prototype,"handleCollectionChange",1),p([Ge(500)],l.prototype,"handleSearch",1);export{Ge as a,l as b};

package/dist/chunks/chunk.564GNKBN.js

@@ -0,0 +1,8 @@
+import{a as c}from"./chunk.JXE6DOO5.js";import{a as u,b as a}from"./chunk.IV5JC2HX.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as h}from"lit";import{query as d}from"lit/decorators.js";var o=class extends a{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){let t=["menuitem","menuitemcheckbox"],s=e.composedPath(),n=s.find(r=>{var i;return t.includes(((i=r==null?void 0:r.getAttribute)==null?void 0:i.call(r,"role"))||"")});if(!n||s.find(r=>{var i;return((i=r==null?void 0:r.getAttribute)==null?void 0:i.call(r,"role"))==="menu"})!==this)return;let m=n;m.type==="checkbox"&&(m.checked=!m.checked),this.emit("terra-select",{detail:{item:m}})}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){let t=this.getCurrentItem();e.preventDefault(),e.stopPropagation(),t==null||t.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){let t=this.getAllItems(),s=this.getCurrentItem(),n=s?t.indexOf(s):0;t.length>0&&(e.preventDefault(),e.stopPropagation(),e.key==="ArrowDown"?n++:e.key==="ArrowUp"?n--:e.key==="Home"?n=0:e.key==="End"&&(n=t.length-1),n<0&&(n=t.length-1),n>t.length-1&&(n=0),this.setCurrentItem(t[n]),t[n].focus())}}handleMouseDown(e){let t=e.target;this.isMenuItem(t)&&this.setCurrentItem(t)}handleSlotChange(){let e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){var t;return e.tagName.toLowerCase()==="terra-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((t=e.getAttribute("role"))!=null?t:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(e=>!(e.inert||!this.isMenuItem(e)))}getCurrentItem(){return this.getAllItems().find(e=>e.getAttribute("tabindex")==="0")}setCurrentItem(e){this.getAllItems().forEach(s=>{s.setAttribute("tabindex",s===e?"0":"-1")})}render(){return h`
+            <slot
+                @slotchange=${this.handleSlotChange}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+                @mousedown=${this.handleMouseDown}
+            ></slot>
+        `}};o.styles=[u,c],l([d("slot")],o.prototype,"defaultSlot",2);export{o as a};

package/dist/chunks/chunk.56JYYRGR.js

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

package/dist/chunks/chunk.56O55KET.js

@@ -0,0 +1,122 @@
+import{a as D}from"./chunk.XPCLNM5Y.js";import{a as J}from"./chunk.2FKZOYDM.js";import{a as $,b as _}from"./chunk.6LAOJZS6.js";import{a as E}from"./chunk.VT3U2SB7.js";import{c as b,g as v,k as I}from"./chunk.7S57EA4V.js";import{a as M}from"./chunk.QDFHF7LY.js";import{a as C}from"./chunk.KMLEWPB5.js";import{c as p}from"./chunk.BWCJXCND.js";import{a as L}from"./chunk.BF5VMLO3.js";import{a as k}from"./chunk.DZ3WN2JE.js";import{a as x,b as P}from"./chunk.IV5JC2HX.js";import{a as m,e as l}from"./chunk.INFVQQSJ.js";import{html as n,nothing as q}from"lit";import{property as u,query as z,state as c}from"lit/decorators.js";var A=108,r=class extends M(P){constructor(){super(...arguments);this.limit=10;this.removeLabelsOnDelete=!1;this._scrollIndex=0;this._totalCount=0;this._loadedPages=new Map;this._pendingPages=new Set;this._authController=new E(this);this._removeLabelsOnDeleteMutation=new $(this,I());this.jobsQuery=new L(this,()=>v(m({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken}))}get _visibleCount(){var e,o;let t=(o=(e=this._viewportEl)==null?void 0:e.clientWidth)!=null?o:400;return Math.max(1,Math.floor(t/A))}get _allJobs(){return Array.from({length:this._totalCount},(t,e)=>{var s,a;let o=Math.floor(e/this.limit)+1,i=e%this.limit;return(a=(s=this._loadedPages.get(o))==null?void 0:s[i])!=null?a:null})}firstUpdated(){this._viewportEl&&typeof ResizeObserver!="undefined"&&(this._resizeObserver=new ResizeObserver(()=>{this._checkPagesInView()}),this._resizeObserver.observe(this._viewportEl))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._resizeObserver)==null||t.disconnect()}updated(t){var o;super.updated(t);let e=(o=this.jobsQuery.result)==null?void 0:o.data;if(e&&e!==this._lastPage1Data){this._lastPage1Data=e,e.count!==this._totalCount&&(this._totalCount=e.count);let i=new Map(this._loadedPages);i.set(1,e.jobs),this._loadedPages=i,this._checkPagesInView()}}async _fetchPage(t){if(this._loadedPages.has(t)||this._pendingPages.has(t))return;let e=new Set(this._pendingPages);e.add(t),this._pendingPages=e;try{let o=await this.queryClient.fetchQuery(v(m({page:t,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken})),i=new Map(this._loadedPages);i.set(t,o.jobs),this._loadedPages=i}finally{let o=new Set(this._pendingPages);o.delete(t),this._pendingPages=o}}_checkPagesInView(){if(!this.bearerToken)return;let t=Math.min(this._scrollIndex+this._visibleCount,this._totalCount),e=Math.floor(this._scrollIndex/this.limit)+1,o=Math.floor(Math.max(0,t-1)/this.limit)+1;for(let i=e;i<=o;i++)i!==1&&this._fetchPage(i)}_scrollLeft(){this._scrollIndex=Math.max(0,this._scrollIndex-1),this._checkPagesInView()}_scrollRight(){let t=Math.max(0,this._totalCount-this._visibleCount);this._scrollIndex=Math.min(t,this._scrollIndex+1),this._checkPagesInView()}_handleWheel(t){t.preventDefault(),t.deltaY>0?this._scrollRight():this._scrollLeft()}async refresh(){this._scrollIndex=0,this._loadedPages=new Map,this._pendingPages=new Set,this._totalCount=0,this._lastPage1Data=void 0,await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]})}_showTooltip(t,e){var h,g,f;if(clearTimeout(this._hideTooltipTimer),clearTimeout(this._showTooltipTimer),!this._tooltip)return;let o=e!==null&&!b.has(e.status),i=e!=null&&e.request?_.fromUrl(e.request):null,s=document.createElement("div");if(i){let w=i.getLabelByPrefix("instrument-short-name"),y=i.getLabelByPrefix("time-interval"),T=i.getLabelByPrefix("units"),S=i.getLabelByPrefix("collection"),d=[];w&&d.push(w),y&&d.push(y),T&&d.push(T),S&&d.push(S),s.style.lineHeight="1.3",s.style.fontSize="12px",s.style.padding="5px",s.innerHTML=`
+                <div class="font-weight-semibold tooltip-row">${(h=i.getLabelByPrefix("variable-display-name"))!=null?h:e==null?void 0:e.jobID}</div>
+                <div class="text-gray-300 mb-1 tooltip-row">${d.join(" \u2022 ")}</div>
+                ${i.options.startDate&&i.options.endDate?`
+                    <div class="text-gray-300 tooltip-row">
+                        <terra-icon library="heroicons" name="solid-calendar-date-range"></terra-icon> 
+                        ${p(i.options.startDate)} to ${p(i.options.endDate)}
+                    </div>
+                `:""}
+                <div class="text-gray-300 mb-1 tooltip-row">
+                    <terra-icon library="heroicons" name="solid-map"></terra-icon>
+                    ${(g=i.options.location)==null?void 0:g.toString()}
+                </div>
+                ${o?`<div class="text-gray-300 tooltip-row">Status: ${e==null?void 0:e.status}</div>`:`<div class="text-gray-300 tooltip-row">
+                        Last updated: ${p((f=i.getLabelByPrefix("updated-at"))!=null?f:new Date)}
+                        </div>`}
+                
+            `}s.slot="content";let a=t.currentTarget;this._tooltip.open?(this._tooltip.innerHTML="",this._tooltip.appendChild(s),this._tooltip.popup.anchor=a,this._tooltip.popup.reposition()):this._showTooltipTimer=window.setTimeout(()=>{this._tooltip&&(this._tooltip.innerHTML="",this._tooltip.appendChild(s),this._tooltip.popup.anchor=a,this._tooltip.show())},100)}_hideTooltip(){clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer),this._hideTooltipTimer=window.setTimeout(()=>{var t;(t=this._tooltip)==null||t.hide()},250)}_handleThumbnailClick(t){t&&this.emit("terra-harmony-job-select",{detail:{job:t}})}async _handleDeleteClick(t,e){var s;if(t.stopPropagation(),!window.confirm("Are you sure you want to delete this history item?"))return;let i=(s=this.filterByLabels)==null?void 0:s.split(",").map(a=>a.trim()).filter(Boolean);this.removeLabelsOnDelete&&(i!=null&&i.length)?(await this._removeLabelsOnDeleteMutation.mutate({jobIDs:[e.jobID],labels:i,options:{bearerToken:this.bearerToken}}),await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]}),this._loadedPages=new Map,this._totalCount=0,this._scrollIndex=0):this.emit("terra-harmony-job-delete",{detail:{jobId:e.jobID}})}_renderThumbnail(t){var s,a;let e=t===null||!b.has(t.status),o=t!=null&&t.thumbnailBlob?URL.createObjectURL(t.thumbnailBlob):null,i=_.fromUrl((s=t==null?void 0:t.request)!=null?s:"");return n`
+            <div
+                part="thumbnail"
+                class="thumbnail"
+                @click=${()=>this._handleThumbnailClick(t)}
+                @mouseenter=${h=>this._showTooltip(h,t)}
+                @mouseleave=${this._hideTooltip}
+            >
+                <div class="thumbnail-inner">
+                    ${o?n`<img
+                              class="thumbnail-img"
+                              src=${o}
+                              alt=""
+                              aria-hidden="true"
+                          />`:n`<terra-icon
+                              library="heroicons"
+                              name=${i.getTerraIcon()}
+                              style="font-size: 1.5rem"
+                          ></terra-icon>`}
+                    ${e?n`<div class="loading-overlay">
+                              <terra-loader
+                                  indeterminate
+                                  variant="small"
+                              ></terra-loader>
+                          </div>`:q}
+                </div>
+                ${t?n`<button
+                          class="delete-button"
+                          aria-label="Delete job"
+                          ?disabled=${(a=this._removeLabelsOnDeleteMutation.result)==null?void 0:a.isPending}
+                          @click=${h=>this._handleDeleteClick(h,t)}
+                      >
+                          ×
+                      </button>`:q}
+            </div>
+        `}render(){var s;let t=this._allJobs,e=this._scrollIndex<=0,o=this._totalCount===0||this._scrollIndex>=this._totalCount-this._visibleCount,i=t.length===0&&((s=this.jobsQuery.result)==null?void 0:s.status)==="pending";return n`
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll left"
+                ?disabled=${e}
+                @click=${this._scrollLeft}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M15 19l-7-7 7-7"
+                    />
+                </svg>
+            </button>
+
+            <div part="viewport" class="viewport" @wheel=${this._handleWheel}>
+                <div
+                    part="track"
+                    class="track"
+                    style="transform: translateX(-${this._scrollIndex*A}px)"
+                >
+                    ${i?n`<div class="empty-state">
+                              <terra-loader indeterminate></terra-loader>
+                          </div>`:t.map(a=>this._renderThumbnail(a))}
+                </div>
+            </div>
+
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll right"
+                ?disabled=${o}
+                @click=${this._scrollRight}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M9 5l7 7-7 7"
+                    />
+                </svg>
+            </button>
+
+            <terra-tooltip
+                trigger="manual"
+                placement="top"
+                hoist
+                interactive
+                @mouseenter=${()=>{clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer)}}
+                @mouseleave=${this._hideTooltip}
+            ></terra-tooltip>
+        `}};r.styles=[x,J],r.dependencies={"terra-loader":C,"terra-tooltip":D,"terra-icon":k},l([u({attribute:"bearer-token"})],r.prototype,"bearerToken",2),l([u({type:Number})],r.prototype,"limit",2),l([u({attribute:"filter-by-labels"})],r.prototype,"filterByLabels",2),l([u({type:Boolean,attribute:"remove-labels-on-delete"})],r.prototype,"removeLabelsOnDelete",2),l([c()],r.prototype,"_scrollIndex",2),l([c()],r.prototype,"_totalCount",2),l([c()],r.prototype,"_loadedPages",2),l([c()],r.prototype,"_pendingPages",2),l([z('[part="viewport"]')],r.prototype,"_viewportEl",2),l([z("terra-tooltip")],r.prototype,"_tooltip",2);export{r as a};