@nasa-terra/components 0.0.52 → 0.0.54

package/cdn/chunks/{chunk.7ZVIGV6V.js → chunk.63NRAEUK.js}

@@ -1,9 +1,3 @@
-import {
-  Leaflet
-} from "./chunk.6NEMJOXS.js";
-import {
-  leaflet_styles_default
-} from "./chunk.VHHIJXG2.js";
 import {
   MapController
 } from "./chunk.M4BZHL67.js";
@@ -13,6 +7,12 @@ import {
 import {
   leaflet_draw_styles_default
 } from "./chunk.27EMK3NO.js";
+import {
+  Leaflet
+} from "./chunk.5BO2XAMO.js";
+import {
+  leaflet_styles_default
+} from "./chunk.VHHIJXG2.js";
 import {
   h
 } from "./chunk.QB5SASDL.js";
@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n,
@@ -76,7 +76,9 @@ var TerraMap = class extends TerraElement {
       maxZoom: this.maxZoom,
       hasCoordTracker: this.hasCoordTracker,
       hasNavigation: this.hasNavigation,
-      initialValue: this.value
+      initialValue: this.value,
+      hideBoundingBoxDrawTool: this.hideBoundingBoxSelection,
+      hidePointSelectionDrawTool: this.hidePointSelection
     });
     this.map.on(
       "draw",
@@ -181,6 +183,12 @@ __decorateClass([
 __decorateClass([
   n({ attribute: "has-shape-selector", type: Boolean })
 ], TerraMap.prototype, "hasShapeSelector", 2);
+__decorateClass([
+  n({ attribute: "hide-bounding-box-selection", type: Boolean })
+], TerraMap.prototype, "hideBoundingBoxSelection", 2);
+__decorateClass([
+  n({ attribute: "hide-point-selection", type: Boolean })
+], TerraMap.prototype, "hidePointSelection", 2);
 __decorateClass([
   n({ type: Array })
 ], TerraMap.prototype, "value", 2);

package/cdn/chunks/{chunk.6H77QHJW.js → chunk.65NEAPRC.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.3C36QKV5.js";
+} from "./chunk.HRTKXUXQ.js";
 
 // src/react/loader/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.6OAPBJRP.js

@@ -0,0 +1,49 @@
+// 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);
+  }
+};
+
+export {
+  HasSlotController
+};

package/cdn/chunks/{chunk.43R5EAVL.js → chunk.6V3KMAUQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.H7IOI7PF.js";
+} from "./chunk.UA2PIKHW.js";
 
 // src/react/variable-keyword-search/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.TEUZXQBU.js → chunk.7V2LW54F.js}

@@ -1,16 +1,16 @@
+import {
+  skeleton_default
+} from "./chunk.RLRLPCXE.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
-import {
-  skeleton_default
-} from "./chunk.LOCO37M5.js";
 import {
   skeleton_styles_default
 } from "./chunk.FPSSRS2U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n
 } from "./chunk.2FFSUM6T.js";

package/cdn/chunks/{chunk.TKZC2SRM.js → chunk.A47BXY2K.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.6IMVZQLW.js";
+} from "./chunk.JU7676XZ.js";
 
 // src/react/icon/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.6QZW2ION.js → chunk.A4OQOF46.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.CUGOTRF4.js";
+} from "./chunk.XXZJFEAX.js";
 
 // src/react/spatial-picker/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.ESISTPRD.js → cdn/chunks/chunk.AHEQYW27.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.K2RM2IR7.js";
+} from "./chunk.63NRAEUK.js";
 
 // src/components/map/map.ts
 var map_default = TerraMap;

package/{dist/chunks/chunk.H6VZTFOA.js → cdn/chunks/chunk.APQ42B2U.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.QAXYS5OA.js";
+} from "./chunk.WSTDOGZY.js";
 
 // src/react/plot/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.JLUCY2KC.js → chunk.ARWRM2JC.js}

@@ -23,7 +23,12 @@ var dialog_styles_default = i`
         position: fixed;
         inset: 0px;
         z-index: var(--terra-dialog-z-index);
-        max-width: 100%;
+        max-width: 90vh;
+    }
+
+    .dialog-content {
+        max-height: 90vh;
+        overflow: auto;
     }
 `;
 

package/cdn/chunks/{chunk.IQ7B6HFH.js → chunk.BMTQUUZA.js}

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.56BIFKWQ.js";
+} from "./chunk.L3AEI44F.js";
 
 // src/react/browse-variables/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.NCUMG4CT.js → chunk.BWXDVL76.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.4OS3WNGB.js";
+} from "./chunk.RMZFGHSG.js";
 
 // src/components/button/button.ts
 var button_default = TerraButton;

package/{dist/chunks/chunk.ETRG47HH.js → cdn/chunks/chunk.C4JLG2E7.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.H55GDBVS.js";
+} from "./chunk.JU7676XZ.js";
 
 // src/components/icon/icon.ts
 var icon_default = TerraIcon;

package/cdn/chunks/{chunk.6LGRNEZ7.js → chunk.C5LFHOAP.js}

@@ -366,7 +366,7 @@ var TerraElement = class extends s {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.52";
+TerraElement.version = "0.0.54";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/chunk.CPHER7LT.js

@@ -0,0 +1,61 @@
+import {
+  i
+} from "./chunk.PH7RLQK2.js";
+
+// src/components/accordion/accordion.styles.ts
+var accordion_styles_default = i`
+    :host {
+        display: block;
+    }
+
+    .accordion {
+        background: #fff;
+        margin-bottom: 1rem;
+        border: 1px solid rgb(222, 226, 230);
+        border-radius: 6px;
+        background: white;
+        overflow: hidden;
+    }
+
+    .accordion-summary {
+        background: #f8f9fa;
+        padding: 12px 15px;
+        border-bottom: 1px solid #dee2e6;
+        font-size: 0.95rem;
+        font-weight: 500;
+        color: #374151;
+        cursor: pointer;
+        outline: none;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 1rem;
+        transition: background-color 0.2s;
+    }
+
+    .accordion-summary:hover {
+        background: #e9ecef;
+    }
+
+    .accordion-summary-right {
+        display: flex;
+        align-items: flex-end;
+        gap: 10px;
+    }
+
+    .accordion-summary terra-icon {
+        transition: transform 0.2s ease;
+    }
+
+    :host([open]) .accordion-summary terra-icon {
+        transform: rotate(180deg);
+    }
+
+    .accordion-content {
+        padding: 1rem;
+    }
+`;
+
+export {
+  accordion_styles_default
+};

package/cdn/chunks/{chunk.X2ZY3YLL.js → chunk.D5JLZTKH.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.H7IOI7PF.js";
+} from "./chunk.UA2PIKHW.js";
 
 // src/components/variable-keyword-search/variable-keyword-search.ts
 var variable_keyword_search_default = TerraVariableKeywordSearch;

package/{dist/chunks/chunk.MWJRQKMV.js → cdn/chunks/chunk.DLW6XK4F.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.MZK7WRKF.js";
+} from "./chunk.XQWGD4D7.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = TerraDialog;

package/cdn/chunks/{chunk.ALXMBVVZ.js → chunk.DPC5A37S.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniVariableCatalog
-} from "./chunk.XU3NXPIM.js";
+} from "./chunk.23M4SIVO.js";
 import {
   h
 } from "./chunk.UGTZ22DI.js";

package/cdn/chunks/chunk.EEMK3EBJ.js

@@ -0,0 +1,77 @@
+import {
+  TerraIcon
+} from "./chunk.JU7676XZ.js";
+import {
+  accordion_styles_default
+} from "./chunk.CPHER7LT.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.C5LFHOAP.js";
+import {
+  n
+} from "./chunk.2FFSUM6T.js";
+import {
+  x
+} from "./chunk.PQFHJHNO.js";
+import {
+  __decorateClass
+} from "./chunk.6JHIJHTB.js";
+
+// src/components/accordion/accordion.component.ts
+var TerraAccordion = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+    this.showArrow = true;
+  }
+  render() {
+    return x`
+            <details
+                class="accordion"
+                ?open=${this.open}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="accordion-summary">
+                    <slot name="summary"> ${this.summary} </slot>
+
+                    <div class="accordion-summary-right">
+                        <slot name="summary-right"></slot>
+
+                        ${this.showArrow && x`
+                            <terra-icon
+                                name="chevron-down-circle"
+                                font-size="24px"
+                            ></terra-icon>
+                        `}
+                    </div>
+                </summary>
+
+                <div class="accordion-content">
+                    <slot></slot>
+                </div>
+            </details>
+        `;
+  }
+  handleToggle(e) {
+    const details = e.currentTarget;
+    this.open = details.open;
+  }
+};
+TerraAccordion.styles = [component_styles_default, accordion_styles_default];
+TerraAccordion.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  n()
+], TerraAccordion.prototype, "summary", 2);
+__decorateClass([
+  n({ reflect: true, type: Boolean })
+], TerraAccordion.prototype, "open", 2);
+__decorateClass([
+  n({ type: Boolean })
+], TerraAccordion.prototype, "showArrow", 2);
+
+export {
+  TerraAccordion
+};

package/cdn/chunks/{chunk.YIABHSHN.js → chunk.EZMKGB3F.js}

@@ -486,8 +486,11 @@ function isValidDate(date) {
   const parsedDate = Date.parse(date);
   return !isNaN(parsedDate) && isValid(parsedDate);
 }
-function getUTCDate(date) {
-  return import_dayjs.default.utc(date).toDate();
+function getUTCDate(date, endOfDay = false) {
+  const utcDate = import_dayjs.default.utc(date).toDate();
+  if (endOfDay)
+    utcDate.setUTCHours(23, 59, 59, 999);
+  return utcDate;
 }
 function formatDate(date, format) {
   if (!import_dayjs.default.isDayjs(date)) {

package/cdn/chunks/{chunk.K6GAF43H.js → chunk.FCGFGTMF.js}

@@ -1,7 +1,7 @@
 import {
   isValid,
   toDate
-} from "./chunk.YIABHSHN.js";
+} from "./chunk.EZMKGB3F.js";
 
 // node_modules/date-fns/locale/en-US/_lib/formatDistance.mjs
 var formatDistanceLocale = {

package/cdn/chunks/{chunk.AZDOQAD2.js → chunk.FHUEFTED.js}

@@ -1,10 +1,13 @@
 import {
   date_picker_styles_default
-} from "./chunk.XHHFBPQM.js";
+} from "./chunk.PSAJO4PE.js";
+import {
+  TerraButton
+} from "./chunk.RMZFGHSG.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   e,
   n
@@ -3592,6 +3595,9 @@ var TerraDatePicker = class extends TerraElement {
   }
   firstUpdated() {
     this.flatpickrElement.addEventListener("change", this.handleChange.bind(this));
+    setTimeout(() => {
+      this.flatpickrElement.shadowRoot.querySelector("input").addEventListener("blur", this.handleBlur.bind(this));
+    }, 250);
   }
   handleChange(selectedDates) {
     var _a, _b;
@@ -3601,6 +3607,9 @@ var TerraDatePicker = class extends TerraElement {
     };
     this.emit("terra-change");
   }
+  handleBlur() {
+    this.handleChange(this.flatpickrElement._instance.selectedDates);
+  }
   render() {
     return x`
             <div class="date-picker">
@@ -3618,7 +3627,7 @@ var TerraDatePicker = class extends TerraElement {
                         .maxDate=${this.maxDate}
                         .defaultDate=${this.range ? [this.startDate, this.endDate].filter(
       Boolean
-    ) : this.startDate}
+    ) : this.defaultDate}
                         .allowInput=${this.allowInput}
                         .altFormat=${this.altFormat}
                         .altInput=${this.altInput}
@@ -3633,10 +3642,12 @@ var TerraDatePicker = class extends TerraElement {
                         theme="material_blue"
                         .onChange="${this.handleChange.bind(this)}"
                     ></lit-flatpickr>
-                    <button
+                    <terra-button
+                        shape="square-left"
+                        size="medium"
                         class="date-picker__input_icon_button"
-                        type="button"
                         @click=${() => this.flatpickrElement.open()}
+                        type="button"
                     >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
@@ -3652,13 +3663,16 @@ var TerraDatePicker = class extends TerraElement {
                                 d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
                             />
                         </svg>
-                    </button>
+                    </terra-button>
                 </div>
             </div>
         `;
   }
 };
 TerraDatePicker.styles = [component_styles_default, date_picker_styles_default];
+TerraDatePicker.dependencies = {
+  "terra-button": TerraButton
+};
 __decorateClass([
   n()
 ], TerraDatePicker.prototype, "id", 2);
@@ -3677,6 +3691,9 @@ __decorateClass([
 __decorateClass([
   n({ attribute: "end-date" })
 ], TerraDatePicker.prototype, "endDate", 2);
+__decorateClass([
+  n({ attribute: "default-date" })
+], TerraDatePicker.prototype, "defaultDate", 2);
 __decorateClass([
   n({ type: Boolean, attribute: "allow-input" })
 ], TerraDatePicker.prototype, "allowInput", 2);

package/cdn/chunks/{chunk.KQ335BKK.js → chunk.FZ4GONRL.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.KHIKTIEM.js";
+} from "./chunk.Y6LDYM2S.js";
 
 // src/components/variable-combobox/variable-combobox.ts
 var variable_combobox_default = TerraVariableCombobox;

package/{dist/chunks/chunk.3REGQAFA.js → cdn/chunks/chunk.FZOEXPP3.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.O5JIPX5F.js";
+} from "./chunk.RYDOV244.js";
 
 // src/components/time-series/time-series.ts
 var time_series_default = TerraTimeSeries;

package/cdn/chunks/{chunk.XO3SOVHY.js → chunk.G3K475WP.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniVariableCatalog
-} from "./chunk.XU3NXPIM.js";
+} from "./chunk.23M4SIVO.js";
 import {
   h,
   s

package/cdn/chunks/{chunk.UVCDVWWN.js → chunk.GGXXOHFY.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.TEUZXQBU.js";
+} from "./chunk.7V2LW54F.js";
 
 // src/components/skeleton/skeleton.ts
 var skeleton_default = TerraSkeleton;

package/cdn/chunks/{chunk.PNDWOMP6.js → chunk.GJIEQWA2.js}

@@ -1,6 +1,6 @@
 import {
   format
-} from "./chunk.K6GAF43H.js";
+} from "./chunk.FCGFGTMF.js";
 import {
   h,
   i
@@ -8,7 +8,7 @@ import {
 import {
   formatDate,
   getUTCDate
-} from "./chunk.YIABHSHN.js";
+} from "./chunk.EZMKGB3F.js";
 import {
   __asyncGenerator,
   __await,
@@ -559,6 +559,16 @@ fetchTimeSeriesChunk_fn = async function(variableEntryId, startDate, endDate, si
     }, __privateGet(this, _bearerToken) ? { Authorization: `Bearer: ${__privateGet(this, _bearerToken)}` } : {})
   });
   if (!response.ok) {
+    this.host.dispatchEvent(
+      new CustomEvent("terra-time-series-error", {
+        detail: {
+          status: response.status,
+          message: response.statusText
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
     throw new Error(
       `Failed to fetch time series data: ${response.statusText}`
     );

package/{dist/chunks/chunk.QUYMT5VP.js → cdn/chunks/chunk.H4H7OUFN.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.WSGVJC5A.js";
+} from "./chunk.LGIRLCP2.js";
 
 // src/react/combobox/index.ts
 import * as React from "react";