@nasa-terra/components 0.0.185 → 0.0.186

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.185",
+  "version": "0.0.186",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -305,6 +305,95 @@
             "events": []
           }
         },
+        {
+          "name": "terra-banner",
+          "description": "Banners are used to display important messages on top of the header.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the banner opens.\n- **terra-after-show** - Emitted after the banner opens and all animations are complete.\n- **terra-hide** - Emitted when the banner closes.\n- **terra-after-hide** - Emitted after the banner closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the banner.\n- **hide()** - Hides the banner\n\n### **Slots:**\n - _default_ - The banner's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the banner's main content.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the banner's open state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "closable",
+              "description": "Enables a close button that allows the user to dismiss the banner.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "variant",
+              "description": "The banner's theme variant.",
+              "value": {
+                "type": "'primary' | 'neutral' | 'danger'",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "sticky",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The banner's main content." }
+          ],
+          "events": [
+            {
+              "name": "terra-show",
+              "description": "Emitted when the banner opens."
+            },
+            {
+              "name": "terra-after-show",
+              "description": "Emitted after the banner opens and all animations are complete."
+            },
+            {
+              "name": "terra-hide",
+              "description": "Emitted when the banner closes."
+            },
+            {
+              "name": "terra-after-hide",
+              "description": "Emitted after the banner closes and all animations are complete."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "base", "type": "HTMLElement" },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the banner's open state.",
+                "type": "boolean"
+              },
+              {
+                "name": "closable",
+                "description": "Enables a close button that allows the user to dismiss the banner.",
+                "type": "boolean"
+              },
+              {
+                "name": "variant",
+                "description": "The banner's theme variant.",
+                "type": "'primary' | 'neutral' | 'danger'"
+              },
+              { "name": "sticky", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "terra-show",
+                "description": "Emitted when the banner opens."
+              },
+              {
+                "name": "terra-after-show",
+                "description": "Emitted after the banner opens and all animations are complete."
+              },
+              {
+                "name": "terra-hide",
+                "description": "Emitted when the banner closes."
+              },
+              {
+                "name": "terra-after-hide",
+                "description": "Emitted after the banner closes and all animations are complete."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-breadcrumb",
           "description": "A single breadcrumb item used inside `terra-breadcrumbs`.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_\n- **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_\n- **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The breadcrumb link element.\n- **label** - The breadcrumb label element when not a link.",
@@ -1578,6 +1667,7 @@
               { "name": "hideCancelled", "type": "boolean" },
               { "name": "dialog", "type": "TerraDialog" },
               { "name": "subsetter", "type": "TerraDataSubsetter" },
+              { "name": "jobsQuery" },
               { "name": "_authController" }
             ],
             "events": []
@@ -1679,6 +1769,10 @@
             {
               "name": "use-end-of-day",
               "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "closable",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [{ "name": "", "description": "The default slot." }],
@@ -1725,6 +1819,7 @@
               { "name": "hideClearAll", "type": "boolean" },
               { "name": "clearAllLabel", "type": "string" },
               { "name": "useEndOfDay", "type": "boolean" },
+              { "name": "showClose", "type": "boolean" },
               { "name": "isOpen", "type": "boolean" },
               { "name": "leftMonth", "type": "Date" },
               { "name": "rightMonth", "type": "Date" },
@@ -3001,12 +3096,7 @@
               { "name": "mapElement", "type": "HTMLDivElement" },
               { "name": "cursorCoordinates", "type": "[number, number]" },
               { "name": "shapeLoading", "type": "boolean" },
-              {
-                "name": "shapes",
-                "description": "List of geojson shapes",
-                "type": "ShapeFilesResponse"
-              },
-              { "name": "_mapController", "type": "MapController" }
+              { "name": "shapesQuery", "description": "List of geojson shapes" }
             ],
             "events": []
           }
@@ -3130,7 +3220,7 @@
           "attributes": [
             {
               "name": "value",
-              "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+              "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group.",
               "value": { "type": "string", "default": "''" }
             },
             {
@@ -3159,7 +3249,7 @@
               { "name": "hasHover", "type": "boolean" },
               {
                 "name": "value",
-                "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+                "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group.",
                 "type": "string"
               },
               {
@@ -3337,6 +3427,10 @@
               "name": "show-citation",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "show-help",
+              "value": { "type": "boolean", "default": "true" }
+            },
             {
               "name": "application-citation",
               "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
@@ -3380,6 +3474,7 @@
               { "name": "colorMapName", "type": "string" },
               { "name": "opacity", "type": "number" },
               { "name": "showCitation", "type": "boolean" },
+              { "name": "showHelp", "type": "boolean" },
               {
                 "name": "applicationCitation",
                 "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
@@ -3390,7 +3485,6 @@
               { "name": "bottomSheetDragY", "type": "number" },
               { "name": "hideTitle", "type": "boolean" },
               { "name": "activeMenuItem", "type": "MenuNames" },
-              { "name": "showLocationTooltip", "type": "boolean" },
               { "name": "menu", "type": "HTMLMenuElement" },
               { "name": "_authController" },
               { "name": "metadata", "type": "TimeSeriesMetadata" }
@@ -4725,6 +4819,11 @@
             {
               "name": "help-text",
               "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "closable",
+              "description": "Whether to show a close button in the dropdown header (only applies when inline is false)",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [],
@@ -4766,6 +4865,11 @@
               { "name": "showMapOnFocus", "type": "boolean" },
               { "name": "urlState", "type": "boolean" },
               { "name": "helpText", "type": "string" },
+              {
+                "name": "showClose",
+                "description": "Whether to show a close button in the dropdown header (only applies when inline is false)",
+                "type": "boolean"
+              },
               { "name": "error", "type": "string" },
               { "name": "dropdownRef" },
               { "name": "terraInput", "type": "TerraInput" },
@@ -5404,6 +5508,10 @@
               "name": "job-id",
               "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
               "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "show-help",
+              "value": { "type": "boolean", "default": "true" }
             }
           ],
           "events": [],
@@ -5433,6 +5541,7 @@
                 "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
                 "type": "string | undefined"
               },
+              { "name": "showHelp", "type": "boolean" },
               { "name": "catalogVariable", "type": "Variable" },
               { "name": "pixelValue", "type": "string" },
               { "name": "pixelCoordinates", "type": "string" },
@@ -5503,6 +5612,10 @@
               "name": "show-citation",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "show-help",
+              "value": { "type": "boolean", "default": "true" }
+            },
             {
               "name": "application-citation",
               "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
@@ -5599,6 +5712,7 @@
                 "type": "string | undefined"
               },
               { "name": "showCitation", "type": "boolean" },
+              { "name": "showHelp", "type": "boolean" },
               {
                 "name": "applicationCitation",
                 "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",

package/dist/apis/cmr.api.d.ts

@@ -3,6 +3,62 @@ import type { MapEventDetail } from '../components/map/type.js';
 import type { UmmC } from './types/cmr/umm-c.js';
 import type { UmmVar } from './types/cmr/umm-var.js';
 import type { UmmG } from './types/cmr/umm-g.js';
+export type CmrCollectionCitationItem = {
+    doi: {
+        doi: string;
+    };
+    collectionCitations: Array<CmrCollectionCitation>;
+};
+export type CmrCollectionCitation = {
+    creator: string;
+    editor: string;
+    dataPresentationForm: string;
+    onlineResource: {
+        linkage: string;
+    };
+    publisher: string;
+    title: string;
+    seriesName: string;
+    releaseDate: string;
+    version: string;
+    releasePlace: string;
+};
+export type CmrSearchResult = {
+    type: 'collection' | 'variable';
+    collectionConceptId: string;
+    collectionEntryId: string;
+    summary: string;
+    conceptId: string;
+    entryId: string;
+    provider: string;
+    title: string;
+};
+export type CmrGranule = {
+    conceptId: string;
+    dataGranule: CmrGranuleDataGranule;
+    title: string;
+    timeEnd: string;
+    timeStart: string;
+    relatedUrls: Array<{
+        type: string;
+        url: string;
+    }>;
+    cloudCover: unknown;
+};
+export type CmrGranuleDataGranule = {
+    archiveAndDistributionInformation: Array<ArchiveAndDistributionInformation>;
+};
+export type ArchiveAndDistributionInformation = {
+    name: string;
+    size: number;
+    sizeUnit: string;
+    sizeInBytes?: number;
+    files?: Array<ArchiveAndDistributionInformation>;
+};
+export type CloudCoverRange = {
+    min: number;
+    max: number;
+};
 export interface UmmResponse<T> {
     hits: number;
     items: Array<UmmResult<T>>;
@@ -56,6 +112,7 @@ declare class CmrApi {
         hasGranules: boolean;
     }>;
     searchGranules(params: SearchGranulesParams, options?: RequestOptions): Promise<UmmResponse<UmmG>>;
+    getCollectionCitation(collectionEntryId: string, options?: RequestOptions): Promise<CmrCollectionCitationItem>;
 }
 declare const cmrApi: CmrApi;
 export default cmrApi;

package/dist/apis/giovanni.api.d.ts

@@ -1,4 +1,34 @@
 import { type RequestOptions } from '../lib/api.client.js';
+export type GiovanniVariable = {
+    dataFieldId: string;
+    dataProductShortName: string;
+    dataProductVersion: string;
+    dataFieldShortName: string;
+    dataFieldAccessName: string;
+    dataFieldLongName: string;
+    dataProductLongName: string;
+    dataProductTimeInterval: string;
+    dataProductWest: number;
+    dataProductSouth: number;
+    dataProductEast: number;
+    dataProductNorth: number;
+    dataProductSpatialResolution: string;
+    dataProductBeginDateTime: string;
+    dataProductEndDateTime: string;
+    dataFieldKeywords: string[];
+    dataFieldUnits: string;
+    dataProductDescriptionUrl: string;
+    dataFieldDescriptionUrl: string;
+    dataProductInstrumentShortName: string;
+};
+export type GiovanniFacetValue = {
+    name: string;
+    count: number;
+};
+export type GiovanniFacet = {
+    category: string;
+    values: GiovanniFacetValue[];
+};
 declare class GiovanniApi {
     #private;
     /**
@@ -6,6 +36,45 @@ declare class GiovanniApi {
      * Giovanni does not support all variables, so this endpoint provides a list of variables that are supported for subsetting.
      */
     getConfiguredVariables(options?: RequestOptions): Promise<string[]>;
+    getShapeFiles(options?: RequestOptions): Promise<{
+        shapefileID: string;
+        title: string;
+        sourceName: string;
+        sourceURL: string;
+        shapes: {
+            name: string | number | null | undefined;
+            shapeID: string;
+            shapefileID: string;
+        }[];
+    }[]>;
+    getGeoJson(shapeFileId: string, options?: RequestOptions): Promise<unknown>;
+    /**
+     * Searches the Giovanni variable catalog via the on-prem Solr endpoint.
+     */
+    searchVariables(params?: {
+        q?: string;
+        filter?: Record<string, string[]>;
+        variableEntryIds?: string[];
+        rows?: string;
+    }, options?: RequestOptions): Promise<{
+        count: number;
+        total: number;
+        variables: GiovanniVariable[];
+        facets: GiovanniFacet[];
+    }>;
+    /**
+     * Fetches a single variable by its entry ID from the Giovanni Solr catalog.
+     * Returns null if not found.
+     */
+    getVariable(variableEntryId: string, options?: RequestOptions): Promise<GiovanniVariable | null>;
+    /**
+     * Fetches all active keyword terms from the Giovanni Solr catalog.
+     * Returns each keyword as { id: string }, matching the SearchKeywordsResponse
+     * shape expected by the variable-keyword-search component.
+     */
+    getSearchKeywords(options?: RequestOptions): Promise<Array<{
+        id: string;
+    }>>;
 }
 declare const giovanniApi: GiovanniApi;
 export default giovanniApi;

package/dist/apis/harmony.api.d.ts

@@ -1,6 +1,5 @@
 import { type RequestOptions } from '../lib/api.client.js';
 import type { HarmonyRequest } from '../lib/harmony/harmony.request.js';
-import type { SubsetJobStatus, SearchOptions, SubsetJobLink } from '../data-services/types.js';
 export declare const Environments: {
     readonly PROD: "PROD";
     readonly UAT: "UAT";
@@ -103,6 +102,49 @@ export interface Variable {
     name: string;
     href: string;
 }
+export type SubsetJobStatus = {
+    jobID: string;
+    status: Status;
+    message: string;
+    progress: number;
+    createdAt: string;
+    updatedAt: string;
+    dataExpiration: string;
+    request: string;
+    numInputGranules: number;
+    originalDataSize?: string;
+    outputDataSize?: string;
+    dataSizePercentChange?: string;
+    labels?: string[];
+    errors?: Array<SubsetJobError>;
+    links: Array<SubsetJobLink>;
+    /** Thumbnail image blob stored locally in IndexedDB, if available */
+    thumbnailBlob?: Blob;
+};
+export type SubsetJobError = {
+    url: string;
+    message: string;
+};
+export type SubsetJobLink = {
+    title: string;
+    href: string;
+    rel: string;
+    type: string;
+    bbox?: number[];
+    temporal?: {
+        start: string;
+        end: string;
+    };
+};
+export type SearchOptions = {
+    signal?: AbortSignal;
+    bearerToken?: string | null;
+    environment?: 'uat' | 'prod';
+};
+export type SubsetJobs = {
+    count: number;
+    jobs: Array<SubsetJobStatus>;
+};
 /**
  * Harmony REST API wrapper for OGC-based subset job operations.
  * Makes direct HTTP calls to the Harmony service endpoints.

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5BK2VKAN.js";var s=e;e.define("terra-browse-variables");export{s as a};

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

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

package/dist/chunks/chunk.2MEG77EM.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.EQPXCBZU.js";import{b as W,c as _}from"./chunk.43F6G3ZK.js";import{a as H}from"./chunk.VIDRLWQU.js";import{a as R}from"./chunk.4LOVBDNF.js";import{a as G}from"./chunk.VT3U2SB7.js";import{a as N}from"./chunk.QDFHF7LY.js";import{a as M}from"./chunk.KMLEWPB5.js";import{c as P}from"./chunk.BWCJXCND.js";import{a as B}from"./chunk.LUKXGRZX.js";import{a as I}from"./chunk.FUEWS2BP.js";import{a as L}from"./chunk.DZ3WN2JE.js";import{a as q,b as A}from"./chunk.IV5JC2HX.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.2QP4SIQW.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.KCVSGJJV.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tab";e.define("terra-tab");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraClose:"terra-close"},displayName:"TerraTab"}),f=o;export{f as a};

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

@@ -0,0 +1 @@
+import{a as g}from"./chunk.3FHTK4MP.js";import{a as l}from"./chunk.IZZFNAC5.js";var f=class s{static parse(t){let r=t.split(",").map(n=>n.trim()).map(Number);if(r.some(isNaN))throw new Error("All coordinate values must be valid numbers.");if(r.length===2)return new l(r[0],r[1]);if(r.length===4)return new g(r);throw new Error("Input must contain exactly 2 values (point) or 4 values (bounding box).")}static validateRanges(t){if(!t)return null;if(typeof t=="string"&&(t=s.parse(t)),t instanceof l)return t.lat<-90||t.lat>90?`Latitude ${t.lat} is out of range (-90 to 90).`:t.lng<-180||t.lng>180?`Longitude ${t.lng} is out of range (-180 to 180).`:null;let e=[["South",t.getSouth(),-90,90],["North",t.getNorth(),-90,90],["West",t.getWest(),-180,180],["East",t.getEast(),-180,180]];for(let[r,n,o,i]of e)if(n<o||n>i)return`${r} value ${n} is out of range (${o} to ${i}).`;return null}static validateAllowedType(t,e){let r=t instanceof l,n=t instanceof g;return r&&!e.allowPoint?e.allowBbox?"Point selection is disabled. Enter a bounding box (west, south, east, north).":"Must be a valid bounding box (west, south, east, north).":n&&!e.allowBbox?e.allowPoint?"Bounding box selection is disabled. Enter a point (lat, lng).":"Must be a valid point (lat, lng).":null}static validateConstraints(t,e){if(!e)return null;let r=e.split(",").map(u=>parseFloat(u.trim()));if(r.length!==4||r.some(isNaN))return null;let[n,o,i,a]=r;return n===-180&&o===-90&&i===180&&a===90?null:t instanceof l?t.lat>=o&&t.lat<=a&&t.lng>=n&&t.lng<=i?null:"Selected point is outside the allowed spatial extent.":t instanceof g?t.getSouth()>=o&&t.getNorth()<=a&&t.getWest()>=n&&t.getEast()<=i?null:"Selected area extends outside the allowed spatial extent.":null}static serialize(t){return t?typeof t=="string"?t:t instanceof l?`${t.lat.toFixed(2)}, ${t.lng.toFixed(2)}`:[t.getWest(),t.getSouth(),t.getEast(),t.getNorth()].map(e=>e.toFixed(2)).join(", "):""}static validate(t,e,r){let n;try{n=s.parse(t)}catch(a){return{ok:!1,error:`Invalid format. ${s.formatHint(e)}`}}let o=s.validateRanges(n);if(o)return{ok:!1,error:o};let i=s.validateAllowedType(n,e);if(i)return{ok:!1,error:i};if(r){let a=s.validateConstraints(n,r);if(a)return{ok:!1,error:a}}return{ok:!0,value:n,serialized:s.serialize(n)}}static formatHint(t){return t.allowPoint&&t.allowBbox?"Enter a point (lat, lng) or bounding box (west, south, east, north).":t.allowPoint?"Enter a point (lat, lng).":t.allowBbox?"Enter a bounding box (west, south, east, north).":""}};export{f as a};

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

@@ -0,0 +1,14 @@
+import{a as d}from"./chunk.DSG7TPJW.js";import{a as i,b as g}from"./chunk.IV5JC2HX.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as b}from"lit";import{property as m,query as f,state as h}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";var r=class extends g{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!0)}handleBlur(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!1)}handleMouseOver(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!0)}handleMouseOut(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let n=e.indexOf(t),o=a(t);o&&(o.toggleAttribute("data-terra-button-group__button",!0),o.toggleAttribute("data-terra-button-group__button--first",n===0),o.toggleAttribute("data-terra-button-group__button--inner",n>0&&n<e.length-1),o.toggleAttribute("data-terra-button-group__button--last",n===e.length-1),o.toggleAttribute("data-terra-button-group__button--radio",o.tagName.toLowerCase()==="terra-radio-button"))})}render(){return b`
+            <div
+                part="base"
+                class="button-group"
+                role=${this.disableRole?"presentation":"group"}
+                aria-label=${p(this.label||void 0)}
+                @focusout=${this.handleBlur}
+                @focusin=${this.handleFocus}
+                @mouseover=${this.handleMouseOver}
+                @mouseout=${this.handleMouseOut}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}};r.styles=[i,d],l([f("slot")],r.prototype,"defaultSlot",2),l([h()],r.prototype,"disableRole",2),l([m()],r.prototype,"label",2);function a(s){var e;let u="terra-button, terra-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{r as a};

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

@@ -0,0 +1 @@
+import{a as s}from"./chunk.MJJLSP6W.js";import{f as r,g as e,h as a}from"./chunk.INFVQQSJ.js";import{Task as c}from"@lit/task";var t,o,n=class{constructor(i){e(this,t,void 0);e(this,o,void 0);a(this,o,i),a(this,t,new c(i,{task:async([l],{signal:m})=>s.getCollectionCitation(`${l.dataProductShortName}_${l.dataProductVersion}`,{signal:m}),args:()=>[r(this,o).catalogVariable]}))}get collectionCitation(){return r(this,t).value}};t=new WeakMap,o=new WeakMap;export{n as a};