@nasa-terra/components 0.0.185 → 0.0.186

package/dist/chunks/chunk.2CUBMIQG.js

@@ -1,566 +0,0 @@
-import{a as Vt}from"./chunk.HPTYFCQ5.js";import{a as kt}from"./chunk.CV5R3PGB.js";import{a as Nt}from"./chunk.VKCVK6OP.js";import{a as Et}from"./chunk.3EDA2HZU.js";import{a as Lt}from"./chunk.VT3U2SB7.js";import{a as It}from"./chunk.GJ2MKBPF.js";import{a as ot,c as it}from"./chunk.SJ7SUN6N.js";import{a as Mt}from"./chunk.OZNKCW2W.js";import{c as g}from"./chunk.BWCJXCND.js";import{a as St}from"./chunk.RRGI7HIP.js";import{a as vt}from"./chunk.J5Q4TWEG.js";import{a as wt,b as Dt}from"./chunk.DDBKH6HL.js";import{e as r,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 nt}from"lit/decorators.js";import{html as n}from"lit";import*as st from"plotly.js-dist-min";import{cache as ie}from"lit/directives/cache.js";import{nothing as y}from"lit";var f,b,$,F,Ft,_,_t,x,xt,G,Gt,T,Tt,P,Pt,v,rt,w,lt,D,ct,S,ht,h,d,B,Bt,j,R,A,M,dt,J,jt,U,Rt,I,mt,E,ut,L,pt,V,bt,k,gt,Y,At,O,Jt,H,Ut,z,Yt,q,Ot,W,Ht,K,zt,Q,qt,X,Wt,Z,Kt,tt,Qt,et,Xt,s=class extends Dt{constructor(){super(...arguments);o(this,F);o(this,_);o(this,x);o(this,G);o(this,T);o(this,P);o(this,v);o(this,w);o(this,D);o(this,S);o(this,h);o(this,B);o(this,M);o(this,J);o(this,U);o(this,I);o(this,E);o(this,L);o(this,V);o(this,k);o(this,Y);o(this,O);o(this,H);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.mobileView=!1;this.bottomSheetDragY=0;this.hideTitle=!1;this.activeMenuItem=null;this.showLocationTooltip=!1;this._authController=new Lt(this);o(this,f,new Nt(this));o(this,b,!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 ie(this.catalogVariable?n`
-                      <header>
-                          <div class="title-container">
-                              <slot name="title">
-                                  <h2 class="title" @click=${e(this,x,xt)}>
-                                      ${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,Ft).call(this)}
-                                                <span
-                                                    class="location-text"
-                                                    @mouseenter=${()=>this.showLocationTooltip=!0}
-                                                    @mouseleave=${()=>this.showLocationTooltip=!0}
-                                                    >${((a=this.location)!=null?a:"").replace(/,/g,", ")}</span
-                                                >`:""}
-                                      ${this.showDateRange?n`• ${e(this,_,_t).call(this)}
-                                                <span
-                                                    >${g(this.startDate)} to
-                                                    ${g(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="info"
-                                      font-size="1em"
-                                  ></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>
-                                    `:y}
-
-                              <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>
-
-                              <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="question"
-                                      font-size="1em"
-                                  ></terra-icon>
-                              </terra-button>
-
-                              <terra-button
-                                  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>
-                                    `:y}
-                          </div>
-
-                          ${this.mobileView?y:n`
-                                    <menu
-                                        role="menu"
-                                        id="menu"
-                                        data-expanded=${this.activeMenuItem!==null}
-                                        tabindex="-1"
-                                        @mouseleave=${e(this,B,Bt)}
-                                    >
-                                        <li
-                                            role="menuitem"
-                                            ?hidden=${this.activeMenuItem!=="information"}
-                                        >
-                                            ${e(this,J,jt).call(this)}
-                                        </li>
-
-                                        <li
-                                            role="menuitem"
-                                            ?hidden=${this.activeMenuItem!=="citation"}
-                                        >
-                                            ${e(this,I,mt).call(this)}
-                                        </li>
-
-                                        <li
-                                            role="menuitem"
-                                            ?hidden=${this.activeMenuItem!=="download"}
-                                        >
-                                            ${e(this,E,ut).call(this)}
-                                        </li>
-
-                                        <li
-                                            role="menuitem"
-                                            ?hidden=${this.activeMenuItem!=="help"}
-                                        >
-                                            ${e(this,V,bt).call(this)}
-                                        </li>
-
-                                        <li
-                                            role="menuitem"
-                                            ?hidden=${this.activeMenuItem!=="jupyter"}
-                                        >
-                                            ${e(this,k,gt).call(this)}
-                                        </li>
-
-                                        <li
-                                            role="menuitem"
-                                            ?hidden=${this.activeMenuItem!=="GeoTIFF"}
-                                        >
-                                            ${e(this,M,dt).call(this)}
-                                        </li>
-                                    </menu>
-                                `}
-                          ${this.showLocationTooltip?n`
-                                    <div class="location-tooltip">
-                                        <terra-map
-                                            .value=${this.location}
-                                            .fitToValue=${!0}
-                                            .staticMode=${!0}
-                                            style="width: 300px; height: 200px;"
-                                        ></terra-map>
-                                    </div>
-                                `:""}
-                      </header>
-
-                      ${this.mobileView?n` <div
-                                    class="bottom-sheet-backdrop"
-                                    data-state=${this.activeMenuItem?"open":"close"}
-                                    @click=${e(this,S,ht)}
-                                ></div>
-                                <div
-                                    data-state=${this.activeMenuItem?"open":"close"}
-                                    class="bottom-sheet"
-                                    @touchstart=${e(this,G,Gt)}
-                                    @touchmove=${e(this,T,Tt)}
-                                    @touchend=${e(this,D,ct)}
-                                    @mousedown=${e(this,P,Pt)}
-                                >
-                                    <div class="bottom-sheet-handle"></div>
-                                    <div class="bottom-sheet-content">
-                                        ${this.activeMenuItem==="information"?e(this,U,Rt).call(this):""}
-                                        ${this.activeMenuItem==="citation"?e(this,I,mt).call(this):""}
-                                        ${this.activeMenuItem==="download"?e(this,E,ut).call(this):""}
-                                        ${this.activeMenuItem==="help"?e(this,V,bt).call(this):""}
-                                        ${this.activeMenuItem==="jupyter"?e(this,k,gt).call(this):""}
-                                        ${this.activeMenuItem==="GeoTIFF"?e(this,M,dt).call(this):""}
-                                    </div>
-                                </div>`:y}
-                  `:n`<div class="spacer"></div>`)}};f=new WeakMap,b=new WeakMap,$=new WeakMap,F=new WeakSet,Ft=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,_t=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,xt=function(){!this.mobileView||!this.productLabel||(this.hideTitle=!this.hideTitle)},G=new WeakSet,Gt=function(t){e(this,v,rt).call(this,t.touches[0].clientY,t.target)},T=new WeakSet,Tt=function(t){m(this,b)&&(e(this,w,lt).call(this,t.touches[0].clientY),this.bottomSheetDragY>0&&t.cancelable&&t.preventDefault())},P=new WeakSet,Pt=function(t){e(this,v,rt).call(this,t.clientY,t.target);let a=l=>e(this,w,lt).call(this,l.clientY),i=()=>{e(this,D,ct).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,b,!0),C(this,$,t),this.bottomSheetDragY=0,this.bottomSheet.style.transition="none")},w=new WeakSet,lt=function(t){this.bottomSheetDragY=t-m(this,$),m(this,b)&&this.bottomSheetDragY>0&&(this.bottomSheet.style.transform=`translate(-50%, ${this.bottomSheetDragY}px)`)},D=new WeakSet,ct=function(){m(this,b)&&(C(this,b,!1),this.bottomSheet.style.transition="transform 0.35s cubic-bezier(0.25,1,0.5,1)",this.bottomSheetDragY>20?e(this,S,ht).call(this):this.bottomSheet.style.transform="translate(-50%, 0)",this.bottomSheetDragY=0)},S=new WeakSet,ht=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%"}},B=new WeakSet,Bt=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,dt=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>
-                  `:y}
-        `},J=new WeakSet,jt=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,Rt=function(){var u;let t=this.location.trim().split(","),a=t.length===2,i=t.length===4,l=i?e(this,et,Xt).call(this,this.metadata):this.metadata;return n`
-            <h3>Request</h3>
-            <ul class="bottom-sheet-list">
-                ${a?n` <li>
-                          <strong>Timestamp: </strong>${g(this.metadata.Request_time,"yyyy-MM-dd HH:mm")}
-                      </li>`:""}
-                <li>
-                    <strong>Begin Datetime: </strong>${g(i?l.userStartDate:this.metadata.begin_time)}
-                </li>
-                <li>
-                    <strong>End Datetime: </strong>${g(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,mt=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>
-                  `:y}
-
-            <p>
-                <strong>Data Citation</strong>
-            </p>
-
-            <p>
-                ${t==null?void 0:t.creator} (${g(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>
-                  `:y}
-        `:n`<div class="spacer"></div>`},E=new WeakSet,ut=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,Wt)}
-                      >
-                          <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,L,pt).call(this,!0)}
-                  `:n`
-                      ${e(this,L,pt).call(this,!1)}
-                      <terra-button
-                          outline
-                          variant="default"
-                          @click=${e(this,K,zt)}
-                      >
-                          <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>
-                  `}
-        `},L=new WeakSet,pt=function(t){return n`
-            <terra-button
-                outline
-                variant="default"
-                @click=${t?e(this,Z,Kt):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,Qt):e(this,W,Ht)}
-            >
-                <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>
-        `},V=new WeakSet,bt=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,gt=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,At).call(this)}}
-            >
-                Open in Jupyter Notebook
-                <terra-icon
-                    name="outline-arrow-top-right-on-square"
-                    library="heroicons"
-                ></terra-icon>
-            </a>
-        `},Y=new WeakSet,At=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,O,Jt).call(this,a))};window.addEventListener("message",i.bind(this),{once:!0})},O=new WeakSet,Jt=function(t){this.dataType==="geotiff"?e(this,z,Yt).call(this,t):e(this,H,Ut).call(this,t)},H=new WeakSet,Ut=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,Yt=function(t){console.log("Sending map data to JupyterLite..."),it("time-average-map",this.cacheKey).then(a=>{setTimeout(()=>{var l;let i=Vt(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){st.downloadImage(this.plot.base,{filename:this.catalogVariable.dataFieldId,format:"png",width:1920,height:1080})},W=new WeakSet,Ht=function(t){st.downloadImage(this.plot.base,{filename:this.catalogVariable.dataFieldId,format:"jpeg",width:1920,height:1080})},K=new WeakSet,zt=function(t){var ft,$t;let a=[];if(!Array.isArray(this.timeSeriesData))return;(ft=this.timeSeriesData)==null||ft.forEach((N,at)=>{a[at]=N});let i=a.map(N=>N.x.map((at,oe)=>({x:at,y:N.y[oe]}))).flat(),l=e(this,Q,qt).call(this,i),u=new Blob([l],{type:"text/csv;charset=utf-8;"}),yt=URL.createObjectURL(u),p=document.createElement("a");p.setAttribute("href",yt);let Zt=(($t=this.catalogVariable)==null?void 0:$t.dataFieldId)||"time-series-data",te=this.location?`_${this.location.replace(/,/g,"_")}`:"",ee=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",ae=`${Zt}${te}${ee}.csv`;p.setAttribute("download",ae),p.style.visibility="hidden",document.body.appendChild(p),p.click(),document.body.removeChild(p)},Q=new WeakSet,qt=function(t){let a=Object.keys(t[0]).join(",")+`
-`,i=t.map(l=>Object.values(l).join(",")).join(`
-`);return a+i},X=new WeakSet,Wt=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,Kt=function(){this.emit("terra-plot-toolbar-export-image",{detail:{format:"png"}})},tt=new WeakSet,Qt=function(){this.emit("terra-plot-toolbar-export-image",{detail:{format:"jpg"}})},et=new WeakSet,Xt=function(t){let a={};return Object.entries(t).forEach(([i,l])=>{let u=i.replace(/:$/,"").toLowerCase().replace(/[^a-z0-9]+(.)/g,(yt,p)=>p.toUpperCase());a[u]=l}),a},s.styles=[wt,Et],s.dependencies={"terra-icon":St,"terra-button":Mt,"terra-map":It},r([c()],s.prototype,"catalogVariable",2),r([c()],s.prototype,"variableEntryId",2),r([c()],s.prototype,"plot",2),r([c()],s.prototype,"timeSeriesData",2),r([c()],s.prototype,"location",2),r([c()],s.prototype,"startDate",2),r([c()],s.prototype,"endDate",2),r([c()],s.prototype,"cacheKey",2),r([c()],s.prototype,"dataType",2),r([c({type:Boolean,attribute:"show-location"})],s.prototype,"showLocation",2),r([c({type:Boolean,attribute:"show-date-range"})],s.prototype,"showDateRange",2),r([c({type:Array})],s.prototype,"colormaps",2),r([c({type:String,attribute:"color-map-name",reflect:!0})],s.prototype,"colorMapName",2),r([c({type:Number})],s.prototype,"opacity",2),r([c({type:Boolean,attribute:"show-citation"})],s.prototype,"showCitation",2),r([c({attribute:"application-citation"})],s.prototype,"applicationCitation",2),r([c()],s.prototype,"mobileView",2),r([c()],s.prototype,"productLabel",2),r([c({type:Number})],s.prototype,"bottomSheetDragY",2),r([nt()],s.prototype,"hideTitle",2),r([nt()],s.prototype,"activeMenuItem",2),r([nt()],s.prototype,"showLocationTooltip",2),r([Ct("#menu")],s.prototype,"menu",2),r([Ct(".bottom-sheet")],s.prototype,"bottomSheet",2),r([vt("activeMenuItem")],s.prototype,"handleFocus",1);export{s as a};

package/dist/chunks/chunk.2Q42EX3Q.js

@@ -1,35 +0,0 @@
-import{a as T}from"./chunk.WUTGT6VP.js";import{b as y}from"./chunk.6MJMMDNP.js";import{a as p,c as m}from"./chunk.VOQBVUDI.js";import{a as c,c as f}from"./chunk.U6R2SR47.js";import{a as L}from"./chunk.NP2QG5W4.js";import{a as u}from"./chunk.CUJNKBC6.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as v,b as E}from"./chunk.DDBKH6HL.js";import{e as n}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as M}from"lit";import{ifDefined as b}from"lit/directives/if-defined.js";import{property as a,query as g}from"lit/decorators.js";var i=class extends E{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!1;this.hover=!1;this.hoverTimeout=null;this.hideTimeout=null;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="terra-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(o,r)=>{if(!o)return null;let h=o.closest(r);if(h)return h;let l=o.getRootNode();return l instanceof ShadowRoot?s(l.host,r):null};setTimeout(()=>{var r;let o=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?y():document.activeElement;(!this.containingElement||s(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="terra-menu"&&(this.hide(),this.focusOnTrigger())};this.handleTriggerMouseEnter=()=>{!this.hover||this.disabled||(this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.hoverTimeout=window.setTimeout(()=>{this.open||this.show(),this.hoverTimeout=null},150))};this.handleTriggerMouseLeave=()=>{this.hover&&(this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))};this.handlePanelMouseEnter=()=>{this.hover&&this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)};this.handlePanelMouseLeave=()=>{this.hover&&(this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.updateComplete.then(()=>{this.attachHoverListeners()}),this.open&&(this.addOpenListeners(),this.popup.active=!0,this.attachPanelHoverListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.removeHoverListeners(),this.hide(),this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}removeHoverListeners(){var r,h;let t=(((r=this.trigger)==null?void 0:r.assignedElements({flatten:!0}))||[])[0];if(!t)return;let s=t;if(t.tagName.toLowerCase()==="terra-button"){let l=t.button;l&&(s=l)}s.removeEventListener("mouseenter",this.handleTriggerMouseEnter),s.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let o=(h=this.popup)==null?void 0:h.popup;o&&(o.removeEventListener("mouseenter",this.handlePanelMouseEnter),o.removeEventListener("mouseleave",this.handlePanelMouseLeave))}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="terra-menu")}handleTriggerClick(){this.hover||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger(),requestAnimationFrame(()=>{this.attachHoverListeners()})}attachHoverListeners(){if(!this.hover||!this.trigger)return;let t=this.trigger.assignedElements({flatten:!0})[0];if(!t)return;t.removeEventListener("mouseenter",this.handleTriggerMouseEnter),t.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let s=t;if(t.tagName.toLowerCase()==="terra-button"){let o=t.button;o&&(s=o)}s.addEventListener("mouseenter",this.handleTriggerMouseEnter),s.addEventListener("mouseleave",this.handleTriggerMouseLeave)}attachPanelHoverListeners(){this.hover&&this.updateComplete.then(()=>{var t;let e=(t=this.popup)==null?void 0:t.popup;e&&(e.removeEventListener("mouseenter",this.handlePanelMouseEnter),e.removeEventListener("mouseleave",this.handlePanelMouseLeave),e.addEventListener("mouseenter",this.handlePanelMouseEnter),e.addEventListener("mouseleave",this.handlePanelMouseLeave))})}updateAccessibleTrigger(){}async show(){if(!this.open)return this.open=!0,u(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"terra-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("terra-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("terra-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("terra-show"),this.addOpenListeners(),this.attachPanelHoverListeners(),await m(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=f(this,"dropdown.show",{dir:"ltr"});await p(this.popup.popup,e,t),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await m(this);let{keyframes:e,options:t}=f(this,"dropdown.hide",{dir:"ltr"});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}handleHoverChange(){this.attachHoverListeners()}render(){return M`
-            <terra-popup
-                part="base"
-                exportparts="popup:base__popup"
-                id="dropdown"
-                placement=${this.placement}
-                distance=${this.distance}
-                skidding=${this.skidding}
-                strategy=${this.hoist?"fixed":"absolute"}
-                flip
-                shift
-                auto-size="vertical"
-                auto-size-padding="10"
-                sync=${b(this.sync?this.sync:void 0)}
-                class=${w({dropdown:!0,"dropdown--open":this.open})}
-            >
-                <slot
-                    name="trigger"
-                    slot="anchor"
-                    part="trigger"
-                    class="dropdown__trigger"
-                    @click=${this.handleTriggerClick}
-                    @keydown=${this.handleTriggerKeyDown}
-                    @keyup=${this.handleTriggerKeyUp}
-                    @slotchange=${this.handleTriggerSlotChange}
-                ></slot>
-
-                <div
-                    aria-hidden=${this.open?"false":"true"}
-                    aria-labelledby="dropdown"
-                >
-                    <slot part="panel" class="dropdown__panel"></slot>
-                </div>
-            </terra-popup>
-        `}};i.styles=[v,L],i.dependencies={"terra-popup":T},n([g(".dropdown")],i.prototype,"popup",2),n([g(".dropdown__trigger")],i.prototype,"trigger",2),n([g(".dropdown__panel")],i.prototype,"panel",2),n([a({type:Boolean,reflect:!0})],i.prototype,"open",2),n([a({reflect:!0})],i.prototype,"placement",2),n([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([a({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),n([a({attribute:!1})],i.prototype,"containingElement",2),n([a({type:Number})],i.prototype,"distance",2),n([a({type:Number})],i.prototype,"skidding",2),n([a({type:Boolean})],i.prototype,"hoist",2),n([a({type:Boolean,reflect:!0})],i.prototype,"hover",2),n([a({reflect:!0})],i.prototype,"sync",2),n([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),n([d("hover",{waitUntilFirstUpdate:!0})],i.prototype,"handleHoverChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};