@nasa-terra/components 0.0.188 → 0.0.191

package/dist/chunks/chunk.INVCWNTC.js

@@ -0,0 +1,41 @@
+function o(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.190" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render a time averaged map"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeAverageMap
+map = TerraTimeAverageMap()
+map.collection='${e.catalogVariable.dataFieldId.replace(`_${e.catalogVariable.dataFieldAccessName}`,"")}'
+map.variable = '${e.catalogVariable.dataFieldAccessName}'
+map.startDate = '${e.startDate}'
+map.endDate = '${e.endDate}'
+map.location = '${e.location}'
+
+map`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the map GeoTIFF bytes
+`,`
+`,"Wait for the map above to fully render before running the cell below. Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`\n",`
+`,"Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:`import rasterio
+from rasterio.io import MemoryFile
+from io import BytesIO
+import matplotlib.pyplot as plt
+
+# map.data contains the rendered GeoTIFF as bytes
+# Ensure the map has rendered before accessing data
+if not map.data:
+    print("No data available. Please run the map cell above and wait for it to fully render before running this cell.")
+else:
+    with MemoryFile(map.data) as memfile:
+        with memfile.open() as dataset:
+            # You can now work with the dataset as if it were opened from a file
+            print(f"Driver: {dataset.driver}")
+            print(f"CRS: {dataset.crs}")
+            print(f"Bounds: {dataset.bounds}")
+            data = dataset.read(1)
+            print(f"Data shape: {data.shape}")
+
+            # Example of creating a figure and displaying the data
+            plt.figure(figsize=(10, 8))
+            plt.imshow(data, cmap='viridis')  # You can change the colormap
+            plt.colorbar(label='Values')
+            plt.title('GeoTIFF Visualization')
+            plt.xlabel('X')
+            plt.ylabel('Y')
+            plt.show()`}]}export{o as a};

package/dist/chunks/chunk.J53MLXIQ.js

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

package/dist/chunks/chunk.JA3TOBR2.js

@@ -0,0 +1,80 @@
+import{css as r}from"lit";var e=r`
+    :host {
+        display: grid;
+        gap: 1.5rem 0.75rem;
+        grid-template-rows: auto;
+        grid-template-columns: 1fr 1fr;
+        position: relative;
+    }
+
+    terra-variable-combobox {
+        grid-column: 1 / 2;
+    }
+
+    terra-spatial-picker {
+        grid-column: 2 / 3;
+    }
+
+    .plot-container {
+        grid-column: 1 / 3;
+    }
+
+    .spacer {
+        padding-block: 1.375rem;
+    }
+
+    terra-plot::part(plot-title) {
+        opacity: 0;
+        z-index: 0 !important;
+    }
+
+    dialog {
+        opacity: 1;
+        transition: opacity 0.3s ease-out 0.4s;
+        position: absolute;
+        top: calc(50% - 100px);
+
+        @starting-style {
+            opacity: 0;
+        }
+
+        z-index: var(--terra-z-index-dialog);
+    }
+
+    dialog {
+        width: 450px;
+        max-width: 90vw;
+        padding: 1.5rem;
+        border-radius: var(--terra-container-dialog-border-radius, 8px);
+        border: 1px solid var(--terra-container-dialog-border, #b9b9bb);
+        box-shadow: var(--terra-shadow-large);
+        background-color: var(--terra-container-dialog-bg, #ffffff);
+    }
+
+    dialog h2 {
+        margin-top: 0;
+        color: var(--terra-color-red-500, #f64137);
+        font-size: 1.2rem;
+    }
+
+    dialog ul {
+        margin-bottom: 1.5rem;
+    }
+
+    dialog li {
+        margin-bottom: 0.5rem;
+    }
+
+    .dialog-buttons {
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+        margin-top: 1.5rem;
+    }
+
+    .no-data-alert,
+    .error-alert {
+        display: block;
+        width: 100%;
+    }
+`;export{e as a};

package/dist/chunks/chunk.JEE5UHSS.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ACTAEVBU.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-dialog";e.define("terra-dialog");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraDialogShow:"terra-dialog-show",onTerraDialogAfterShow:"terra-dialog-after-show",onTerraDialogHide:"terra-dialog-hide",onTerraDialogAfterHide:"terra-dialog-after-hide",onTerraDialogInitialFocus:"terra-dialog-initial-focus",onTerraDialogRequestClose:"terra-dialog-request-close"},displayName:"TerraDialog"}),p=o;export{p as a};

package/dist/chunks/chunk.JNX2LPPS.js

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

package/dist/chunks/chunk.JSEYNLAE.js

@@ -0,0 +1,48 @@
+import{b as w,c as k}from"./chunk.UTJA3S5Z.js";import{a as C}from"./chunk.THZJGMXE.js";import{a as D}from"./chunk.3TNPGXLM.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as f}from"./chunk.J5Q4TWEG.js";import{a as y,b as v}from"./chunk.NAMM3J43.js";import{e,g,i as d}from"./chunk.INFVQQSJ.js";import{classMap as x}from"lit/directives/class-map.js";import{html as m,literal as $}from"lit/static-html.js";import{ifDefined as r}from"lit/directives/if-defined.js";import{property as o,query as L,state as c}from"lit/decorators.js";var a,u,t=class extends v{constructor(){super(...arguments);g(this,a);this.formControlController=new w(this,{assumeInteractionOn:["click"]});this.hasSlotController=new b(this,"[default]","prefix","suffix");this.hasFocus=!1;this.invalid=!1;this.title="";this.variant="primary";this.size="medium";this.caret=!1;this.disabled=!1;this.loading=!1;this.outline=!1;this.circle=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener";this.role="button";this.expanded=!1}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.forDialog&&(document.addEventListener("terra-dialog-show",d(this,a,u).bind(this)),document.addEventListener("terra-dialog-hide",d(this,a,u).bind(this)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("terra-dialog-show",d(this,a,u).bind(this)),document.removeEventListener("terra-dialog-hide",d(this,a,u).bind(this))}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleClick(){if(this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this),this.forDialog){let i=document.getElementById(this.forDialog);if(!i){let n=l=>{if("getElementById"in l&&typeof l.getElementById=="function"){let s=l.getElementById(this.forDialog);if(s)return s}let E=l.querySelectorAll("*");for(let s of E){if(s.id===this.forDialog&&s.tagName.toLowerCase()==="terra-dialog")return s;if(s.shadowRoot&&s.shadowRoot.mode==="open"){let p=n(s.shadowRoot);if(p)return p}}return null},h=n(document);h&&(i=h)}i==null||i.show()}}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}handleHrefChange(){this.role=this.isLink()?null:"button"}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity())}setPageLinkIcon(i){let h=new URL(i).hostname,l=globalThis.location.hostname;return h===l?"outline-arrow-right":"outline-arrow-up-right"}setFontSize(i){switch(i){case"small":return".8rem";case"medium":return"1.2rem";case"large":return"1.5rem";default:return"1.5rem"}}render(){let i=this.isLink(),n=i?$`a`:$`button`;return m`
+      <${n}
+        part="base"
+        class=${x({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--cta":this.variant==="cta","button--success":this.variant==="success","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--pagelink":this.variant==="pagelink","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--square-left":this.shape==="square-left","button--square":this.shape==="square","button--square-right":this.shape==="square-right","button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
+        ?disabled=${r(i?void 0:this.disabled)}
+        type=${r(i?void 0:this.type)}
+        title=${this.title}
+        name=${r(i?void 0:this.name)}
+        value=${r(i?void 0:this.value)}
+        href=${r(i?this.href:void 0)}
+        target=${r(i?this.target:void 0)}
+        download=${r(i?this.download:void 0)}
+        rel=${r(i?this.rel:void 0)}
+        role=${r(this.role)}
+        aria-disabled=${this.disabled?"true":"false"}
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @invalid=${this.isButton()?this.handleInvalid:null}
+        @click=${this.handleClick}
+        aria-controls=${r(this.forDialog||void 0)} 
+        ?aria-haspopup=${this.forDialog?"dialog":void 0}
+        aria-expanded=${r(this.forDialog?this.expanded:void 0)}
+      >
+        <slot name="prefix" part="prefix" class="button__prefix"></slot>
+        <slot part="label" class="button__label"></slot>
+        <slot name="suffix" part="suffix" class="button__suffix">
+            ${this.variant=="pagelink"?m`
+                          <span>
+                              <terra-icon
+                                  name=${this.setPageLinkIcon(this.href)}
+                                  library="heroicons"
+                                  font-size=${this.setFontSize(this.size)}
+                              ></terra-icon>
+                          </span>
+                      `:""}
+        </slot>
+        ${this.caret?m`
+                      <span part="caret" class="button__caret">
+                          <terra-icon
+                              name="solid-chevron-down"
+                              library="heroicons"
+                              aria-hidden="true"
+                          ></terra-icon>
+                      </span>
+                  `:""}
+      </${n}>
+    `}};a=new WeakSet,u=function(i){this.forDialog&&this.forDialog===i.target.id&&(this.expanded=i.target.open)},t.styles=[y,C],t.dependencies={"terra-icon":D},e([L(".button")],t.prototype,"button",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"invalid",2),e([o()],t.prototype,"title",2),e([o({reflect:!0})],t.prototype,"variant",2),e([o({reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"caret",2),e([o({reflect:!0})],t.prototype,"shape",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:Boolean,reflect:!0})],t.prototype,"outline",2),e([o({type:Boolean,reflect:!0})],t.prototype,"circle",2),e([o()],t.prototype,"type",2),e([o()],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"href",2),e([o()],t.prototype,"target",2),e([o()],t.prototype,"rel",2),e([o()],t.prototype,"download",2),e([o()],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([o({attribute:"for-dialog"})],t.prototype,"forDialog",2),e([o({reflect:!0})],t.prototype,"role",2),e([c()],t.prototype,"expanded",2),e([f("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([f("href")],t.prototype,"handleHrefChange",1);export{t as a};

package/dist/chunks/chunk.JUOXUMZT.js

@@ -0,0 +1,17 @@
+import{css as r}from"lit";var i=r`
+    :host {
+        display: block;
+        position: relative;
+        background: var(--terra-container-menu-bg);
+        border: solid var(--terra-container-menu-border-width)
+            var(--terra-container-menu-border);
+        border-radius: var(--terra-container-panel-border-radius);
+        padding: var(--terra-spacing-x-small) 0;
+        overflow: auto;
+        overscroll-behavior: none;
+    }
+
+    ::slotted(terra-divider) {
+        --spacing: var(--terra-spacing-x-small);
+    }
+`;export{i as a};

package/dist/chunks/chunk.JXF5TQDT.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.U3QRH2D5.js";var b=r;r.define("terra-breadcrumb");export{b as a};

package/dist/chunks/chunk.KCEHKGQU.js

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

package/dist/chunks/chunk.KGLV6NBY.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.HA3PA5QZ.js";var m=o;o.define("terra-combobox");export{m as a};

package/dist/chunks/chunk.KI4IENJB.js

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

package/dist/chunks/chunk.KLHF3ADP.js

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

package/dist/chunks/chunk.KN2ZSH5I.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5OXOV6YG.js";var m=e;e.define("terra-map");export{m as a};

package/dist/chunks/chunk.KPFANSAS.js

@@ -0,0 +1,107 @@
+import{css as o}from"lit";var i=o`
+    :host {
+        --max-width: 20rem;
+        --hide-delay: 0ms;
+        --show-delay: 150ms;
+
+        display: contents;
+    }
+
+    .tooltip {
+        --arrow-size: var(--terra-tooltip-arrow-size);
+        --arrow-color: var(--terra-tooltip-background-color);
+    }
+
+    .tooltip::part(popup) {
+        z-index: var(--terra-z-index-tooltip);
+    }
+
+    .tooltip[placement^='top']::part(popup) {
+        transform-origin: bottom;
+    }
+
+    .tooltip[placement^='bottom']::part(popup) {
+        transform-origin: top;
+    }
+
+    .tooltip[placement^='left']::part(popup) {
+        transform-origin: right;
+    }
+
+    .tooltip[placement^='right']::part(popup) {
+        transform-origin: left;
+    }
+
+    .tooltip__body {
+        display: block;
+        width: max-content;
+        max-width: var(--max-width);
+        border-radius: var(--terra-tooltip-border-radius);
+        background-color: var(--terra-tooltip-background-color);
+        box-shadow: var(--terra-popover-shadow);
+        font-family: var(--terra-tooltip-font-family);
+        font-size: var(--terra-tooltip-font-size);
+        font-weight: var(--terra-tooltip-font-weight);
+        line-height: var(--terra-tooltip-line-height);
+        text-align: start;
+        white-space: normal;
+        color: var(--terra-tooltip-color);
+        padding: var(--terra-tooltip-padding);
+        pointer-events: none;
+        user-select: none;
+        -webkit-user-select: none;
+    }
+
+    :host([interactive]) .tooltip__body {
+        pointer-events: auto;
+        user-select: text;
+        -webkit-user-select: text;
+    }
+
+    .tooltip__image {
+        display: none;
+    }
+
+    .tooltip__image ::slotted(*) {
+        display: block;
+    }
+
+    :host([variant='popover']) .tooltip__body {
+        /* Popovers are card-like panels with richer content */
+        width: auto;
+        min-width: 260px;
+        max-width: 320px;
+        border-radius: var(--terra-popover-border-radius);
+        background-color: var(--terra-popover-background-color);
+        color: var(--terra-popover-color);
+        font-family: var(--terra-popover-font-family);
+        font-size: var(--terra-popover-font-size);
+        font-weight: var(--terra-popover-font-weight);
+        line-height: var(--terra-popover-line-height);
+        padding: var(--terra-popover-padding);
+        box-shadow: var(--terra-popover-shadow);
+        overflow: hidden;
+        pointer-events: auto; /* allow interactive content such as links and buttons */
+    }
+
+    :host([variant='popover']) .tooltip {
+        --arrow-size: var(--terra-popover-arrow-size);
+        --arrow-color: var(--terra-popover-background-color);
+    }
+
+    :host([variant='popover']) .tooltip__image {
+        display: block;
+        margin: calc(-1 * var(--terra-popover-padding));
+        margin-bottom: var(--terra-popover-padding);
+    }
+
+    :host([variant='popover']) .tooltip__image ::slotted(img),
+    :host([variant='popover']) .tooltip__image ::slotted(picture),
+    :host([variant='popover']) .tooltip__image ::slotted(video) {
+        width: 100%;
+        max-height: 260px;
+        object-fit: cover;
+        border-top-left-radius: var(--terra-popover-border-radius);
+        border-top-right-radius: var(--terra-popover-border-radius);
+    }
+`;export{i as a};

package/dist/chunks/chunk.KV7QXEB2.js

@@ -0,0 +1,142 @@
+import{a as O}from"./chunk.JA3TOBR2.js";import{a as j}from"./chunk.BM6R6HEQ.js";import{b as F}from"./chunk.2EOIJGD7.js";import{b as W,c as _}from"./chunk.43F6G3ZK.js";import{a as H}from"./chunk.MUMOGZM7.js";import{a as R}from"./chunk.XPKY74HM.js";import{a as G}from"./chunk.VT3U2SB7.js";import{a as N}from"./chunk.QDFHF7LY.js";import{a as M}from"./chunk.GMMPKXT2.js";import{c as P}from"./chunk.BWCJXCND.js";import{a as B}from"./chunk.JSEYNLAE.js";import{a as L}from"./chunk.3TNPGXLM.js";import{a as I}from"./chunk.PPDNREE3.js";import{a as q,b as A}from"./chunk.NAMM3J43.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};

package/dist/chunks/chunk.L2FOML4Z.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.R5KJU6SA.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-toggle";e.define("terra-toggle");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraChange:"terra-change",onTerraInput:"terra-input",onTerraFocus:"terra-focus",onTerraInvalid:"terra-invalid"},displayName:"TerraToggle"}),E=a;export{E as a};

package/dist/chunks/chunk.L4FZBNJZ.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.190" "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.L5AER4HL.js

@@ -0,0 +1,111 @@
+import{css as e}from"lit";var o=e`
+    :host {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+    }
+
+    .stepper-step {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+    }
+
+    .stepper-step--default {
+        position: relative;
+    }
+
+    .stepper-step--condensed {
+        flex-direction: row;
+    }
+
+    .stepper-step__bar {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 4px;
+        background-color: var(--terra-stepper-background-color);
+        transition: background-color var(--terra-transition-medium);
+    }
+
+    .stepper-step--default .stepper-step__bar {
+        height: 4px;
+        margin-bottom: var(--terra-spacing-small);
+    }
+
+    .stepper-step--condensed .stepper-step__bar {
+        flex: 1;
+        height: 4px;
+    }
+
+    /* Completed state */
+    .stepper-step--completed .stepper-step__bar {
+        background-color: var(--terra-stepper-complete-color);
+    }
+
+    /* Current state */
+    .stepper-step--current .stepper-step__bar {
+        background-color: var(--terra-stepper-current-color);
+    }
+
+    /* Upcoming state */
+    .stepper-step--upcoming .stepper-step__bar {
+        background-color: var(--terra-stepper-upcoming-color);
+    }
+
+    .stepper-step__icon {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.25rem;
+        height: 1.25rem;
+        color: var(--terra-color-spacesuit-white);
+        background-color: var(--terra-color-bg-success-bold);
+        border-radius: 50%;
+        padding: 0.25rem;
+        margin-right: var(--terra-spacing-x-small);
+        flex-shrink: 0;
+    }
+
+    .stepper-step__content {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .stepper-step__title {
+        display: flex;
+        align-items: center;
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-small);
+        font-weight: var(--terra-font-weight-semibold);
+        line-height: var(--terra-line-height-normal);
+        color: var(--terra-color-carbon-90);
+        transition: color var(--terra-transition-medium);
+    }
+
+    .stepper-step--completed .stepper-step__title {
+        color: var(--terra-text-secondary);
+    }
+
+    .stepper-step--current .stepper-step__title {
+        color: var(--terra-stepper-current-color);
+    }
+
+    .stepper-step--upcoming .stepper-step__title {
+        color: var(--terra-text-secondary);
+    }
+
+    .stepper-step__caption {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: var(--terra-font-size-x-small);
+        font-weight: var(--terra-font-weight-normal);
+        line-height: var(--terra-line-height-normal);
+        color: var(--terra-text-tertiary);
+        margin-top: var(--terra-spacing-x-small);
+    }
+
+    .stepper-step__caption:empty {
+        display: none;
+    }
+`;export{o as a};

package/dist/chunks/chunk.L7ADVOTR.js

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