@nasa-terra/components 0.0.66 → 0.0.68

package/cdn/chunks/chunk.MN7UEWGN.js

@@ -0,0 +1,29 @@
+import {
+  TerraTimeAverageMap
+} from "./chunk.37HJNI4K.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/time-average-map/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-time-average-map";
+TerraTimeAverageMap.define("terra-time-average-map");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTimeAverageMap,
+  react: React,
+  events: {},
+  displayName: "TerraTimeAverageMap"
+});
+var time_average_map_default = reactWrapper;
+
+export {
+  time_average_map_default
+};

package/cdn/chunks/chunk.MQOXBVDK.js

@@ -0,0 +1,58 @@
+// src/components/accordion/accordion.styles.ts
+import { css } from "lit";
+var accordion_styles_default = css`
+    :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.5JLTH2LZ.js → chunk.MXI6CLWG.js}

@@ -1,6 +1,6 @@
 import {
   GiovanniVariableCatalog
-} from "./chunk.E4Y3ZGGY.js";
+} from "./chunk.NDNXLJCK.js";
 import {
   h
 } from "./chunk.3AZLGGEX.js";

package/cdn/chunks/{chunk.E4Y3ZGGY.js → chunk.NDNXLJCK.js}

@@ -1,13 +1,13 @@
 import {
   GET_SEARCH_KEYWORDS,
   GET_VARIABLES
-} from "./chunk.AQODH346.js";
+} from "./chunk.VLZAS4LQ.js";
 import {
   getUTCDate
 } from "./chunk.VYOUAAH7.js";
 import {
   getGraphQLClient
-} from "./chunk.KAJGV2AN.js";
+} from "./chunk.LLQADAZV.js";
 import {
   __privateAdd,
   __privateMethod,

package/cdn/chunks/chunk.NMWP5DQX.js

@@ -0,0 +1,259 @@
+// src/components/browse-variables/browse-variables.styles.ts
+import { css } from "lit";
+var browse_variables_styles_default = css`
+    :host {
+        --light-blue-color: color-mix(
+            in hsl,
+            var(--terra-color-nasa-blue-tint) 65%,
+            white
+        ); /* this color doesn't exist in HDS, perhaps the design should change? */
+
+        background-color: var(--terra-color-nasa-blue-dark);
+        color: white;
+        display: block;
+        padding-bottom: 55% !important;
+        position: relative;
+        width: 100%;
+    }
+
+    h3 {
+        color: var(--light-blue-color);
+        margin-bottom: 1rem;
+    }
+
+    dialog {
+        position: absolute;
+        z-index: 999;
+        width: 100px;
+        height: 100px;
+        padding: 0;
+        place-self: center;
+    }
+
+    .container {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        display: grid;
+        grid-template-rows: auto 1fr;
+    }
+
+    .scrollable {
+        overflow-y: auto;
+        display: grid;
+        grid-template-columns: 250px 1fr;
+        grid-column: span 2;
+        width: 100%;
+    }
+
+    header.search {
+        border-bottom: 1px solid var(--terra-color-nasa-blue-shade);
+        grid-column: span 2;
+        padding: 15px;
+        padding-bottom: 25px;
+        display: flex;
+        gap: 10px;
+    }
+
+    header.search button {
+        width: 36px;
+        height: 36px;
+    }
+
+    .browse-by-category aside {
+        padding: 0 15px;
+    }
+
+    .browse-by-category main {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+        gap: 2rem;
+        min-width: 800px;
+        overflow-x: auto;
+    }
+
+    .column {
+        min-width: 0; /* Prevents overflow issues */
+    }
+
+    .browse-by-category ul {
+        padding: 0;
+    }
+
+    .browse-by-category ul ::marker {
+        font-size: 0; /*Safari removes the semantic meaning / role of the list if we remove the list style. */
+    }
+
+    .browse-by-category li {
+        border-radius: 4px;
+        cursor: pointer;
+        margin: 0;
+        margin-bottom: 0.5rem;
+        padding: 8px;
+        transition: background-color 0.15s;
+    }
+
+    .browse-by-category li:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+
+    .browse-by-category terra-button {
+        margin-top: 15px;
+    }
+
+    .browse-by-category terra-button::part(base) {
+        color: white;
+    }
+
+    label {
+        color: white;
+        display: flex;
+        align-items: center;
+    }
+
+    input[type='radio'] {
+        margin-right: 10px;
+    }
+
+    .variables-container {
+        display: grid;
+        grid-template-areas:
+            'header header'
+            'aside main';
+        grid-template-columns: 250px 1fr;
+        grid-template-rows: auto 1fr;
+    }
+
+    .variables-container header {
+        grid-area: header;
+        padding: 15px;
+        padding-bottom: 0;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .variables-container header menu {
+        display: inline-flex;
+        padding: 0;
+        margin: 0;
+        min-width: 24em;
+        justify-content: space-evenly;
+    }
+
+    .variables-container header menu ::marker {
+        font-size: 0;
+    }
+
+    .list-menu-dropdown sl-button::part(base) {
+        border-color: transparent;
+        font-weight: 700;
+    }
+
+    .variables-container aside {
+        grid-area: aside;
+        padding: 15px;
+    }
+
+    .variables-container main {
+        grid-area: main;
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+        gap: 2rem;
+        overflow-x: auto;
+        padding: 15px;
+    }
+
+    .facet {
+        margin-left: 10px;
+    }
+
+    .variable-list {
+        margin: 0;
+        padding: 0;
+    }
+
+    .variable-list-item {
+    }
+
+    .variable-list-item::marker {
+        font-size: 0;
+    }
+
+    .variable[open] .details-panel {
+        height: max-content;
+    }
+
+    .variable input[type='checkbox'] {
+        margin-block: 0.25em;
+        margin-inline: 0 0.5em;
+    }
+
+    .variable {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .variable label {
+        cursor: pointer;
+        display: block;
+        font-weight: 400;
+    }
+
+    .variable sl-drawer {
+        font-style: italic;
+    }
+
+    .variable sl-drawer::part(base) {
+        --body-spacing: 0.25em;
+        --header-spacing: 0.25em;
+        --footer-spacing: 1em 0;
+    }
+
+    .variable sl-drawer::part(header-actions) {
+        --header-spacing: 0.25em;
+
+        align-items: flex-start;
+        margin-block-start: 1em;
+        margin-inline-end: 0.5em;
+    }
+
+    .variable sl-drawer::part(close-button__base) {
+        --sl-focus-ring: var(--terra-focus-ring);
+        --sl-focus-ring-offset: var(--terra-focus-ring-offset);
+    }
+
+    .variable sl-drawer::part(panel) {
+        background-color: var(--terra-color-nasa-blue-shade);
+        border: 0.0625em solid var(--terra-color-carbon-10);
+        left: auto;
+        right: 0;
+        top: 4.25rem;
+    }
+
+    .variable sl-drawer::part(body) {
+        padding-block-end: 6em;
+    }
+
+    .variable sl-drawer > * {
+        margin-block-start: 0;
+    }
+
+    .variable sl-drawer h4 {
+        font-weight: 400;
+    }
+
+    .variable-details-button {
+        position: static;
+    }
+
+    .variable-details-button::part(base) {
+        border-color: transparent;
+        color: var(--spacesuit-white);
+    }
+`;
+
+export {
+  browse_variables_styles_default
+};

package/cdn/chunks/chunk.NQYUJ7FK.js

@@ -0,0 +1,24 @@
+import {
+  TerraDataRods
+} from "./chunk.AHGKSSSI.js";
+
+// src/react/data-rods/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-data-rods";
+TerraDataRods.define("terra-data-rods");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDataRods,
+  react: React,
+  events: {
+    onTerraDateRangeChange: "terra-date-range-change"
+  },
+  displayName: "TerraDataRods"
+});
+var data_rods_default = reactWrapper;
+
+export {
+  data_rods_default
+};

package/cdn/chunks/chunk.NT4JROIJ.js

@@ -0,0 +1,29 @@
+import {
+  TerraDateRangeSlider
+} from "./chunk.XKNIRUTP.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/react/date-range-slider/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-date-range-slider";
+TerraDateRangeSlider.define("terra-date-range-slider");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDateRangeSlider,
+  react: React,
+  events: {},
+  displayName: "TerraDateRangeSlider"
+});
+var date_range_slider_default = reactWrapper;
+
+export {
+  date_range_slider_default
+};

package/{dist/chunks/chunk.MHGQR4W2.js → cdn/chunks/chunk.O6SXSDFR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.V3EFWONT.js";
 import {
   purgeGraphQLCache
-} from "./chunk.GRGSTMOZ.js";
+} from "./chunk.LDCRCQNJ.js";
 import {
   __decorateClass,
   __spreadValues
@@ -520,7 +520,7 @@ var TerraElement = class extends LitElement {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.66";
+TerraElement.version = "0.0.67";
 TerraElement.dependencies = {};
 __decorateClass([
   property()

package/{dist/chunks/chunk.2OOE2V74.js → cdn/chunks/chunk.O7SVDS2A.js}

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

package/{dist/chunks/chunk.MQJRL4UB.js → cdn/chunks/chunk.OBANVLY7.js}

@@ -1,6 +1,6 @@
 import {
   TerraAlert
-} from "./chunk.DBWZYUMX.js";
+} from "./chunk.UZZDJISQ.js";
 
 // src/components/alert/alert.ts
 var alert_default = TerraAlert;

package/{dist/chunks/chunk.JLB3AJLB.js → cdn/chunks/chunk.OJC754DG.js}

@@ -1,25 +1,25 @@
 import {
   TerraDialog
-} from "./chunk.XNHODSUI.js";
+} from "./chunk.2LGINANI.js";
 import {
   DataSubsetterHistoryController
-} from "./chunk.GXQRUGWI.js";
+} from "./chunk.6VTAKEV4.js";
 import {
   data_subsetter_history_styles_default
 } from "./chunk.7674U7FT.js";
 import {
   TerraDataSubsetter
-} from "./chunk.Z3HX7EEA.js";
+} from "./chunk.YMHBYV33.js";
 import {
   AuthController
-} from "./chunk.AP4TJGMK.js";
+} from "./chunk.KIC5ZCAM.js";
 import {
   TerraIcon
-} from "./chunk.QCPKB2RQ.js";
+} from "./chunk.2AIVKD54.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MHGQR4W2.js";
+} from "./chunk.O6SXSDFR.js";
 import {
   __decorateClass,
   __privateAdd,

package/cdn/chunks/{chunk.XPUSLKRS.js → chunk.OM26KC4G.js}

@@ -1,7 +1,7 @@
 import {
   getGraphQLClient,
   gql
-} from "./chunk.KAJGV2AN.js";
+} from "./chunk.LLQADAZV.js";
 import {
   __spreadProps,
   __spreadValues,

package/{dist/chunks/chunk.PSJFGFBP.js → cdn/chunks/chunk.OVUWZWWN.js}

@@ -1,6 +1,6 @@
 import {
   FetchController
-} from "./chunk.M54W77XC.js";
+} from "./chunk.HNWBSRBL.js";
 import {
   variable_keyword_search_styles_default
 } from "./chunk.D3DPGMVW.js";
@@ -11,17 +11,17 @@ import {
 } from "./chunk.YY65ZHR5.js";
 import {
   icon_default
-} from "./chunk.2OOE2V74.js";
+} from "./chunk.O7SVDS2A.js";
 import {
   button_default
-} from "./chunk.NGMZML6J.js";
+} from "./chunk.CA2ZDE2M.js";
 import {
   watch
 } from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.MHGQR4W2.js";
+} from "./chunk.O6SXSDFR.js";
 import {
   __decorateClass,
   __privateAdd,

package/{dist/chunks/chunk.5PBPZZYM.js → cdn/chunks/chunk.OX5IY75Y.js}

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

package/cdn/chunks/{chunk.PI4LM4FQ.js → chunk.OXUFHTFN.js}

@@ -1,7 +1,7 @@
 import {
   FINAL_STATUSES,
   HarmonyDataService
-} from "./chunk.XPUSLKRS.js";
+} from "./chunk.OM26KC4G.js";
 import {
   Fuse
 } from "./chunk.WOK6C4SG.js";
@@ -9,7 +9,7 @@ import {
   GET_CMR_SEARCH_RESULTS_ALL,
   GET_CMR_SEARCH_RESULTS_COLLECTIONS,
   GET_CMR_SEARCH_RESULTS_VARIABLES
-} from "./chunk.AQODH346.js";
+} from "./chunk.VLZAS4LQ.js";
 import {
   h
 } from "./chunk.3AZLGGEX.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.VYOUAAH7.js";
 import {
   getGraphQLClient
-} from "./chunk.KAJGV2AN.js";
+} from "./chunk.LLQADAZV.js";
 import {
   __privateAdd,
   __privateGet,
@@ -110,6 +110,9 @@ var DataSubsetterController = class {
     __privateSet(this, _metadataCatalog, __privateMethod(this, _getMetadataCatalog, getMetadataCatalog_fn).call(this));
     this.fetchCollectionTask = new h(host, {
       task: async ([collectionEntryId], { signal }) => {
+        if (!__privateGet(this, _host).bearerToken) {
+          return void 0;
+        }
         __privateGet(this, _host).collectionWithServices = collectionEntryId ? await __privateGet(this, _dataService).getCollectionWithAvailableServices(
           collectionEntryId,
           {
@@ -120,7 +123,10 @@ var DataSubsetterController = class {
         ) : void 0;
         return __privateGet(this, _host).collectionWithServices;
       },
-      args: () => [__privateGet(this, _host).collectionEntryId]
+      args: () => [
+        __privateGet(this, _host).collectionEntryId,
+        __privateGet(this, _host).bearerToken
+      ]
     });
     this.searchCmrTask = new h(host, {
       task: async ([searchQuery, searchType], { signal }) => {

package/cdn/chunks/chunk.OY5R7EVO.js

@@ -0,0 +1,24 @@
+import {
+  TerraVariableCombobox
+} from "./chunk.4EIGF3E4.js";
+
+// src/react/variable-combobox/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-variable-combobox";
+TerraVariableCombobox.define("terra-variable-combobox");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraVariableCombobox,
+  react: React,
+  events: {
+    onTerraComboboxChange: "terra-combobox-change"
+  },
+  displayName: "TerraVariableCombobox"
+});
+var variable_combobox_default = reactWrapper;
+
+export {
+  variable_combobox_default
+};

package/cdn/chunks/chunk.P6OOV5UQ.js

@@ -0,0 +1,25 @@
+import {
+  TerraTimeSeries
+} from "./chunk.B6JXOXP5.js";
+
+// src/react/time-series/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-time-series";
+TerraTimeSeries.define("terra-time-series");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTimeSeries,
+  react: React,
+  events: {
+    onTerraDateRangeChange: "terra-date-range-change",
+    onTerraTimeSeriesDataChange: "terra-time-series-data-change"
+  },
+  displayName: "TerraTimeSeries"
+});
+var time_series_default = reactWrapper;
+
+export {
+  time_series_default
+};

package/cdn/chunks/chunk.P7EL7GKI.js

@@ -0,0 +1,41 @@
+// src/components/time-average-map/time-average-map.styles.ts
+import { css } from "lit";
+var time_average_map_styles_default = css`
+    :host {
+        display: block;
+        height: 800px;
+    }
+
+    #map {
+        width: 100%;
+        height: 100%;
+    }
+
+    #settings {
+        position: absolute;
+        bottom: 10px;
+        left: 10px;
+        background: rgba(255, 255, 255, 0.9);
+        padding: 8px 10px;
+        border-radius: 4px;
+        font-size: 12px;
+        font-family: monospace;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+        z-index: 10;
+        pointer-events: auto;
+    }
+
+    label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    input[type='range'] {
+        vertical-align: middle;
+    }
+`;
+
+export {
+  time_average_map_styles_default
+};