@nasa-terra/components 0.0.186 → 0.0.187

package/dist/chunks/chunk.3WP3ALIU.js

@@ -0,0 +1,37 @@
+import{a as n}from"./chunk.CUJNKBC6.js";import{a as l}from"./chunk.6PEAAW4E.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as h,b as d}from"./chunk.AQD2424J.js";import{a as u}from"./chunk.EP7VZEIL.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as a,query as c,state as f}from"lit/decorators.js";var t=class t extends d{constructor(){super(...arguments);this.hasSlotController=new l(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="primary";this.appearance="filled";this.duration=1/0;this.remainingTime=this.duration}static get toastStack(){return this.currentToastStack||(this.currentToastStack=Object.assign(document.createElement("div"),{className:"terra-toast-stack"})),this.currentToastStack}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100))}pauseAutoHide(){var i;(i=this.countdownAnimation)==null||i.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)}resumeAutoHide(){var i;this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.remainingTime),this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100),(i=this.countdownAnimation)==null||i.play())}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){let{countdownElement:i}=this,p="100%",v="0";this.countdownAnimation=i.animate([{width:p},{width:v}],{duration:this.duration,easing:"linear"})}}handleCloseClick(){this.hide()}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.duration<1/0&&this.restartAutoHide(),this.emit("terra-after-show")):(this.emit("terra-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.emit("terra-after-hide"))}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,n(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,n(this,"terra-after-hide")}async toast(){return new Promise(i=>{this.handleCountdownChange(),t.toastStack.parentElement===null&&document.body.append(t.toastStack),t.toastStack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("terra-after-hide",()=>{t.toastStack.removeChild(this),i(),t.toastStack.querySelector("terra-alert")===null&&t.toastStack.remove()},{once:!0})})}render(){return s`
+            <div
+                part="base"
+                class=${m({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--has-countdown":!!this.countdown,"alert--has-icon":this.hasSlotController.test("icon"),"alert--primary":this.variant==="primary","alert--success":this.variant==="success","alert--neutral":this.variant==="neutral","alert--warning":this.variant==="warning","alert--danger":this.variant==="danger","alert--filled":this.appearance==="filled","alert--white":this.appearance==="white"})}
+                role="alert"
+                aria-hidden=${this.open?"false":"true"}
+                @mouseenter=${this.pauseAutoHide}
+                @mouseleave=${this.resumeAutoHide}
+            >
+                <div part="icon" class="alert__icon">
+                    <slot name="icon"></slot>
+                </div>
+
+                <div part="message" class="alert__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable?s`
+                          <terra-icon
+                              class="alert__close-button"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleCloseClick}
+                          ></terra-icon>
+                      `:""}
+
+                <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+                ${this.countdown?s`
+                          <div
+                              class=${m({alert__countdown:!0,"alert__countdown--ltr":this.countdown==="ltr"})}
+                          >
+                              <div class="alert__countdown-elapsed"></div>
+                          </div>
+                      `:""}
+            </div>
+        `}};t.styles=[h,u],e([c('[part~="base"]')],t.prototype,"base",2),e([c(".alert__countdown-elapsed")],t.prototype,"countdownElement",2),e([a({type:Boolean,reflect:!0})],t.prototype,"open",2),e([a({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([a({reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0})],t.prototype,"appearance",2),e([a({type:Number})],t.prototype,"duration",2),e([a({type:String,reflect:!0})],t.prototype,"countdown",2),e([f()],t.prototype,"remainingTime",2),e([r("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([r("duration")],t.prototype,"handleDurationChange",1);var o=t;export{o as a};

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.TED4UBE5.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tag";e.define("terra-tag");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraClick:"terra-click"},displayName:"TerraTag"}),v=o;export{v as a};

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

@@ -0,0 +1,20 @@
+function r(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.186" "anywidget==0.9.15" "pandas"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:[`### Render ${e.location.split(",").length>2?"an area-averaged":"a point-based"} time series plot`]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeSeries
+timeseries = TerraTimeSeries()
+
+timeseries.variableEntryId = '${e.variableEntryId}'
+timeseries.startDate = '${e.startDate}'
+timeseries.endDate = '${e.endDate}'
+timeseries.location = '${e.location}'
+
+timeseries`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the time series data
+`,`
+`,"Once the time series runs and you see a plot, you can access the data:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:[`import pandas as pd
+`,`if getattr(timeseries, "data", None):
+`,`    df = pd.DataFrame(timeseries.data)
+`,`    df['timestamp'] = pd.to_datetime(df['timestamp'])
+`,`    df['value'] = pd.to_numeric(df['value'])
+`,`    print(df.dtypes)
+`,"    print(df.head())"]}]}export{r as a};

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

@@ -0,0 +1,38 @@
+import{a as b}from"./chunk.4V7RXLNV.js";import{a as S}from"./chunk.C7ILTTDA.js";import{a as y}from"./chunk.QDFHF7LY.js";import{b as f,c as B}from"./chunk.K63TORTJ.js";import{a as g}from"./chunk.BF5VMLO3.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as p,b as w}from"./chunk.AQD2424J.js";import{e as t,f as a,g as d,h as m}from"./chunk.INFVQQSJ.js";import{html as h,nothing as u}from"lit";import{property as i,query as C,state as v}from"lit/decorators.js";import{cache as x}from"lit/directives/cache.js";import{map as P}from"lit/directives/map.js";var n,o=class extends y(w){constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!1;this.showMouseCoordinates=!1;this.hasShapeSelector=!1;this.showGraticule=!1;this.showBoundingBoxSelection=!1;this.showPointSelection=!1;this.showPolygonSelection=!1;this.showCircleSelection=!1;this.staticMode=!1;this.noWorldWrap=!1;this.spatialConstraints="-180, -90, 180, 90";this.fitToValue=!1;this.cursorCoordinates=[0,0];this.shapeLoading=!1;d(this,n,void 0);this.shapesQuery=new g(this,()=>f())}zoomChanged(){var e;(e=a(this,n))==null||e.setZoom(this.zoom)}set hasCoordTracker(e){console.warn('The "has-coord-tracker" property is deprecated. Please use "show-mouse-coordinates" instead.'),this.showMouseCoordinates=e}get hasCoordTracker(){return this.showMouseCoordinates}showGraticuleChanged(){var e;(e=a(this,n))==null||e.toggleLayerVisibility("graticule",this.showGraticule)}set hideBoundingBoxSelection(e){console.warn('The "hide-bounding-box-selection" property is deprecated. Please use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!e}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(e){console.warn('The "hide-point-selection" property is deprecated. Please use "show-point-selection" instead.'),this.showPointSelection=!e}get hidePointSelection(){return!this.showPointSelection}drawButtonSelectionChanged(){var e;(e=a(this,n))==null||e.updateDrawToolbarVisibility({showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection})}valueChanged(e,c){var s;(s=a(this,n))==null||s.setValue(c)}async firstUpdated(){m(this,n,new b(this.mapElement,{zoom:this.zoom,minZoom:this.minZoom,maxZoom:this.maxZoom,showGraticule:this.showGraticule,showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection,noWorldWrap:this.noWorldWrap,value:this.value,fitToValue:this.fitToValue,getGeoJson:e=>this.queryClient.fetchQuery(B(e)),onMouseMove:e=>{this.cursorCoordinates=e},onDraw:e=>{this.emit("terra-map-change",{detail:e})},onShapeLoading:e=>{this.shapeLoading=e}}))}selectTemplate(){var c;let e=(c=this.shapesQuery.result)==null?void 0:c.data;return h`
+            <select
+                class="map__select form-control"
+                @change=${s=>{var l;return(l=a(this,n))==null?void 0:l.handleShapeSelect(s)}}
+            >
+                <option value="">Select a Shape...</option>
+
+                ${x(P(e!=null?e:void 0,s=>h`<optgroup label="${s.title}">
+                            ${s.shapes.map(l=>h`
+                                    <option
+                                        value="${l.shapefileID}/${l.shapeID}"
+                                    >
+                                        ${l.name}
+                                    </option>
+                                `)}
+                        </optgroup> `))}
+            </select>
+        `}render(){return h`
+            ${this.hasShapeSelector?this.selectTemplate():u}
+            <div part="map" class=${`map ${this.staticMode?"static":""}`}>
+                ${this.showMouseCoordinates?h`
+                          <div id="mouse-info">
+                              <div>
+                                  <strong
+                                      >lat: ${this.cursorCoordinates[1].toFixed(2)},
+                                      lng:
+                                      ${this.cursorCoordinates[0].toFixed(2)}</strong
+                                  >
+                              </div>
+                          </div>
+                      `:u}
+                ${this.shapeLoading?h`
+                          <div class="map__loading-overlay">
+                              <div class="map__spinner"></div>
+                          </div>
+                      `:u}
+            </div>
+        `}};n=new WeakMap,o.styles=[p,S],t([i({attribute:"min-zoom",type:Number})],o.prototype,"minZoom",2),t([i({attribute:"max-zoom",type:Number})],o.prototype,"maxZoom",2),t([i({type:Number})],o.prototype,"zoom",2),t([r("zoom")],o.prototype,"zoomChanged",1),t([i({attribute:"has-navigation",type:Boolean})],o.prototype,"hasNavigation",2),t([i({attribute:"show-mouse-coordinates",type:Boolean})],o.prototype,"showMouseCoordinates",2),t([i({attribute:"has-coord-tracker",type:Boolean})],o.prototype,"hasCoordTracker",1),t([i({attribute:"has-shape-selector",type:Boolean})],o.prototype,"hasShapeSelector",2),t([i({attribute:"show-graticule",type:Boolean})],o.prototype,"showGraticule",2),t([r("showGraticule")],o.prototype,"showGraticuleChanged",1),t([i({attribute:"show-bounding-box-selection",type:Boolean})],o.prototype,"showBoundingBoxSelection",2),t([i({attribute:"hide-bounding-box-selection",type:Boolean})],o.prototype,"hideBoundingBoxSelection",1),t([i({attribute:"show-point-selection",type:Boolean})],o.prototype,"showPointSelection",2),t([i({attribute:"hide-point-selection",type:Boolean})],o.prototype,"hidePointSelection",1),t([i({attribute:"show-polygon-selection",type:Boolean})],o.prototype,"showPolygonSelection",2),t([i({attribute:"show-circle-selection",type:Boolean})],o.prototype,"showCircleSelection",2),t([i({type:Boolean})],o.prototype,"staticMode",2),t([i({attribute:"no-world-wrap",type:Boolean})],o.prototype,"noWorldWrap",2),t([i({attribute:"spatial-constraints"})],o.prototype,"spatialConstraints",2),t([i({type:String})],o.prototype,"value",2),t([i({type:Boolean,attribute:"fit-to-feature"})],o.prototype,"fitToValue",2),t([C('[part="map"]')],o.prototype,"mapElement",2),t([v()],o.prototype,"cursorCoordinates",2),t([v()],o.prototype,"shapeLoading",2),t([r(["showBoundingBoxSelection","showPointSelection","showPolygonSelection","showCircleSelection"])],o.prototype,"drawButtonSelectionChanged",1),t([r("value")],o.prototype,"valueChanged",1);export{o as a};

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.OFYUUKSD.js";var l=e;e.define("terra-variable-combobox");export{l as a};

package/dist/chunks/chunk.562KL2FJ.js

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

package/dist/chunks/chunk.5HPD5UWA.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3WP3ALIU.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-alert";e.define("terra-alert");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraAlert"}),i=n;export{i as a};

package/dist/chunks/chunk.5ILIV3NQ.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.5U2M6PEE.js";var d=r;r.define("terra-radio");export{d as a};

package/dist/chunks/chunk.5RTEYDDC.js

@@ -0,0 +1,157 @@
+import{a as $}from"./chunk.TED4UBE5.js";import{a as I}from"./chunk.GXTFJZWR.js";import{c as D}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.YOZCHGLE.js";import{a as f,c as g}from"./chunk.VOQBVUDI.js";import{a as b,c as v}from"./chunk.U6R2SR47.js";import{a as k}from"./chunk.X5OPH5X7.js";import{b as x}from"./chunk.UTJA3S5Z.js";import{a as w}from"./chunk.M6UJ3FOI.js";import{a as m}from"./chunk.CUJNKBC6.js";import{a as y}from"./chunk.6PEAAW4E.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as C,b as O}from"./chunk.AQD2424J.js";import{e as s}from"./chunk.INFVQQSJ.js";import{classMap as L}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as n,query as c,state as u}from"lit/decorators.js";import{unsafeHTML as _}from"lit/directives/unsafe-html.js";var i=class extends O{constructor(){super(...arguments);this.formControlController=new x(this,{assumeInteractionOn:["terra-blur","terra-input"]});this.hasSlotController=new y(this,"help-text","label");this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.getTag=t=>p`
+            <terra-tag
+                part="tag"
+                variant="topic"
+                size=${this.size}
+                @terra-remove=${e=>this.handleTagRemove(e,t)}
+            >
+                ${t.getTextLabel()}
+            </terra-tag>
+        `;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("terra-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let r=this.getAllOptions(),a=r.indexOf(this.currentOption),h=Math.max(0,a);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=a+1,h>r.length-1&&(h=0)):t.key==="ArrowUp"?(h=a-1,h<0&&(h=r.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=r.length-1),this.setCurrentOption(r[h])}if(t.key&&t.key.length===1||t.key==="Backspace"){let r=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let a of r)if(a.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(a);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get value(){return this._value}set value(t){this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="terra-icon-button");this.disabled||o||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("terra-option"),l=this.value;o&&!o.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("terra-option")||customElements.whenDefined("terra-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),e=this.valueHasChanged?this.value:this.defaultValue,o=Array.isArray(e)?e:[e],l=[];t.forEach(r=>l.push(r.value)),this.setSelectedOptions(t.filter(r=>o.includes(r.value)))}handleTagRemove(t,e){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}))}getAllOptions(){return[...this.querySelectorAll("terra-option")]}getFirstOption(){return this.querySelector("terra-option")}setCurrentOption(t){this.getAllOptions().forEach(o=>{o.current=!1,o.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var o,l,r;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let e=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=`${this.selectedOptions.length} selected`;else{let a=this.selectedOptions[0];this.value=(o=a==null?void 0:a.value)!=null?o:"",this.displayLabel=(r=(l=a==null?void 0:a.getTextLabel)==null?void 0:l.call(a))!=null?r:""}this.valueHasChanged=e,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div
+                    @terra-remove=${l=>this.handleTagRemove(l,t)}
+                >
+                    ${typeof o=="string"?_(o):o}
+                </div>`}else if(e===this.maxOptionsVisible)return p`<terra-tag size=${this.size}
+                    >+${this.selectedOptions.length-e}</terra-tag
+                >`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback(t,e,o),t==="value"){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}}handleValueChange(){if(!this.valueHasChanged){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("terra-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=v(this,"select.show",{dir:"ltr"});await f(this.popup.popup,t,e),this.currentOption&&D(this.currentOption,this.listbox,"vertical","auto"),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=v(this,"select.hide",{dir:"ltr"});await f(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,m(this,"terra-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,m(this,"terra-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=this.label?!0:!!t,l=this.helpText?!0:!!e,r=this.clearable&&!this.disabled&&this.value.length>0,a=this.placeholder&&this.value&&this.value.length<=0;return p`
+            <div
+                part="form-control"
+                class=${L({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":o,"form-control--has-help-text":l})}
+            >
+                <label
+                    id="label"
+                    part="form-control-label"
+                    class="form-control__label"
+                    aria-hidden=${o?"false":"true"}
+                    @click=${this.handleLabelClick}
+                >
+                    <slot name="label">${this.label}</slot>
+                </label>
+
+                <div part="form-control-input" class="form-control-input">
+                    <terra-popup
+                        class=${L({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":a,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
+                        placement=${this.placement}
+                        strategy=${this.hoist?"fixed":"absolute"}
+                        flip
+                        shift
+                        sync="width"
+                        auto-size="vertical"
+                        auto-size-padding="10"
+                    >
+                        <div
+                            part="combobox"
+                            class="select__combobox"
+                            slot="anchor"
+                            @keydown=${this.handleComboboxKeyDown}
+                            @mousedown=${this.handleComboboxMouseDown}
+                        >
+                            <slot
+                                part="prefix"
+                                name="prefix"
+                                class="select__prefix"
+                            ></slot>
+
+                            <input
+                                part="display-input"
+                                class="select__display-input"
+                                type="text"
+                                placeholder=${this.placeholder}
+                                .disabled=${this.disabled}
+                                .value=${this.displayLabel}
+                                autocomplete="off"
+                                spellcheck="false"
+                                autocapitalize="off"
+                                readonly
+                                aria-controls="listbox"
+                                aria-expanded=${this.open?"true":"false"}
+                                aria-haspopup="listbox"
+                                aria-labelledby="label"
+                                aria-disabled=${this.disabled?"true":"false"}
+                                aria-describedby="help-text"
+                                role="combobox"
+                                tabindex="0"
+                                @focus=${this.handleFocus}
+                                @blur=${this.handleBlur}
+                            />
+
+                            ${this.multiple?p`<div part="tags" class="select__tags">
+                                      ${this.tags}
+                                  </div>`:""}
+
+                            <input
+                                class="select__value-input"
+                                type="text"
+                                ?disabled=${this.disabled}
+                                ?required=${this.required}
+                                .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+                                tabindex="-1"
+                                aria-hidden="true"
+                                @focus=${()=>this.focus()}
+                                @invalid=${this.handleInvalid}
+                            />
+
+                            ${r?p`
+                                      <button
+                                          part="clear-button"
+                                          class="select__clear"
+                                          type="button"
+                                          aria-label="Clear selection"
+                                          @mousedown=${this.handleClearMouseDown}
+                                          @click=${this.handleClearClick}
+                                          tabindex="-1"
+                                      >
+                                          <slot name="clear-icon">
+                                              <terra-icon
+                                                  name="solid-x-circle"
+                                                  library="heroicons"
+                                              ></terra-icon>
+                                          </slot>
+                                      </button>
+                                  `:""}
+
+                            <slot
+                                name="suffix"
+                                part="suffix"
+                                class="select__suffix"
+                            ></slot>
+
+                            <slot
+                                name="expand-icon"
+                                part="expand-icon"
+                                class="select__expand-icon"
+                            >
+                                <terra-icon
+                                    library="heroicons"
+                                    name="solid-chevron-down"
+                                ></terra-icon>
+                            </slot>
+                        </div>
+
+                        <div
+                            id="listbox"
+                            role="listbox"
+                            aria-expanded=${this.open?"true":"false"}
+                            aria-multiselectable=${this.multiple?"true":"false"}
+                            aria-labelledby="label"
+                            part="listbox"
+                            class="select__listbox"
+                            tabindex="-1"
+                            @mouseup=${this.handleOptionClick}
+                            @slotchange=${this.handleDefaultSlotChange}
+                        >
+                            <slot></slot>
+                        </div>
+                    </terra-popup>
+                </div>
+
+                <div
+                    part="form-control-help-text"
+                    id="help-text"
+                    class="form-control__help-text"
+                    aria-hidden=${l?"false":"true"}
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};i.styles=[C,k,I],i.dependencies={"terra-icon":w,"terra-popup":E,"terra-tag":$},s([c(".select")],i.prototype,"popup",2),s([c(".select__combobox")],i.prototype,"combobox",2),s([c(".select__display-input")],i.prototype,"displayInput",2),s([c(".select__value-input")],i.prototype,"valueInput",2),s([c(".select__listbox")],i.prototype,"listbox",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"displayLabel",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"valueHasChanged",2),s([n()],i.prototype,"name",2),s([u()],i.prototype,"value",1),s([n({attribute:"value"})],i.prototype,"defaultValue",2),s([n({reflect:!0})],i.prototype,"size",2),s([n()],i.prototype,"placeholder",2),s([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),s([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([n({type:Boolean})],i.prototype,"clearable",2),s([n({type:Boolean,reflect:!0})],i.prototype,"open",2),s([n({type:Boolean})],i.prototype,"hoist",2),s([n({type:Boolean,reflect:!0})],i.prototype,"filled",2),s([n({type:Boolean,reflect:!0})],i.prototype,"pill",2),s([n()],i.prototype,"label",2),s([n({reflect:!0})],i.prototype,"placement",2),s([n({attribute:"help-text"})],i.prototype,"helpText",2),s([n({reflect:!0})],i.prototype,"form",2),s([n({type:Boolean,reflect:!0})],i.prototype,"required",2),s([n()],i.prototype,"getTag",2),s([d("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([d(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.5U2M6PEE.js

@@ -0,0 +1,43 @@
+import{a as d}from"./chunk.KAEEI4RX.js";import{a as n}from"./chunk.URTV3MIW.js";import{a as h}from"./chunk.X5OPH5X7.js";import{b as a}from"./chunk.UTJA3S5Z.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as s,b as o}from"./chunk.AQD2424J.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as c}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as f}from"lit/directives/live.js";import{property as l,query as C,state as k}from"lit/decorators.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new a(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,u)=>i.checked=u});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleClick(){this.disabled||(this.checked=!0,this.emit("terra-change"))}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleInput(){this.emit("terra-input")}handleChange(){this.checked=this.input.checked,this.emit("terra-change")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){return c`
+            <label
+                part="base"
+                class=${m({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+            >
+                <input
+                    class="radio__input"
+                    type="radio"
+                    title=${this.title}
+                    name=${this.name}
+                    value=${p(this.value)}
+                    .checked=${f(this.checked)}
+                    .disabled=${this.disabled}
+                    .required=${this.required}
+                    aria-checked=${this.checked?"true":"false"}
+                    @click=${this.handleClick}
+                    @input=${this.handleInput}
+                    @change=${this.handleChange}
+                    @invalid=${this.handleInvalid}
+                    @blur=${this.handleBlur}
+                    @focus=${this.handleFocus}
+                />
+
+                <span
+                    part="${`control${this.checked?" control--checked":""}`}"
+                    class="radio__control"
+                >
+                    ${this.checked?c`
+                              <svg
+                                  part="checked-icon"
+                                  class="radio__checked-icon"
+                                  viewBox="0 0 24 24"
+                                  fill="none"
+                                  xmlns="http://www.w3.org/2000/svg"
+                              >
+                                  <circle cx="12" cy="12" r="6" fill="currentColor" />
+                              </svg>
+                          `:""}
+                </span>
+
+                <slot part="label" class="radio__label"></slot>
+            </label>
+        `}};e.styles=[s,h,d],t([C('input[type="radio"]')],e.prototype,"input",2),t([k()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([n("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1);export{e as a};

package/dist/chunks/chunk.5ZRIYIRI.js

@@ -0,0 +1,16 @@
+import{a as L}from"./chunk.2NNF6S2I.js";import{a as G}from"./chunk.TGGBDRNU.js";import{a as A,b as M}from"./chunk.AQD2424J.js";import{a as C,b as D,e as l,f as o,g as h,h as c,i as u}from"./chunk.INFVQQSJ.js";import{createRef as $,ref as z}from"lit/directives/ref.js";import{html as V,nothing as B}from"lit";import{property as r,state as I}from"lit/decorators.js";import{createGrid as j,AllCommunityModule as q,ModuleRegistry as H}from"ag-grid-community";var i,d,p,f,g,F,n=class extends M{constructor(){super(...arguments);h(this,p);h(this,g);this.height="400px";this.rowModelType="clientSide";this.theme="alpine";this.showLoading=!1;this.isLoading=!1;h(this,i,void 0);h(this,d,$())}connectedCallback(){super.connectedCallback(),H.registerModules([q])}disconnectedCallback(){super.disconnectedCallback(),o(this,i)&&(o(this,i).destroy(),c(this,i,void 0))}firstVisible(){u(this,p,f).call(this)}updated(e){super.updated(e),(e.has("gridOptions")||e.has("columnDefs")||e.has("rowData")||e.has("datasource")||e.has("rowModelType"))&&o(this,i)&&o(this,d).value&&u(this,p,f).call(this)}getGridApi(){return o(this,i)}refresh(){o(this,i)&&(this.rowModelType==="infinite"?o(this,i).purgeInfiniteCache():o(this,i).refreshCells())}exportToCsv(e){o(this,i)&&o(this,i).exportDataAsCsv(e)}exportToExcel(e){var s,a;o(this,i)&&((a=(s=o(this,i)).exportDataAsExcel)==null||a.call(s,e))}render(){return V`
+            <div class="grid-container" part="base">
+                <div
+                    class="grid ag-theme-${this.theme}"
+                    part="grid"
+                    ${z(o(this,d))}
+                    style="height: ${this.height};"
+                ></div>
+
+                ${this.isLoading&&this.showLoading?V`
+                          <div class="loading-overlay" part="loading">
+                              <terra-loader indeterminate></terra-loader>
+                          </div>
+                      `:B}
+            </div>
+        `}};i=new WeakMap,d=new WeakMap,p=new WeakSet,f=function(){var k,S,O,R,x,T;if(!o(this,d).value)return;o(this,i)&&(o(this,i).destroy(),c(this,i,void 0));let e=D(C(C({},u(this,g,F).call(this)),this.gridOptions),{columnDefs:(S=this.columnDefs)!=null?S:(k=this.gridOptions)==null?void 0:k.columnDefs,rowData:(R=this.rowData)!=null?R:(O=this.gridOptions)==null?void 0:O.rowData,datasource:(T=this.datasource)!=null?T:(x=this.gridOptions)==null?void 0:x.datasource,rowModelType:this.rowModelType}),s=e.onGridReady;e.onGridReady=t=>{c(this,i,t.api),this.emit("terra-grid-ready",{detail:t}),s&&s(t)};let a=e.onSelectionChanged;e.onSelectionChanged=t=>{this.emit("terra-selection-changed",{detail:t}),a&&a(t)};let y=e.onSortChanged;e.onSortChanged=t=>{this.emit("terra-sort-changed",{detail:t}),y&&y(t)};let m=e.onFilterChanged;e.onFilterChanged=t=>{this.emit("terra-filter-changed",{detail:t}),m&&m(t)};let v=e.onRowClicked;e.onRowClicked=t=>{this.emit("terra-row-clicked",{detail:t}),v&&v(t)};let w=e.onRowDoubleClicked;e.onRowDoubleClicked=t=>{this.emit("terra-row-double-clicked",{detail:t}),w&&w(t)};let E=e.onCellClicked;e.onCellClicked=t=>{this.emit("terra-cell-clicked",{detail:t}),E&&E(t)};let b=e.onCellValueChanged;e.onCellValueChanged=t=>{this.emit("terra-cell-value-changed",{detail:t}),b&&b(t)},c(this,i,j(o(this,d).value,e))},g=new WeakSet,F=function(){return{defaultColDef:{sortable:!0,filter:!0,resizable:!0},rowBuffer:25,cacheBlockSize:50,maxConcurrentDatasourceRequests:2}},n.styles=[A,L],n.dependencies={"terra-loader":G},l([r({type:Object})],n.prototype,"gridOptions",2),l([r({type:Array})],n.prototype,"columnDefs",2),l([r({type:Array})],n.prototype,"rowData",2),l([r({type:Object})],n.prototype,"datasource",2),l([r({attribute:"height",type:String})],n.prototype,"height",2),l([r({attribute:"row-model-type",type:String})],n.prototype,"rowModelType",2),l([r({attribute:"theme",type:String})],n.prototype,"theme",2),l([r({attribute:"show-loading",type:Boolean})],n.prototype,"showLoading",2),l([I()],n.prototype,"isLoading",2);export{n as a};

package/dist/chunks/chunk.6EB2RF5I.js

@@ -0,0 +1,142 @@
+import{a as O}from"./chunk.M24MU27S.js";import{a as j}from"./chunk.BM6R6HEQ.js";import{b as F}from"./chunk.FURB3OUK.js";import{b as W,c as _}from"./chunk.43F6G3ZK.js";import{a as H}from"./chunk.KFVTQUDR.js";import{a as R}from"./chunk.TE3BRZMM.js";import{a as G}from"./chunk.VT3U2SB7.js";import{a as N}from"./chunk.QDFHF7LY.js";import{a as M}from"./chunk.TGGBDRNU.js";import{c as P}from"./chunk.BWCJXCND.js";import{a as B}from"./chunk.BY4THMCU.js";import{a as L}from"./chunk.M6UJ3FOI.js";import{a as I}from"./chunk.3WP3ALIU.js";import{a as q,b as A}from"./chunk.AQD2424J.js";import{e as a,f as i,g as c,i as h}from"./chunk.INFVQQSJ.js";import{html as d,nothing as tt}from"lit";import{property as s,query as U,state as g}from"lit/decorators.js";import{TaskStatus as p}from"@lit/task";import{cache as at}from"lit/directives/cache.js";var et={fromAttribute:u=>{if(!u)return[];try{let b=JSON.parse(u);if(Array.isArray(b))return b.map(e=>String(e).trim()).filter(Boolean)}catch(b){}return u.split(",").map(b=>b.trim()).filter(Boolean)},toAttribute:u=>u!=null&&u.length?JSON.stringify(u):null},l,m,y,S,v,Y,E,z,$,J,x,K,D,Q,k,X,V,Z,w,T,t=class extends N(A){constructor(){super(...arguments);c(this,y);c(this,v);c(this,E);c(this,$);c(this,x);c(this,D);c(this,k);c(this,V);c(this,w);c(this,l,new F(this));this.variableEntryIds=[];this.showCitation=!1;this.showHelp=!0;this.disableAutoFetch=!1;this.mobileView=!1;this.hideToolbar=!1;this.cache=!1;this.catalogVariables=[];this.quotaExceededOpen=!1;this.timeSeriesError=null;this.showDataPointWarning=!1;this.estimatedDataPoints=0;this._authController=new G(this);this._fetchVariableTask=j(this);c(this,m,e=>{let{status:r,code:o,message:n,context:f}=e.detail;this.timeSeriesError={code:o||String(r),message:n,context:f},r===429&&(this.quotaExceededOpen=!0)})}connectedCallback(){super.connectedCallback(),this.addEventListener("terra-time-series-error",i(this,m))}updated(e){super.updated(e);let r=i(this,l).task.status;if(r===p.PENDING&&this.timeSeriesError&&(this.timeSeriesError=null),r===p.ERROR&&!this.timeSeriesError){let o=i(this,l).task.error;if(o){let n=W(o);if(n.isCancellation)return;this.timeSeriesError={code:n.code,message:n.message,context:n.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-series-error",i(this,m))}render(){var e,r,o;return d`
+            <div class="plot-container" @mouseleave=${h(this,$,J)}>
+                ${this.quotaExceededOpen?d`
+                          <terra-alert
+                              variant="warning"
+                              duration="10000"
+                              open=${this.quotaExceededOpen}
+                              closable
+                              @terra-after-hide=${()=>this.quotaExceededOpen=!1}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              You've exceeded your request quota. Please
+                              <a
+                                  href="https://disc.gsfc.nasa.gov/information/documents?title=Contact%20Us"
+                                  >contact the help desk</a
+                              >
+                              for further assistance.
+                          </terra-alert>
+                      `:""}
+                ${this.hideToolbar?tt:at(this.catalogVariable?d`<terra-plot-toolbar
+                                    .catalogVariable=${this.catalogVariable}
+                                    .plot=${this.plot}
+                                    .timeSeriesData=${(e=i(this,l).lastTaskValue)!=null?e:i(this,l).emptyPlotData}
+                                    .location=${this.location}
+                                    .startDate=${this.startDate}
+                                    .endDate=${this.endDate}
+                                    .cacheKey=${i(this,l).getCacheKey()}
+                                    .variableEntryId=${this.variableEntryId}
+                                    .showCitation=${this.showCitation}
+                                    .showHelp=${this.showHelp}
+                                    .mobileView=${this.mobileView}
+                                    .productLabel=${this.productLabel}
+                                    show-location
+                                >
+                                    <slot name="help-links" slot="help-links"></slot>
+                                </terra-plot-toolbar>`:d`<div class="spacer"></div>`)}
+                ${h(this,D,Q).call(this)?d`
+                          <terra-alert
+                              class="no-data-alert"
+                              variant="warning"
+                              open
+                              closable
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-information-circle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              We couldn't find available data for your selection. Try
+                              widening your area or changing the date range to find
+                              more results.
+                          </terra-alert>
+                      `:""}
+                ${h(this,k,X).call(this)?d`
+                          <terra-alert
+                              class="no-data-alert"
+                              variant="danger"
+                              open
+                              closable
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              The selected variable was not found in the catalog
+                          </terra-alert>
+                      `:""}
+                ${this.timeSeriesError?d`
+                          <terra-alert
+                              class="error-alert"
+                              variant="danger"
+                              open
+                              closable
+                              @terra-after-hide=${()=>this.timeSeriesError=null}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              ${h(this,V,Z).call(this,this.timeSeriesError)}
+                          </terra-alert>
+                      `:""}
+
+                <terra-plot
+                    exportparts="base:plot__base, plot-title:plot__title"
+                    .data=${(r=i(this,l).lastTaskValue)!=null?r:i(this,l).emptyPlotData}
+                    .layout="${{xaxis:{title:"Time",showgrid:!1,zeroline:!1,range:this.startDate&&this.endDate?[this.startDate,this.endDate]:void 0},yaxis:{title:h(this,x,K).call(this),showline:!1},title:{text:this.catalogVariable&&this.location?`${this.catalogVariable.dataProductShortName}${this.catalogVariables.length>1?` (${this.catalogVariables.length} variables)`:""} @ ${this.location}`:null}}}"
+                    .config=${{displayModeBar:!0,displaylogo:!1,modeBarButtonsToRemove:["toImage","zoom2d","resetScale2d"],responsive:!0}}
+                    @terra-plot-relayout=${h(this,w,T)}
+                ></terra-plot>
+            </div>
+
+            <dialog
+                ?open=${i(this,l).task.status===p.PENDING||this._fetchVariableTask.status===p.PENDING}
+            >
+                <terra-loader indeterminate></terra-loader>
+
+                ${i(this,l).task.status===p.PENDING?d`<p>
+                          ${this.catalogVariables.length>1?`Plotting ${this.catalogVariables.length} variables\u2026`:`Plotting ${(o=this.catalogVariable)==null?void 0:o.dataFieldId}\u2026`}
+                      </p>`:d`<p>Preparing plot&hellip;</p>`}
+
+                <terra-button @click=${h(this,E,z)}>Cancel</terra-button>
+            </dialog>
+
+            <dialog ?open=${this.showDataPointWarning} class="quota-dialog">
+                <h2>This is a large request</h2>
+
+                <p>
+                    You are requesting approximately
+                    ${this.estimatedDataPoints.toLocaleString()} data points.
+                </p>
+
+                <p>
+                    Requesting large amounts of data may cause you to reach your
+                    monthly quota limit.
+                </p>
+
+                <p>Would you still like to proceed with this request?</p>
+
+                <div class="dialog-buttons">
+                    <terra-button
+                        @click=${h(this,v,Y)}
+                        variant="default"
+                    >
+                        Cancel
+                    </terra-button>
+
+                    <terra-button
+                        @click=${h(this,y,S)}
+                        variant="primary"
+                    >
+                        Proceed
+                    </terra-button>
+                </div>
+            </dialog>
+        `}};l=new WeakMap,m=new WeakMap,y=new WeakSet,S=function(){i(this,l).confirmDataPointWarning(),i(this,l).task.run()},v=new WeakSet,Y=function(){this.showDataPointWarning=!1},E=new WeakSet,z=function(){var e;console.log("Aborting data load"),(e=i(this,l).task)==null||e.abort("Cancelled time series request")},$=new WeakSet,J=function(e){var o;if(this.mobileView)return;let r=e.relatedTarget;this.contains(r)||(o=this.plotToolbar)==null||o.closeMenu()},x=new WeakSet,K=function(){var o;let e=(this.catalogVariables.length?this.catalogVariables.map(n=>n.dataFieldUnits):[(o=this.catalogVariable)==null?void 0:o.dataFieldUnits]).filter(Boolean),r=[...new Set(e)];if(r.length)return r.join(", ")},D=new WeakSet,Q=function(){var C;if(i(this,l).task.status!==p.COMPLETE)return!1;let r=(C=i(this,l).lastTaskValue)!=null?C:i(this,l).emptyPlotData;if(r.length===0)return!0;let o=r[0],n="x"in o?o.x:void 0,f="y"in o?o.y:void 0;return!!(!n||!f||Array.isArray(n)&&n.length===0||Array.isArray(f)&&f.length===0)},k=new WeakSet,X=function(){return this._fetchVariableTask.status!==p.COMPLETE?!1:!!(this.variableEntryId||this.variableEntryIds.length||this.collection&&this.variable)&&!this.catalogVariable},V=new WeakSet,Z=function(e){return _(e)},w=new WeakSet,T=function(e){if(this.disableAutoFetch)return;let r=!1;e.detail.xAxisMin&&(this.startDate=P(e.detail.xAxisMin),r=!0),e.detail.xAxisMax&&(this.endDate=P(e.detail.xAxisMax),r=!0),r&&this.dispatchEvent(new CustomEvent("terra-date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate},bubbles:!0,composed:!0}))},t.styles=[q,O],t.dependencies={"terra-plot":R,"terra-loader":M,"terra-icon":L,"terra-button":B,"terra-alert":I,"terra-plot-toolbar":H},a([s({attribute:"variable-entry-id",reflect:!0})],t.prototype,"variableEntryId",2),a([s({attribute:"variable-entry-ids",converter:et})],t.prototype,"variableEntryIds",2),a([s({reflect:!0})],t.prototype,"collection",2),a([s({reflect:!0})],t.prototype,"variable",2),a([s({attribute:"start-date",reflect:!0})],t.prototype,"startDate",2),a([s({attribute:"end-date",reflect:!0})],t.prototype,"endDate",2),a([s({reflect:!0})],t.prototype,"location",2),a([s({type:Boolean,attribute:"show-citation"})],t.prototype,"showCitation",2),a([s({type:Boolean,attribute:"show-help"})],t.prototype,"showHelp",2),a([s({attribute:"application-citation"})],t.prototype,"applicationCitation",2),a([s({type:Boolean,attribute:"disable-auto-fetch"})],t.prototype,"disableAutoFetch",2),a([s({attribute:"bearer-token",reflect:!1})],t.prototype,"bearerToken",2),a([s({attribute:"mobile-view",type:Boolean,reflect:!0})],t.prototype,"mobileView",2),a([s({attribute:"hide-toolbar",type:Boolean,reflect:!0})],t.prototype,"hideToolbar",2),a([s({attribute:"product-label",reflect:!0})],t.prototype,"productLabel",2),a([s({attribute:"application-id"})],t.prototype,"applicationId",2),a([s({type:Boolean})],t.prototype,"cache",2),a([s({attribute:"job-id"})],t.prototype,"jobId",2),a([U("terra-plot")],t.prototype,"plot",2),a([U("terra-plot-toolbar")],t.prototype,"plotToolbar",2),a([g()],t.prototype,"catalogVariable",2),a([g()],t.prototype,"catalogVariables",2),a([g()],t.prototype,"quotaExceededOpen",2),a([g()],t.prototype,"timeSeriesError",2),a([g()],t.prototype,"showDataPointWarning",2),a([g()],t.prototype,"estimatedDataPoints",2);export{t as a};