@nasa-terra/components 0.0.192 → 0.0.194

package/dist/chunks/chunk.YDO3U6BD.js

@@ -0,0 +1,572 @@
+import{a as Lt}from"./chunk.6NRGGCAP.js";import{a as kt}from"./chunk.RF5XHFQ3.js";import{a as Nt}from"./chunk.XVC3SMLN.js";import{a as Et}from"./chunk.T7GOQZF2.js";import{a as Vt}from"./chunk.VT3U2SB7.js";import{a as Mt}from"./chunk.OZGKOS7X.js";import{a as ot,c as it}from"./chunk.SJ7SUN6N.js";import{a as It}from"./chunk.CHAY5OT7.js";import{c as y}from"./chunk.QGXUQL5S.js";import{a as St}from"./chunk.YVTC325R.js";import{a as Dt}from"./chunk.DWUSSCJJ.js";import{a as $t}from"./chunk.J5Q4TWEG.js";import{a as vt,b as wt}from"./chunk.AXHBILJ4.js";import{e as s,f as m,g as o,h as C,i as e}from"./chunk.INFVQQSJ.js";import{property as c,query as Ct,state as Ft}from"lit/decorators.js";import{html as n}from"lit";import*as nt from"plotly.js-dist-min";import{cache as ne}from"lit/directives/cache.js";import{nothing as b}from"lit";var f,g,$,F,_t,_,xt,x,Gt,G,Pt,P,Bt,B,Tt,v,rt,w,st,D,lt,S,ct,h,d,T,jt,j,R,A,M,ht,J,Rt,U,At,I,dt,E,mt,V,ut,L,pt,k,bt,Y,Jt,H,Ut,O,Yt,z,Ht,q,Ot,W,zt,K,qt,Q,Wt,X,Kt,Z,Qt,tt,Xt,et,Zt,r=class extends wt{constructor(){super(...arguments);o(this,F);o(this,_);o(this,x);o(this,G);o(this,P);o(this,B);o(this,v);o(this,w);o(this,D);o(this,S);o(this,h);o(this,T);o(this,M);o(this,J);o(this,U);o(this,I);o(this,E);o(this,V);o(this,L);o(this,k);o(this,Y);o(this,H);o(this,O);o(this,z);o(this,q);o(this,W);o(this,K);o(this,Q);o(this,X);o(this,Z);o(this,tt);o(this,et);this.showLocation=!0;this.colormaps=[];this.colorMapName="viridis";this.opacity=1;this.showCitation=!1;this.showHelp=!0;this.mobileView=!1;this.bottomSheetDragY=0;this.hideTitle=!1;this.activeMenuItem=null;this._authController=new Vt(this);o(this,f,new Nt(this));o(this,g,!1);o(this,$,0);o(this,j,t=>{this.opacity=parseFloat(t.target.value),this.dispatchEvent(new CustomEvent("show-opacity-value",{detail:this.opacity,bubbles:!0,composed:!0}))});o(this,R,t=>{this.colorMapName=t.target.value,this.dispatchEvent(new CustomEvent("show-color-map",{detail:this.colorMapName,bubbles:!0,composed:!0}))});o(this,A,t=>{let i=t.target.checked;this.dispatchEvent(new CustomEvent("show-check-box-toggle",{detail:i,bubbles:!0,composed:!0}))})}handleFocus(t,a){this.mobileView||a!==null&&this.menu.focus()}closeMenu(){this.activeMenuItem=null}firstUpdated(){this.hideTitle=!!(this.mobileView&&this.productLabel)}render(){var a;let t=[this.catalogVariable.dataProductInstrumentShortName,this.catalogVariable.dataProductTimeInterval].filter(Boolean).filter(i=>i.toLowerCase()!=="not applicable");return ne(this.catalogVariable?n`
+                      <header>
+                          <div class="title-container">
+                              <slot name="title">
+                                  <h2 class="title" @click=${e(this,x,Gt)}>
+                                      ${this.productLabel||""}
+                                      ${this.productLabel?n`<br />`:""}
+                                      ${this.hideTitle?"":this.catalogVariable.dataFieldLongName}
+                                  </h2>
+                              </slot>
+                              <slot name="subtitle" ?hidden=${this.hideTitle}>
+                                  <h3 class="subtitle">
+                                      ${t.join(" \u2022 ")} •
+                                      <a
+                                          target="_blank"
+                                          href="${this.catalogVariable.dataProductDescriptionUrl}"
+                                          >[${this.catalogVariable.dataProductShortName}_${this.catalogVariable.dataProductVersion}]</a
+                                      >
+                                      ${this.showLocation?n`• ${e(this,F,_t).call(this)}
+                                                <terra-dropdown
+                                                    hover
+                                                    placement="bottom-start"
+                                                    distance="10"
+                                                >
+                                                    <span
+                                                        slot="trigger"
+                                                        class="location-text"
+                                                    >
+                                                        ${((a=this.location)!=null?a:"").replace(/,/g,", ")}
+                                                    </span>
+                                                    <terra-map
+                                                        .value=${this.location}
+                                                        .fitToValue=${!0}
+                                                        .staticMode=${!0}
+                                                        style="width: 300px; height: 200px;"
+                                                    ></terra-map>
+                                                </terra-dropdown> `:""}
+                                      ${this.showDateRange?n`• ${e(this,_,xt).call(this)}
+                                                <span
+                                                    >${y(this.startDate)} to
+                                                    ${y(this.endDate)}</span
+                                                >`:""}
+                                  </h3>
+                              </slot>
+                          </div>
+
+                          <div class="toggles" data-mobile-view=${this.mobileView}>
+                              <terra-button
+                                  circle
+                                  outline
+                                  aria-expanded=${this.activeMenuItem==="information"}
+                                  aria-controls="menu"
+                                  aria-haspopup="true"
+                                  class="toggle"
+                                  @mouseenter=${e(this,h,d)}
+                                  @click=${e(this,h,d)}
+                                  data-menu-name="information"
+                              >
+                                  <span class="sr-only"
+                                      >Information for
+                                      ${this.catalogVariable.dataFieldLongName}</span
+                                  >
+
+                                  <terra-icon
+                                      name="outline-information-circle"
+                                      library="heroicons"
+                                      font-size="1.7em"
+                                  ></terra-icon>
+                              </terra-button>
+
+                              ${this.showCitation?n`
+                                        <terra-button
+                                            circle
+                                            outline
+                                            aria-expanded=${this.activeMenuItem==="citation"}
+                                            aria-controls="menu"
+                                            aria-haspopup="true"
+                                            class="toggle"
+                                            @mouseenter=${e(this,h,d)}
+                                            @click=${e(this,h,d)}
+                                            data-menu-name="citation"
+                                        >
+                                            <span class="sr-only"
+                                                >Citation for
+                                                ${this.catalogVariable.dataFieldLongName}</span
+                                            >
+
+                                            <span
+                                                style="font-weight: 500; font-size: 1.2em"
+                                                >C</span
+                                            >
+                                        </terra-button>
+                                    `:b}
+
+                              <terra-button
+                                  circle
+                                  outline
+                                  aria-expanded=${this.activeMenuItem==="download"}
+                                  aria-controls="menu"
+                                  aria-haspopup="true"
+                                  class="toggle"
+                                  @mouseenter=${e(this,h,d)}
+                                  @click=${e(this,h,d)}
+                                  data-menu-name="download"
+                              >
+                                  <span class="sr-only"
+                                      >Download options for
+                                      ${this.catalogVariable.dataFieldLongName}</span
+                                  >
+
+                                  <terra-icon
+                                      name="outline-arrow-down-tray"
+                                      library="heroicons"
+                                      font-size="1.5em"
+                                  ></terra-icon>
+                              </terra-button>
+
+                              ${this.showHelp?n`
+                                        <terra-button
+                                            circle
+                                            outline
+                                            aria-expanded=${this.activeMenuItem==="help"}
+                                            aria-controls="menu"
+                                            aria-haspopup="true"
+                                            class="toggle help-toggle"
+                                            @mouseenter=${e(this,h,d)}
+                                            @click=${e(this,h,d)}
+                                            data-menu-name="help"
+                                        >
+                                            <span class="sr-only"
+                                                >Help link for
+                                                ${this.catalogVariable.dataFieldLongName}</span
+                                            >
+
+                                            <terra-icon
+                                                name="outline-question-mark-circle"
+                                                library="heroicons"
+                                                font-size="1.7em"
+                                            ></terra-icon>
+                                        </terra-button>
+                                    `:b}
+                              <terra-button
+                                  circle
+                                  outline
+                                  aria-expanded=${this.activeMenuItem==="jupyter"}
+                                  aria-controls="menu"
+                                  aria-haspopup="true"
+                                  class="toggle square-button"
+                                  variant="warning"
+                                  @mouseenter=${e(this,h,d)}
+                                  @click=${e(this,h,d)}
+                                  data-menu-name="jupyter"
+                              >
+                                  <span class="sr-only"
+                                      >Open in Jupyter Notebook for
+                                      ${this.catalogVariable.dataFieldLongName}</span
+                                  >
+
+                                  <terra-icon
+                                      name="outline-code-bracket"
+                                      library="heroicons"
+                                      font-size="1.5em"
+                                  ></terra-icon>
+                              </terra-button>
+
+                              ${this.dataType==="geotiff"?n`
+                                        <terra-button
+                                            circle
+                                            outline
+                                            aria-expanded=${this.activeMenuItem==="GeoTIFF"}
+                                            aria-controls="menu"
+                                            aria-haspopup="true"
+                                            class="toggle"
+                                            @mouseenter=${e(this,h,d)}
+                                            @click=${e(this,h,d)}
+                                            data-menu-name="GeoTIFF"
+                                        >
+                                            <terra-icon
+                                                name="outline-cog-8-tooth"
+                                                library="heroicons"
+                                                font-size="1.5em"
+                                            ></terra-icon>
+                                        </terra-button>
+                                    `:b}
+                          </div>
+
+                          ${this.mobileView?b:n`
+                                    <menu
+                                        role="menu"
+                                        id="menu"
+                                        data-expanded=${this.activeMenuItem!==null}
+                                        tabindex="-1"
+                                        @mouseleave=${e(this,T,jt)}
+                                    >
+                                        <li
+                                            role="menuitem"
+                                            ?hidden=${this.activeMenuItem!=="information"}
+                                        >
+                                            ${e(this,J,Rt).call(this)}
+                                        </li>
+
+                                        <li
+                                            role="menuitem"
+                                            ?hidden=${this.activeMenuItem!=="citation"}
+                                        >
+                                            ${e(this,I,dt).call(this)}
+                                        </li>
+
+                                        <li
+                                            role="menuitem"
+                                            ?hidden=${this.activeMenuItem!=="download"}
+                                        >
+                                            ${e(this,E,mt).call(this)}
+                                        </li>
+
+                                        <li
+                                            role="menuitem"
+                                            ?hidden=${this.activeMenuItem!=="help"}
+                                        >
+                                            ${e(this,L,pt).call(this)}
+                                        </li>
+
+                                        <li
+                                            role="menuitem"
+                                            ?hidden=${this.activeMenuItem!=="jupyter"}
+                                        >
+                                            ${e(this,k,bt).call(this)}
+                                        </li>
+
+                                        <li
+                                            role="menuitem"
+                                            ?hidden=${this.activeMenuItem!=="GeoTIFF"}
+                                        >
+                                            ${e(this,M,ht).call(this)}
+                                        </li>
+                                    </menu>
+                                `}
+                      </header>
+
+                      ${this.mobileView?n` <div
+                                    class="bottom-sheet-backdrop"
+                                    data-state=${this.activeMenuItem?"open":"close"}
+                                    @click=${e(this,S,ct)}
+                                ></div>
+                                <div
+                                    data-state=${this.activeMenuItem?"open":"close"}
+                                    class="bottom-sheet"
+                                    @touchstart=${e(this,G,Pt)}
+                                    @touchmove=${e(this,P,Bt)}
+                                    @touchend=${e(this,D,lt)}
+                                    @mousedown=${e(this,B,Tt)}
+                                >
+                                    <div class="bottom-sheet-handle"></div>
+                                    <div class="bottom-sheet-content">
+                                        ${this.activeMenuItem==="information"?e(this,U,At).call(this):""}
+                                        ${this.activeMenuItem==="citation"?e(this,I,dt).call(this):""}
+                                        ${this.activeMenuItem==="download"?e(this,E,mt).call(this):""}
+                                        ${this.activeMenuItem==="help"?e(this,L,pt).call(this):""}
+                                        ${this.activeMenuItem==="jupyter"?e(this,k,bt).call(this):""}
+                                        ${this.activeMenuItem==="GeoTIFF"?e(this,M,ht).call(this):""}
+                                    </div>
+                                </div>`:b}
+                  `:n`<div class="spacer"></div>`)}};f=new WeakMap,g=new WeakMap,$=new WeakMap,F=new WeakSet,_t=function(){return this.location?n`<terra-icon
+            name="outline-map-pin"
+            library="heroicons"
+            font-size="1em"
+            class="location-icon"
+            label="Point location"
+        ></terra-icon>`:""},_=new WeakSet,xt=function(){return!this.startDate||!this.endDate?"":n`<terra-icon
+            name="outline-calendar-date-range"
+            library="heroicons"
+            font-size="1em"
+            class="date-range-icon"
+            label="Date range"
+        ></terra-icon>`},x=new WeakSet,Gt=function(){!this.mobileView||!this.productLabel||(this.hideTitle=!this.hideTitle)},G=new WeakSet,Pt=function(t){e(this,v,rt).call(this,t.touches[0].clientY,t.target)},P=new WeakSet,Bt=function(t){m(this,g)&&(e(this,w,st).call(this,t.touches[0].clientY),this.bottomSheetDragY>0&&t.cancelable&&t.preventDefault())},B=new WeakSet,Tt=function(t){e(this,v,rt).call(this,t.clientY,t.target);let a=l=>e(this,w,st).call(this,l.clientY),i=()=>{e(this,D,lt).call(this),window.removeEventListener("mousemove",a),window.removeEventListener("mouseup",i)};window.addEventListener("mousemove",a),window.addEventListener("mouseup",i)},v=new WeakSet,rt=function(t,a){if(!this.activeMenuItem)return;let i=this.bottomSheet.querySelector(".bottom-sheet-content");i&&i.scrollTop>0&&a!==this.bottomSheet||(C(this,g,!0),C(this,$,t),this.bottomSheetDragY=0,this.bottomSheet.style.transition="none")},w=new WeakSet,st=function(t){this.bottomSheetDragY=t-m(this,$),m(this,g)&&this.bottomSheetDragY>0&&(this.bottomSheet.style.transform=`translate(-50%, ${this.bottomSheetDragY}px)`)},D=new WeakSet,lt=function(){m(this,g)&&(C(this,g,!1),this.bottomSheet.style.transition="transform 0.35s cubic-bezier(0.25,1,0.5,1)",this.bottomSheetDragY>20?e(this,S,ct).call(this):this.bottomSheet.style.transform="translate(-50%, 0)",this.bottomSheetDragY=0)},S=new WeakSet,ct=function(){this.bottomSheet.style.transform="translate(-50%, 100%)",setTimeout(()=>{this.closeMenu(),this.bottomSheet.style.transform=""},150);let t=Number(document.body.dataset.scrollLockY||0);document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.width="",delete document.body.dataset.scrollLockY,window.scrollTo(0,t)},h=new WeakSet,d=function(t){if(this.mobileView&&t.type==="mouseenter")return;let i=t.currentTarget.dataset.menuName;if(this.activeMenuItem=i,this.mobileView){let l=window.scrollY;document.body.dataset.scrollLockY=String(l),document.body.style.position="fixed",document.body.style.top=`-${l}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.width="100%"}},T=new WeakSet,jt=function(t){if(this.mobileView)return;let a=t.relatedTarget;this.contains(a)||(this.activeMenuItem=null)},j=new WeakMap,R=new WeakMap,A=new WeakMap,M=new WeakSet,ht=function(){return n`
+            <h3 class="sr-only">GeoTIFF Settings</h3>
+
+            ${this.dataType==="geotiff"?n`
+                      <p>Select opacity,apply colormaps, and toggle draw profile</p>
+
+                      <label>
+                          Layer opacity
+                          <input
+                              type="range"
+                              min="0"
+                              max="1"
+                              step="0.01"
+                              .value=${String(this.opacity)}
+                              @input=${m(this,j)}
+                          />
+                          <span id="opacity-output">${this.opacity.toFixed(2)}</span>
+                      </label>
+
+                      <label>
+                          ColorMap:
+                          <select
+                              id="colormap-select"
+                              @change=${m(this,R)}
+                          >
+                              ${this.colormaps.map(t=>n` <option
+                                          value="${t}"
+                                          ?selected=${t===this.colorMapName}
+                                      >
+                                          ${t}
+                                      </option>`)}
+                          </select>
+                      </label>
+                      <label>
+                          <input
+                              type="checkbox"
+                              @change=${m(this,A)}
+                          />
+                          <slot>Draw Profile</slot>
+                      </label>
+                  `:b}
+        `},J=new WeakSet,Rt=function(){var t;return n`
+            <h3 class="sr-only">Information</h3>
+
+            <dl>
+                <dt>Variable Longname</dt>
+                <dd>${this.catalogVariable.dataFieldLongName}</dd>
+
+                <dt>Variable Shortname</dt>
+                <dd>
+                    ${(t=this.catalogVariable.dataFieldShortName)!=null?t:this.catalogVariable.dataFieldAccessName}
+                </dd>
+
+                <dt>Units</dt>
+                <dd>
+                    <code>${this.catalogVariable.dataFieldUnits}</code>
+                </dd>
+
+                <dt>Dataset Information</dt>
+                <dd>
+                    <a
+                        href=${this.catalogVariable.dataProductDescriptionUrl}
+                        rel="noopener noreffer"
+                        target="_blank"
+                        >${this.catalogVariable.dataProductLongName}
+
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </dd>
+
+                <dt>Variable Information</dt>
+                <dd>
+                    <a
+                        href=${this.catalogVariable.dataFieldDescriptionUrl}
+                        rel="noopener noreffer"
+                        target="_blank"
+                        >Variable Glossary
+
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </dd>
+            </dl>
+        `},U=new WeakSet,At=function(){var u;let t=this.location.trim().split(","),a=t.length===2,i=t.length===4,l=i?e(this,et,Zt).call(this,this.metadata):this.metadata;return n`
+            <h3>Request</h3>
+            <ul class="bottom-sheet-list">
+                ${a?n` <li>
+                          <strong>Timestamp: </strong>${y(this.metadata.Request_time,"yyyy-MM-dd HH:mm")}
+                      </li>`:""}
+                <li>
+                    <strong>Begin Datetime: </strong>${y(i?l.userStartDate:this.metadata.begin_time)}
+                </li>
+                <li>
+                    <strong>End Datetime: </strong>${y(i?l.userEndDate:this.metadata.end_time)}
+                </li>
+                <li>
+                    <strong>${i?"West":"Lat"}: </strong
+                    >${t[0]}
+                </li>
+                <li>
+                    <strong>${i?"South":"Lon"}: </strong
+                    >${t[1]}
+                </li>
+                ${i?n`
+                          <li><strong>East: </strong>${t[2]}</li>
+                          <li><strong>North: </strong>${t[3]}</li>
+                      `:""}
+            </ul>
+
+            <h3>Data Variable</h3>
+            <ul class="bottom-sheet-list">
+                ${this.productLabel?n`<li><strong>Label: </strong>${this.productLabel}</li>`:""}
+                <li>
+                    <strong>Longname: </strong>${this.catalogVariable.dataFieldLongName}
+                </li>
+                <li>
+                    <strong>Shortname: </strong>
+                    ${(u=this.catalogVariable.dataFieldShortName)!=null?u:this.catalogVariable.dataFieldAccessName}
+                </li>
+                <li>
+                    <strong>Units: </strong>
+                    ${this.catalogVariable.dataFieldUnits}
+                </li>
+                <li>
+                    <strong>Fill Value: </strong>
+                    ${i?l.fillValue:this.metadata.undef}
+                </li>
+
+                <li>
+                    <strong>Data Product Name: </strong>
+                    ${this.catalogVariable.dataProductShortName}.${this.catalogVariable.dataProductVersion}
+                </li>
+                ${a?n`<li><strong>Mean Value: </strong>${this.metadata.mean}</li>
+                          <li>
+                              <strong>Lat. Resolution: </strong>${this.metadata.lat_resolution}
+                          </li>
+                          <li>
+                              <strong>Lon. Resolution: </strong>${this.metadata.lon_resolution}
+                          </li>
+                          <li><strong>DOI: </strong>${this.metadata.doi}</li>`:""}
+                <li>
+                    <a
+                        href=${this.catalogVariable.dataProductDescriptionUrl}
+                        rel="noopener noreffer"
+                        target="_blank"
+                        >Dataset Information
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </li>
+            </ul>
+        `},I=new WeakSet,dt=function(){var a,i;let t=(a=m(this,f).collectionCitation)==null?void 0:a.collectionCitations[0];return t?n`
+            <h3 class="sr-only">Citation</h3>
+
+            ${this.applicationCitation?n`
+                      <p>
+                          Please cite both the data used and the application itself.
+                      </p>
+                  `:b}
+
+            <p>
+                <strong>Data Citation</strong>
+            </p>
+
+            <p>
+                ${t==null?void 0:t.creator} (${y(t==null?void 0:t.releaseDate,"yyyy")}),
+                ${t==null?void 0:t.title}, Edited by ${t==null?void 0:t.editor},
+                ${t==null?void 0:t.releasePlace}, ${t==null?void 0:t.publisher},
+                ${(i=m(this,f).collectionCitation)==null?void 0:i.doi.doi}
+            </p>
+
+            ${this.applicationCitation?n`
+                      <p>
+                          <strong>Application Citation</strong>
+                      </p>
+
+                      <p>${this.applicationCitation}</p>
+                  `:b}
+        `:n`<div class="spacer"></div>`},E=new WeakSet,mt=function(){return n`
+            <h3 class="sr-only">Download Options</h3>
+
+            ${this.dataType==="geotiff"?n`
+                      <p>
+                          This plot can be downloaded as a
+                          <abbr title="Geotiff">GeoTIFF</abbr>, a
+                          <abbr title="Portable Network Graphic">PNG</abbr>, or a
+                          <abbr title="Joint Photographic Experts Group">JPG</abbr>
+                          image
+                      </p>
+                  `:n`
+                      <p>
+                          This plot can be downloaded as a
+                          <abbr title="Portable Network Graphic">PNG</abbr> or
+                          <abbr title="Joint Photographic Experts Group">JPG</abbr>
+                          image, or as
+                          <abbr title="Comma-Separated Value">CSV</abbr>
+                          data.
+                      </p>
+                  `}
+            ${this.dataType==="geotiff"?n`
+                      <terra-button
+                          outline
+                          variant="default"
+                          @click=${e(this,X,Kt)}
+                      >
+                          <span class="sr-only">Download Plot Data as </span>
+                          GeoTIFF
+                          <terra-icon
+                              slot="prefix"
+                              name="outline-photo"
+                              library="heroicons"
+                              font-size="1.5em"
+                          ></terra-icon>
+                      </terra-button>
+                      ${e(this,V,ut).call(this,!0)}
+                  `:n`
+                      ${e(this,V,ut).call(this,!1)}
+                      <terra-button
+                          outline
+                          variant="default"
+                          @click=${e(this,K,qt)}
+                      >
+                          <span class="sr-only">Download Plot Data as </span>
+                          CSV
+                          <terra-icon
+                              slot="prefix"
+                              name="outline-document-chart-bar"
+                              library="heroicons"
+                              font-size="1.5em"
+                          ></terra-icon>
+                      </terra-button>
+                  `}
+        `},V=new WeakSet,ut=function(t){return n`
+            <terra-button
+                outline
+                variant="default"
+                @click=${t?e(this,Z,Qt):e(this,q,Ot)}
+            >
+                <span class="sr-only">Download ${t?"Map":"Plot"} as </span>
+                PNG
+                <terra-icon
+                    slot="prefix"
+                    name="outline-photo"
+                    library="heroicons"
+                    font-size="1.5em"
+                ></terra-icon>
+            </terra-button>
+
+            <terra-button
+                outline
+                variant="default"
+                @click=${t?e(this,tt,Xt):e(this,W,zt)}
+            >
+                <span class="sr-only">Download ${t?"Map":"Plot"} as </span>
+                JPG
+                <terra-icon
+                    slot="prefix"
+                    name="outline-photo"
+                    library="heroicons"
+                    font-size="1.5em"
+                ></terra-icon>
+            </terra-button>
+        `},L=new WeakSet,pt=function(){return n`
+            <h3 class="sr-only">Help Links</h3>
+            <ul>
+                <slot name="help-links"></slot>
+                <li>
+                    <a href="https://forum.earthdata.nasa.gov/viewforum.php?f=7&DAAC=3" rel"noopener noreffer">Earthdata User Forum
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </li>
+            </ul>                  
+        `},k=new WeakSet,bt=function(){return n`
+            <h3 class="sr-only">Jupyter Notebook Options</h3>
+            <p>Open this plot in a Jupyter Notebook to explore the data further.</p>
+            <a
+                href="#"
+                @click=${t=>{t.preventDefault(),e(this,Y,Jt).call(this)}}
+            >
+                Open in Jupyter Notebook
+                <terra-icon
+                    name="outline-arrow-top-right-on-square"
+                    library="heroicons"
+                ></terra-icon>
+            </a>
+        `},Y=new WeakSet,Jt=function(){let a=window.open("https://gesdisc.github.io/jupyterlite/lab/index.html","_blank");if(!a){console.error("Failed to open JupyterLite!");return}let i=l=>{var u;((u=l.data)==null?void 0:u.type)==="jupyterlite-ready"&&(console.log("JupyterLite is ready!"),e(this,H,Ut).call(this,a))};window.addEventListener("message",i.bind(this),{once:!0})},H=new WeakSet,Ut=function(t){this.dataType==="geotiff"?e(this,z,Ht).call(this,t):e(this,O,Yt).call(this,t)},O=new WeakSet,Yt=function(t){console.log("Sending time series data to JupyterLite..."),it("time-series",this.cacheKey).then(a=>{setTimeout(()=>{var l;let i=kt(this);t.postMessage({type:"load-notebook",filename:`${encodeURIComponent((l=this.variableEntryId)!=null?l:"plot")}-timeseries.ipynb`,notebook:i,timeSeriesData:a,databaseName:ot,storeName:"time-series",bearerToken:this.bearerToken},"*")},500)})},z=new WeakSet,Ht=function(t){console.log("Sending map data to JupyterLite..."),it("time-average-map",this.cacheKey).then(a=>{setTimeout(()=>{var l;let i=Lt(this);t.postMessage({type:"load-notebook",filename:`${encodeURIComponent((l=this.variableEntryId)!=null?l:"plot")}-map.ipynb`,notebook:i,blob:a,databaseName:ot,storeName:"time-average-map",token:this.bearerToken},"*")},500)})},q=new WeakSet,Ot=function(t){nt.downloadImage(this.plot.base,{filename:this.catalogVariable.dataFieldId,format:"png",width:1920,height:1080})},W=new WeakSet,zt=function(t){nt.downloadImage(this.plot.base,{filename:this.catalogVariable.dataFieldId,format:"jpeg",width:1920,height:1080})},K=new WeakSet,qt=function(t){var yt,ft;let a=[];if(!Array.isArray(this.timeSeriesData))return;(yt=this.timeSeriesData)==null||yt.forEach((N,at)=>{a[at]=N});let i=a.map(N=>N.x.map((at,ie)=>({x:at,y:N.y[ie]}))).flat(),l=e(this,Q,Wt).call(this,i),u=new Blob([l],{type:"text/csv;charset=utf-8;"}),gt=URL.createObjectURL(u),p=document.createElement("a");p.setAttribute("href",gt);let te=((ft=this.catalogVariable)==null?void 0:ft.dataFieldId)||"time-series-data",ee=this.location?`_${this.location.replace(/,/g,"_")}`:"",ae=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",oe=`${te}${ee}${ae}.csv`;p.setAttribute("download",oe),p.style.visibility="hidden",document.body.appendChild(p),p.click(),document.body.removeChild(p)},Q=new WeakSet,Wt=function(t){let a=Object.keys(t[0]).join(",")+`
+`,i=t.map(l=>Object.values(l).join(",")).join(`
+`);return a+i},X=new WeakSet,Kt=function(){if(!this.timeSeriesData||!(this.timeSeriesData instanceof Blob)){console.warn("No GeoTIFF available to download.");return}let t=URL.createObjectURL(this.timeSeriesData),a=document.createElement("a"),i=`${this.location.replace(/,/g,"_")}`,l=`${this.variableEntryId}_${this.startDate}-${this.endDate}_${i}.tif`;a.href=t,a.download=`${l}`,a.style.display="none",document.body.appendChild(a),a.click(),document.body.removeChild(a),console.log("Successfully downloaded tiff file...")},Z=new WeakSet,Qt=function(){this.emit("terra-plot-toolbar-export-image",{detail:{format:"png"}})},tt=new WeakSet,Xt=function(){this.emit("terra-plot-toolbar-export-image",{detail:{format:"jpg"}})},et=new WeakSet,Zt=function(t){let a={};return Object.entries(t).forEach(([i,l])=>{let u=i.replace(/:$/,"").toLowerCase().replace(/[^a-z0-9]+(.)/g,(gt,p)=>p.toUpperCase());a[u]=l}),a},r.styles=[vt,Et],r.dependencies={"terra-icon":Dt,"terra-button":St,"terra-map":Mt,"terra-dropdown":It},s([c()],r.prototype,"catalogVariable",2),s([c()],r.prototype,"variableEntryId",2),s([c()],r.prototype,"plot",2),s([c()],r.prototype,"timeSeriesData",2),s([c()],r.prototype,"location",2),s([c()],r.prototype,"startDate",2),s([c()],r.prototype,"endDate",2),s([c()],r.prototype,"cacheKey",2),s([c()],r.prototype,"dataType",2),s([c({type:Boolean,attribute:"show-location"})],r.prototype,"showLocation",2),s([c({type:Boolean,attribute:"show-date-range"})],r.prototype,"showDateRange",2),s([c({type:Array})],r.prototype,"colormaps",2),s([c({type:String,attribute:"color-map-name",reflect:!0})],r.prototype,"colorMapName",2),s([c({type:Number})],r.prototype,"opacity",2),s([c({type:Boolean,attribute:"show-citation"})],r.prototype,"showCitation",2),s([c({type:Boolean,attribute:"show-help"})],r.prototype,"showHelp",2),s([c({attribute:"application-citation"})],r.prototype,"applicationCitation",2),s([c()],r.prototype,"mobileView",2),s([c()],r.prototype,"productLabel",2),s([c({type:Number})],r.prototype,"bottomSheetDragY",2),s([Ft()],r.prototype,"hideTitle",2),s([Ft()],r.prototype,"activeMenuItem",2),s([Ct("#menu")],r.prototype,"menu",2),s([Ct(".bottom-sheet")],r.prototype,"bottomSheet",2),s([$t("activeMenuItem")],r.prototype,"handleFocus",1);export{r as a};

package/dist/chunks/chunk.YG7VEWC4.js

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

package/dist/chunks/chunk.YH3IQ333.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2IV72XUL.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-time-average-map";e.define("terra-time-average-map");var m=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraTimeAverageMap"}),c=m;export{c as a};

package/dist/chunks/chunk.YS7FAJWI.js

@@ -0,0 +1 @@
+import{a}from"./chunk.H5AVWFET.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as l,b as r}from"./chunk.AXHBILJ4.js";import{e}from"./chunk.INFVQQSJ.js";import{property as s}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,a],e([s({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([o("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/dist/chunks/chunk.YUPDTNHJ.js

@@ -0,0 +1 @@
+import{c as et}from"./chunk.64Z5WQSA.js";import{a as Z}from"./chunk.U7OFS4YO.js";import{b as tt}from"./chunk.ON5BCN2P.js";import{b as Y}from"./chunk.TK2JSJCN.js";import{b as X}from"./chunk.T2BWAH5M.js";import{c as z,e as G}from"./chunk.4ZVIPOSQ.js";import{a as Q}from"./chunk.3FHTK4MP.js";import{c as O}from"./chunk.QGXUQL5S.js";import{a as W,f as t,g as n,h as A,i as s}from"./chunk.INFVQQSJ.js";import{Task as nt}from"@lit/task";var ht="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",ct=300,lt=1e4,e,f,J,I,d,_,rt,H,at,T,N,v,x,y,k,L,it,u,w,S,B,ot=class{constructor(r){n(this,_);n(this,H);n(this,T);n(this,v);n(this,y);n(this,L);n(this,u);n(this,S);n(this,e,void 0);n(this,f,new et);n(this,J,new G);n(this,I,void 0);n(this,d,void 0);A(this,e,r),A(this,I,new X(t(this,e),{getCollectionEntryId:()=>s(this,_,rt).call(this),getBearerToken:()=>t(this,e).bearerToken})),A(this,d,new Z(t(this,e))),this.jobStatusTask=new nt(r,{task:async([],{signal:o})=>{var V,$,q,K;let a=t(this,e).startDate,c=t(this,e).endDate,l=t(this,e).location,p=t(this,e).catalogVariable;if(!a||!c||!l||!p)return;t(this,d).reset(),t(this,e).harmonyJobId=void 0;let m=this.getCacheKey();if(t(this,e).cache){let i=await t(this,f).getValidCacheEntry(m);if(i)return console.log("Returning existing map blob from cache",m),t(this,e).harmonyJobId=i.harmonyJobId,s(this,y,k).call(this,i.blob),i.blob}if(t(this,e).jobId){console.log("Using provided jobId, waiting for harmony job...");let i=await s(this,T,N).call(this,t(this,e).jobId,o);if(i.status==="failed"){let F=i.message||(($=(V=i.errors)==null?void 0:V[0])==null?void 0:$.message)||"The subset job failed",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}if(i.status==="complete_with_errors"&&i.errors&&i.errors.length>0){let F=i.errors[0].message||"The subset job completed with errors",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}let b=await s(this,v,x).call(this,i,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:b,environment:t(this,e).environment,harmonyJobId:t(this,e).jobId}),t(this,e).harmonyJobId=t(this,e).jobId,s(this,y,k).call(this,b),b}let E=await s(this,H,at).call(this,o),[C,j,D,R]=l.split(",").map(Number),st=new Q([C,j,D,R]),M=new tt({collectionConceptId:E,location:st,environment:t(this,e).environment}).variable(`${t(this,e).collection}_${t(this,e).variable}`).dateRange(new Date(a).toISOString(),new Date(c).toISOString()).format("image/tiff").average("time").label("terra-time-average-map");t(this,e).applicationId&&M.label(t(this,e).applicationId),M.addLabelsFromVariable(p),console.log("Creating time average map job...");let U;try{let i=await t(this,d).startJob({harmonyRequest:M,options:{signal:o,bearerToken:t(this,e).bearerToken,environment:t(this,e).environment}});U=i.jobID,t(this,e).emit("terra-harmony-job-status-update",{detail:i})}catch(i){throw s(this,u,w).call(this,i),i}console.log("Waiting for harmony job...");let h=await s(this,T,N).call(this,U,o);if(h.status==="failed"){let i=h.message||((K=(q=h.errors)==null?void 0:q[0])==null?void 0:K.message)||"The subset job failed",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}if(h.status==="complete_with_errors"&&h.errors&&h.errors.length>0){let i=h.errors[0].message||"The subset job completed with errors",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}let P=await s(this,v,x).call(this,h,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:P,environment:t(this,e).environment,harmonyJobId:h.jobID}),t(this,e).harmonyJobId=h.jobID,s(this,y,k).call(this,P),P},args:()=>[],autoRun:!1})}render(r){return this.jobStatusTask.render(r)}getCacheKey(){var m,E,C,j,D,R;let r=(m=t(this,e).collection)!=null?m:"",o=(E=t(this,e).variable)!=null?E:"",a=(C=t(this,e).startDate)!=null?C:"",c=(j=t(this,e).endDate)!=null?j:"",l=(D=t(this,e).location)!=null?D:"",p=(R=t(this,e).environment)!=null?R:"prod";return t(this,f).getCacheKey(r,o,a,c,l,p)}};e=new WeakMap,f=new WeakMap,J=new WeakMap,I=new WeakMap,d=new WeakMap,_=new WeakSet,rt=function(){let r=t(this,e).collection,o=t(this,e).catalogVariable;if(!(!r||!o))return`${o.dataProductShortName}_${o.dataProductVersion}`},H=new WeakSet,at=async function(r){let o=Date.now()+lt;for(;;){if(r.aborted)throw new Error("Aborted while waiting for collection concept ID");let a=t(this,I).conceptId;if(a)return a;if(Date.now()>o)throw new Error("Timed out waiting for collection concept ID");await s(this,S,B).call(this,200,r)}},T=new WeakSet,N=async function(r,o){for(t(this,d).startPollForJobStatus(r,{bearerToken:t(this,e).bearerToken});;){if(o.aborted)throw new Error("Job polling was aborted");let a=t(this,d).data;if(a&&t(this,e).emit("terra-harmony-job-status-update",{detail:a}),(a==null?void 0:a.jobID)===r&&z.has(a.status))return a;await s(this,S,B).call(this,ct,o)}},v=new WeakSet,x=async function(r,o){var p;let a=(p=r.links.find(m=>m.rel==="data"))==null?void 0:p.href;if(!a)throw new Error("No data link found for Harmony job");let c=`${ht}?url=${encodeURIComponent(a)}`,l=await fetch(c,{signal:o,headers:W({},t(this,e).bearerToken?{Authorization:`Bearer ${t(this,e).bearerToken}`}:{})});if(!l.ok)throw new Error(`Failed to fetch subset job data: ${l.statusText}`);return l.blob()},y=new WeakSet,k=function(r){this.blobUrl=r,t(this,e).emit("terra-time-average-map-data-change",{detail:{data:r,variable:t(this,e).catalogVariable,startDate:O(t(this,e).startDate),endDate:O(t(this,e).endDate),location:t(this,e).location,colorMap:t(this,e).colorMapName,harmonyJobId:t(this,e).harmonyJobId}}),t(this,e).updateGeoTIFFLayer(r);let o=t(this,e).harmonyJobId;o&&s(this,L,it).call(this,o).catch(console.error)},L=new WeakSet,it=async function(r,o=1500){await new Promise(c=>setTimeout(c,o));let a=await t(this,e).captureMapThumbnail();a&&await t(this,J).store(r,a)},u=new WeakSet,w=function(r,o){let a=Y(r,o);t(this,e).dispatchEvent(new CustomEvent("terra-time-average-map-error",{detail:a,bubbles:!0,composed:!0}))},S=new WeakSet,B=function(r,o){return new Promise((a,c)=>{if(o.aborted){c(new Error("Aborted"));return}let l=setTimeout(a,r);o.addEventListener("abort",()=>{clearTimeout(l),c(new Error("Aborted"))})})};export{ot as a};