@nasa-terra/components 0.0.52 → 0.0.54

package/cdn/chunks/{chunk.4OS3WNGB.js → chunk.RMZFGHSG.js}

@@ -3,10 +3,16 @@ import {
   validValidityState
 } from "./chunk.XZGF7NVJ.js";
 import {
-  n,
+  n as n2,
   o,
   s
 } from "./chunk.GNSDRDLV.js";
+import {
+  button_styles_default
+} from "./chunk.YVG2XG3L.js";
+import {
+  HasSlotController
+} from "./chunk.6OAPBJRP.js";
 import {
   e
 } from "./chunk.YVSJQ4KD.js";
@@ -16,67 +22,18 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e as e2,
-  n as n2,
+  n,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  button_styles_default
-} from "./chunk.YVG2XG3L.js";
 import {
   __decorateClass,
   __privateAdd,
   __privateMethod
 } from "./chunk.6JHIJHTB.js";
 
-// src/internal/slot.ts
-var HasSlotController = class {
-  constructor(host, ...slotNames) {
-    this.slotNames = [];
-    this.handleSlotChange = (event) => {
-      const slot = event.target;
-      if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
-        this.host.requestUpdate();
-      }
-    };
-    ;
-    (this.host = host).addController(this);
-    this.slotNames = slotNames;
-  }
-  hasDefaultSlot() {
-    return [...this.host.childNodes].some((node) => {
-      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
-        return true;
-      }
-      if (node.nodeType === node.ELEMENT_NODE) {
-        const el = node;
-        const tagName = el.tagName.toLowerCase();
-        if (tagName === "terra-visually-hidden") {
-          return false;
-        }
-        if (!el.hasAttribute("slot")) {
-          return true;
-        }
-      }
-      return false;
-    });
-  }
-  hasNamedSlot(name) {
-    return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
-  }
-  test(slotName) {
-    return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
-  }
-  hostConnected() {
-    this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
-  }
-  hostDisconnected() {
-    this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
-  }
-};
-
 // src/components/button/button.component.ts
 var _handleDialogStateChange, handleDialogStateChange_fn;
 var TerraButton = class extends TerraElement {
@@ -246,7 +203,7 @@ var TerraButton = class extends TerraElement {
   render() {
     const isLink = this.isLink();
     const tag = isLink ? s`a` : s`button`;
-    return n`
+    return n2`
       <${tag}
         part="base"
         class=${e({
@@ -298,7 +255,7 @@ var TerraButton = class extends TerraElement {
         <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" ? n`
+            ${this.variant == "pagelink" ? n2`
                           <span>
                               <terra-icon
                                   name=${this.setPageLinkIcon(this.href)}
@@ -315,6 +272,7 @@ var TerraButton = class extends TerraElement {
 _handleDialogStateChange = new WeakSet();
 handleDialogStateChange_fn = function(e3) {
   if (this.forDialog && this.forDialog === e3.target.id) {
+    this.expanded = e3.target.open;
   }
 };
 TerraButton.styles = [component_styles_default, button_styles_default];
@@ -328,73 +286,73 @@ __decorateClass([
   r()
 ], TerraButton.prototype, "invalid", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "title", 2);
 __decorateClass([
-  n2({ reflect: true })
+  n({ reflect: true })
 ], TerraButton.prototype, "variant", 2);
 __decorateClass([
-  n2({ reflect: true })
+  n({ reflect: true })
 ], TerraButton.prototype, "size", 2);
 __decorateClass([
-  n2({ type: Boolean, reflect: true })
+  n({ type: Boolean, reflect: true })
 ], TerraButton.prototype, "caret", 2);
 __decorateClass([
-  n2({ reflect: true })
+  n({ reflect: true })
 ], TerraButton.prototype, "shape", 2);
 __decorateClass([
-  n2({ type: Boolean, reflect: true })
+  n({ type: Boolean, reflect: true })
 ], TerraButton.prototype, "disabled", 2);
 __decorateClass([
-  n2({ type: Boolean, reflect: true })
+  n({ type: Boolean, reflect: true })
 ], TerraButton.prototype, "loading", 2);
 __decorateClass([
-  n2({ type: Boolean, reflect: true })
+  n({ type: Boolean, reflect: true })
 ], TerraButton.prototype, "outline", 2);
 __decorateClass([
-  n2({ type: Boolean, reflect: true })
+  n({ type: Boolean, reflect: true })
 ], TerraButton.prototype, "circle", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "type", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "name", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "value", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "href", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "target", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "rel", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "download", 2);
 __decorateClass([
-  n2()
+  n()
 ], TerraButton.prototype, "form", 2);
 __decorateClass([
-  n2({ attribute: "formaction" })
+  n({ attribute: "formaction" })
 ], TerraButton.prototype, "formAction", 2);
 __decorateClass([
-  n2({ attribute: "formenctype" })
+  n({ attribute: "formenctype" })
 ], TerraButton.prototype, "formEnctype", 2);
 __decorateClass([
-  n2({ attribute: "formmethod" })
+  n({ attribute: "formmethod" })
 ], TerraButton.prototype, "formMethod", 2);
 __decorateClass([
-  n2({ attribute: "formnovalidate", type: Boolean })
+  n({ attribute: "formnovalidate", type: Boolean })
 ], TerraButton.prototype, "formNoValidate", 2);
 __decorateClass([
-  n2({ attribute: "formtarget" })
+  n({ attribute: "formtarget" })
 ], TerraButton.prototype, "formTarget", 2);
 __decorateClass([
-  n2({ attribute: "for-dialog" })
+  n({ attribute: "for-dialog" })
 ], TerraButton.prototype, "forDialog", 2);
 __decorateClass([
   r()

package/cdn/chunks/{chunk.2UNF3BIO.js → chunk.RYDOV244.js}

@@ -2,45 +2,51 @@ import {
   DB_NAME,
   TimeSeriesController,
   getDataByKey
-} from "./chunk.PNDWOMP6.js";
+} from "./chunk.GJIEQWA2.js";
 import {
   time_series_styles_default
 } from "./chunk.Y7I2RXN6.js";
 import {
   TerraPlot,
   require_plotly_min
-} from "./chunk.5NU43HNV.js";
+} from "./chunk.WSTDOGZY.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
 import {
   TerraLoader
-} from "./chunk.3C36QKV5.js";
+} from "./chunk.HRTKXUXQ.js";
+import {
+  TerraButton
+} from "./chunk.RMZFGHSG.js";
+import {
+  GiovanniVariableCatalog
+} from "./chunk.23M4SIVO.js";
+import {
+  h as h2,
+  s
+} from "./chunk.UGTZ22DI.js";
+import {
+  formatDate
+} from "./chunk.EZMKGB3F.js";
 import {
   TerraIcon
-} from "./chunk.6IMVZQLW.js";
+} from "./chunk.JU7676XZ.js";
 import {
-  TerraButton
-} from "./chunk.4OS3WNGB.js";
+  TerraAlert
+} from "./chunk.57MIDRIG.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  GiovanniVariableCatalog
-} from "./chunk.XU3NXPIM.js";
-import {
-  h as h2,
-  s
-} from "./chunk.UGTZ22DI.js";
 import {
   x
 } from "./chunk.PQFHJHNO.js";
@@ -55,7 +61,7 @@ import {
 
 // src/components/time-series/time-series.component.ts
 var import_plotly = __toESM(require_plotly_min(), 1);
-var _timeSeriesController, _catalog, _fetchVariableTask, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getVariableEntryId, getVariableEntryId_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn;
+var _timeSeriesController, _catalog, _fetchVariableTask, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getVariableEntryId, getVariableEntryId_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn, _handlePlotRelayout, handlePlotRelayout_fn;
 var TerraTimeSeries = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -78,7 +84,9 @@ var TerraTimeSeries = class extends TerraElement {
     __privateAdd(this, _renderHelpPanel);
     __privateAdd(this, _renderJupyterNotebookPanel);
     __privateAdd(this, _handleJupyterNotebookClick);
+    __privateAdd(this, _handlePlotRelayout);
     __privateAdd(this, _timeSeriesController, void 0);
+    this.quotaExceededOpen = false;
     this.showDataPointWarning = false;
     this.estimatedDataPoints = 0;
     this.activeMenuItem = null;
@@ -105,6 +113,12 @@ var TerraTimeSeries = class extends TerraElement {
       },
       args: () => [this.variableEntryId, this.collection, this.variable]
     }));
+    __privateAdd(this, _handleQuotaError, (event) => {
+      const { status } = event.detail;
+      if (status === 429) {
+        this.quotaExceededOpen = true;
+      }
+    });
   }
   handleFocus(_oldValue, newValue) {
     if (newValue === null) {
@@ -114,6 +128,10 @@ var TerraTimeSeries = class extends TerraElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    this.addEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
     __privateSet(this, _timeSeriesController, new TimeSeriesController(this, this.bearerToken));
     if (!document.getElementById("terra-jupyterlite-warmup-iframe")) {
       const iframe = document.createElement("iframe");
@@ -125,10 +143,38 @@ var TerraTimeSeries = class extends TerraElement {
       document.body.appendChild(iframe);
     }
   }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
+  }
   render() {
     var _a, _b;
     return x`
             <div class="plot-container" @mouseleave=${__privateMethod(this, _handleComponentLeave, handleComponentLeave_fn)}>
+                ${this.quotaExceededOpen ? x`
+                          <terra-alert
+                              variant="warning"
+                              duration="10000"
+                              open=${this.quotaExceededOpen}
+                              closable
+                              @terra-after-hide=${() => this.quotaExceededOpen = false}
+                          >
+                              <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>
+                      ` : ""}
                 ${h(
       this.catalogVariable ? x`
                               <header>
@@ -270,7 +316,11 @@ var TerraTimeSeries = class extends TerraElement {
       xaxis: {
         title: "Time",
         showgrid: false,
-        zeroline: false
+        zeroline: false,
+        range: (
+          // manually set the range as we may adjust it when we fetch new data as a user pans/zooms the plot
+          this.startDate && this.endDate ? [this.startDate, this.endDate] : void 0
+        )
       },
       yaxis: {
         title: __privateMethod(this, _getYAxisLabel, getYAxisLabel_fn).call(this),
@@ -286,6 +336,7 @@ var TerraTimeSeries = class extends TerraElement {
       modeBarButtonsToRemove: ["toImage", "zoom2d", "resetScale2d"],
       responsive: true
     }}
+                    @terra-plot-relayout=${__privateMethod(this, _handlePlotRelayout, handlePlotRelayout_fn)}
                 ></terra-plot>
             </div>
 
@@ -334,6 +385,7 @@ var TerraTimeSeries = class extends TerraElement {
 _timeSeriesController = new WeakMap();
 _catalog = new WeakMap();
 _fetchVariableTask = new WeakMap();
+_handleQuotaError = new WeakMap();
 _confirmDataPointWarning = new WeakSet();
 confirmDataPointWarning_fn = function() {
   __privateGet(this, _timeSeriesController).confirmDataPointWarning();
@@ -615,12 +667,37 @@ timeseries`,
     }, 500);
   });
 };
+_handlePlotRelayout = new WeakSet();
+handlePlotRelayout_fn = function(e2) {
+  let changed = false;
+  if (e2.detail.xAxisMin) {
+    this.startDate = formatDate(e2.detail.xAxisMin);
+    changed = true;
+  }
+  if (e2.detail.xAxisMax) {
+    this.endDate = formatDate(e2.detail.xAxisMax);
+    changed = true;
+  }
+  if (changed) {
+    this.dispatchEvent(
+      new CustomEvent("terra-date-range-change", {
+        detail: {
+          startDate: this.startDate,
+          endDate: this.endDate
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+};
 TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
 TerraTimeSeries.dependencies = {
   "terra-plot": TerraPlot,
   "terra-loader": TerraLoader,
   "terra-icon": TerraIcon,
-  "terra-button": TerraButton
+  "terra-button": TerraButton,
+  "terra-alert": TerraAlert
 };
 __decorateClass([
   n({ attribute: "variable-entry-id", reflect: true })
@@ -660,6 +737,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], TerraTimeSeries.prototype, "catalogVariable", 2);
+__decorateClass([
+  r()
+], TerraTimeSeries.prototype, "quotaExceededOpen", 2);
 __decorateClass([
   r()
 ], TerraTimeSeries.prototype, "showDataPointWarning", 2);

package/cdn/chunks/chunk.RYGCQOBP.js

@@ -0,0 +1,11 @@
+import {
+  TerraDataSubsetter
+} from "./chunk.H6N7RGVX.js";
+
+// src/components/data-subsetter/data-subsetter.ts
+var data_subsetter_default = TerraDataSubsetter;
+TerraDataSubsetter.define("terra-data-subsetter");
+
+export {
+  data_subsetter_default
+};

package/cdn/chunks/{chunk.WRON76NZ.js → chunk.S7IYZ4I2.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.VRGU3JD2.js";
+} from "./chunk.LGIRLCP2.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = TerraCombobox;

package/cdn/chunks/chunk.SF6MBAEP.js

@@ -0,0 +1,20 @@
+// src/utilities/mimetypes.ts
+var defaultSubsetFileMimeType = "application/x-netcdf4";
+function getFriendlyNameForMimeType(mimeType) {
+  switch (mimeType) {
+    case "application/x-hdf":
+    case "application/octet-stream":
+      return "HDF-EOS5";
+    case "application/x-netcdf4":
+      return "NetCDF-4";
+    case "application/netcdf":
+      return "NetCDF Classic (NetCDF-3)";
+    default:
+      return mimeType;
+  }
+}
+
+export {
+  defaultSubsetFileMimeType,
+  getFriendlyNameForMimeType
+};

package/{dist/chunks/chunk.E2A2V2YS.js → cdn/chunks/chunk.SIKKQP6I.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.4BU4Y56M.js";
+} from "./chunk.IDWSR352.js";
 
 // src/components/login/login.ts
 var login_default = TerraLogin;

package/cdn/chunks/{chunk.JE2FCOKF.js → chunk.TBDMUEOL.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.3C36QKV5.js";
+} from "./chunk.HRTKXUXQ.js";
 
 // src/components/loader/loader.ts
 var loader_default = TerraLoader;

package/cdn/chunks/{chunk.VAWFQPRW.js → chunk.TKK6BNTA.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.AZDOQAD2.js";
+} from "./chunk.FHUEFTED.js";
 
 // src/components/date-picker/date-picker.ts
 var date_picker_default = TerraDatePicker;

package/cdn/chunks/{chunk.H7IOI7PF.js → chunk.UA2PIKHW.js}

@@ -5,32 +5,32 @@ import {
 } from "./chunk.SCFJOPPV.js";
 import {
   FetchController
-} from "./chunk.XO3SOVHY.js";
+} from "./chunk.G3K475WP.js";
 import {
   variable_keyword_search_styles_default
 } from "./chunk.NMJ34B6C.js";
 import {
   icon_default
-} from "./chunk.XR376PMT.js";
+} from "./chunk.C4JLG2E7.js";
+import {
+  button_default
+} from "./chunk.BWXDVL76.js";
 import {
   Fuse
 } from "./chunk.QZV6EAIM.js";
-import {
-  o
-} from "./chunk.QEA4QW6G.js";
 import {
   n as n2
 } from "./chunk.2XCNCXGV.js";
 import {
-  button_default
-} from "./chunk.NCUMG4CT.js";
+  o
+} from "./chunk.QEA4QW6G.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.7KC6YXWL.js → chunk.UA5HHAYZ.js}

@@ -1,6 +1,6 @@
 import {
   library_default_default
-} from "./chunk.775IHQR2.js";
+} from "./chunk.UOCDT7HQ.js";
 import {
   library_heroicons_default
 } from "./chunk.UCNEPIMI.js";

package/{dist/chunks/chunk.775IHQR2.js → cdn/chunks/chunk.UOCDT7HQ.js}

@@ -46,29 +46,29 @@ var defaultIcons = {
     </svg>
     `,
   "chevron-down-circle": `
-    <svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
-      <path d="M250 440.099c-104.461 0-189.931-85.47-189.931-189.931 0-104.463 85.47-189.931 189.931-189.931 104.461 0 189.931 85.468 189.931 189.931 0 104.461-85.47 189.931-189.931 189.931Zm0-356.122c-92.592 0-166.19 73.598-166.19 166.191S157.408 416.359 250 416.359s166.19-73.598 166.19-166.191S342.592 83.977 250 83.977Z"/>
-      <path d="m250 285.78 61.727-61.727 14.247 14.244L250 314.27l-75.973-75.973 14.245-14.244L250 285.78Z"/>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none">
+      <circle cx="16" cy="16" r="14" stroke="currentColor" stroke-width="1" stroke-opacity="0.5"/>
+      <polyline points="10,14 16,20 22,14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>
   `,
   "chevron-left-circle": `
-    <svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
-      <path d="M60.069 250.168c0-104.461 85.47-189.931 189.931-189.931 104.463 0 189.931 85.47 189.931 189.931 0 104.461-85.468 189.931-189.931 189.931-104.461 0-189.931-85.47-189.931-189.931Zm356.122 0c0-92.592-73.598-166.19-166.191-166.19S83.809 157.576 83.809 250.168 157.407 416.358 250 416.358s166.191-73.598 166.191-166.19Z"/>
-      <path d="m214.388 250.167 61.727 61.727-14.244 14.247-75.973-75.974 75.973-75.973 14.244 14.245-61.727 61.728Z"/>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none">
+      <circle cx="16" cy="16" r="14" stroke="currentColor" stroke-width="1" stroke-opacity="0.5"/>
+      <polyline points="18,10 12,16 18,22" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>
   `,
   "chevron-right-circle": `
-    <svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
-      <path d="M439.931 250.168c0 104.461-85.47 189.931-189.931 189.931-104.463 0-189.931-85.47-189.931-189.931 0-104.461 85.468-189.931 189.931-189.931 104.461 0 189.931 85.47 189.931 189.931Zm-356.122 0c0 92.592 73.598 166.19 166.191 166.19s166.191-73.598 166.191-166.19S342.593 83.978 250 83.978 83.809 157.576 83.809 250.168Z"/>
-      <path d="m285.611 250.168-61.727-61.727 14.244-14.247 75.973 75.974-75.973 75.973-14.244-14.245 61.727-61.728Z"/>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none">
+      <circle cx="16" cy="16" r="14" stroke="currentColor" stroke-width="1" stroke-opacity="0.5"/>
+      <polyline points="14,10 20,16 14,22" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>
   `,
   "chevron-up-circle": `
-    <svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
-      <path d="M250 60.237c104.461 0 189.931 85.47 189.931 189.931 0 104.463-85.47 189.931-189.931 189.931-104.461 0-189.931-85.468-189.931-189.931 0-104.461 85.47-189.931 189.931-189.931Zm0 356.122c92.592 0 166.19-73.598 166.19-166.191S342.592 83.977 250 83.977 83.81 157.575 83.81 250.168 157.408 416.359 250 416.359Z"/>
-      <path d="m249.999 214.555-61.727 61.727-14.247-14.244 75.974-75.973 75.973 75.973-14.245 14.244-61.728-61.727Z"/>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none">
+      <circle cx="16" cy="16" r="14" stroke="currentColor" stroke-width="1" stroke-opacity="0.5"/>
+      <polyline points="10,18 16,12 22,18" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>
-    `,
+  `,
   "nasa-logo": `
     <svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
       <circle cx="241.628" cy="250.424" r="186.872" fill="#0b3d91"/>

package/{dist/chunks/chunk.CVHBTAL2.js → cdn/chunks/chunk.UZWEJOT3.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.4BU4Y56M.js";
+} from "./chunk.IDWSR352.js";
 
 // src/react/login/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.2NCB6JXM.js → chunk.VU7EHZH7.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.CUGOTRF4.js";
+} from "./chunk.XXZJFEAX.js";
 
 // src/components/spatial-picker/spatial-picker.ts
 var spatial_picker_default = TerraSpatialPicker;

package/cdn/chunks/chunk.VZMSGFJM.js

@@ -0,0 +1,21 @@
+import {
+  TerraAccordion
+} from "./chunk.EEMK3EBJ.js";
+
+// src/react/accordion/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-accordion";
+TerraAccordion.define("terra-accordion");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraAccordion,
+  react: React,
+  events: {},
+  displayName: "TerraAccordion"
+});
+var accordion_default = reactWrapper;
+
+export {
+  accordion_default
+};

package/cdn/chunks/{chunk.RLI6ON2C.js → chunk.W53DJFZQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.2UNF3BIO.js";
+} from "./chunk.RYDOV244.js";
 
 // src/react/time-series/index.ts
 import * as React from "react";
@@ -13,6 +13,7 @@ var reactWrapper = createComponent({
   elementClass: TerraTimeSeries,
   react: React,
   events: {
+    onTerraDateRangeChange: "terra-date-range-change",
     onTerraTimeSeriesDataChange: "terra-time-series-data-change"
   },
   displayName: "TerraTimeSeries"