npm - @nasa-terra/components - Versions diffs - 0.0.77 → 0.0.80 - Mend

@nasa-terra/components 0.0.77 → 0.0.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (357) hide show

package/cdn/chunks/{chunk.IZLC5HUW.js → chunk.GOCVSR3P.js} RENAMED Viewed

@@ -1,16 +1,16 @@
-import {
-  plot_styles_default
-} from "./chunk.4VO545RN.js";
 import {
   require_plotly_min
 } from "./chunk.O7ZKAFVG.js";
+import {
+  plot_styles_default
+} from "./chunk.4VO545RN.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HCOIWQGH.js";
+} from "./chunk.ASDYOACP.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.IOWDSKFM.js → chunk.GONQUXRU.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraAlert
-} from "./chunk.7ZP66IGM.js";
+} from "./chunk.ZUASERG5.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.3L5IO65X.js → chunk.GWHEAPW2.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.WJENPIUH.js";
+} from "./chunk.XLV73VSQ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.6AVYZ3MW.js → chunk.HIQSMMXV.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.OZTDXAX5.js";
+} from "./chunk.62EOK77M.js";
 import {
   DataSubsetterHistoryController
 } from "./chunk.HYCJBOI5.js";
@@ -9,17 +9,17 @@ import {
 } from "./chunk.GJZZSGUB.js";
 import {
   TerraDataSubsetter
-} from "./chunk.SOIYGJ23.js";
+} from "./chunk.TN6OW2JR.js";
 import {
   AuthController
-} from "./chunk.WKTM6GJT.js";
+} from "./chunk.4FYLLTGM.js";
 import {
   TerraIcon
-} from "./chunk.MLP7HBSH.js";
+} from "./chunk.EH4NX6EQ.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HCOIWQGH.js";
+} from "./chunk.ASDYOACP.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.AVWY2MQ6.js → chunk.HNKDVXQB.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraPlot
-} from "./chunk.IZLC5HUW.js";
+} from "./chunk.GOCVSR3P.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.CVXY24L3.js → chunk.IB2DZNRK.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.GM6MK2EB.js";
+} from "./chunk.47LZ7UV2.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.BD3LZWPF.js → chunk.IHZ2IFNB.js} RENAMED Viewed

@@ -25,7 +25,7 @@ function getTimeAveragedMapNotebook(host) {
     {
       id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
       cell_type: "code",
-      source: '%pip install -q "terra_ui_components==0.0.70" "anywidget==0.9.15" "pandas"',
+      source: '%pip install -q "terra_ui_components==0.0.80" "anywidget==0.9.15" "pandas"',
       metadata: {
         trusted: true
       },
@@ -43,8 +43,8 @@ function getTimeAveragedMapNotebook(host) {
       cell_type: "code",
       source: `from terra_ui_components import TerraTimeAverageMap
 map = TerraTimeAverageMap()
-map.collection='${host.catalogVariable.dataProductShortName}_${host.catalogVariable.dataProductVersion}'
-map.variable = '${host.catalogVariable.dataFieldShortName}'
+map.collection='${host.catalogVariable.dataFieldId.replace(`_${host.catalogVariable.dataFieldAccessName}`, "")}'
+map.variable = '${host.catalogVariable.dataFieldAccessName}'
 map.startDate = '${host.startDate}'
 map.endDate = '${host.endDate}'
 map.location = '${host.location}'

package/cdn/chunks/{chunk.UD2MPINQ.js → chunk.K53KKANP.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.L2WPUQ7B.js";
+} from "./chunk.P4CX7CPP.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.7MOA4J7J.js → chunk.K56JBLRC.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraAccordion
-} from "./chunk.PRK4GQ4U.js";
+} from "./chunk.4HPA56LD.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.SKWBBH6E.js → chunk.KAOKEMXX.js} RENAMED Viewed

@@ -1,29 +1,29 @@
 import {
   TerraVariableCombobox
-} from "./chunk.W5VBFDDM.js";
+} from "./chunk.LG46IXYS.js";
 import {
   TerraTimeSeries
-} from "./chunk.GFKDLMZP.js";
+} from "./chunk.NIXL5U3T.js";
 import {
   getFetchVariableTask,
   getVariableEntryId
 } from "./chunk.NFZX5QLA.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.KZD527IM.js";
+} from "./chunk.ELPDO5GJ.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.2V7X2Z7U.js";
 import {
   data_rods_styles_default
 } from "./chunk.JFG62QF5.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.LIP3MH2T.js";
 import {
   getUTCDate
 } from "./chunk.VYOUAAH7.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HCOIWQGH.js";
+} from "./chunk.ASDYOACP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.NBDYVJG7.js → chunk.L3D2LWXH.js} RENAMED Viewed

@@ -3,14 +3,14 @@ import {
 } from "./chunk.75PZH4W2.js";
 import {
   skeleton_default
-} from "./chunk.3SQ33WJL.js";
+} from "./chunk.E33KT63N.js";
 import {
   skeleton_styles_default
 } from "./chunk.CJDWJPSB.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HCOIWQGH.js";
+} from "./chunk.ASDYOACP.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";

package/cdn/chunks/{chunk.Z726T3DO.js → chunk.L6BBAF5B.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.MLP7HBSH.js";
+} from "./chunk.EH4NX6EQ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.W5VBFDDM.js → chunk.LG46IXYS.js} RENAMED Viewed

@@ -17,7 +17,10 @@ import {
 } from "./chunk.EDY6YM3Y.js";
 import {
   icon_default
-} from "./chunk.Z726T3DO.js";
+} from "./chunk.L6BBAF5B.js";
+import {
+  button_default
+} from "./chunk.BNMIB6EP.js";
 import {
   n as n2
 } from "./chunk.QFJLPXXJ.js";
@@ -27,16 +30,13 @@ import {
 import {
   Fuse
 } from "./chunk.WOK6C4SG.js";
-import {
-  button_default
-} from "./chunk.6Q6I7PZT.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HCOIWQGH.js";
+} from "./chunk.ASDYOACP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.WHEKMGLU.js → chunk.LRAXZNFD.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.T4PNGMEY.js";
+} from "./chunk.ZOWBRC6L.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.NEX76C32.js → chunk.LSZF2KOX.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetterHistory
-} from "./chunk.6AVYZ3MW.js";
+} from "./chunk.HIQSMMXV.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.3AMSF2QE.js → chunk.M23373KM.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraTimeAverageMap
-} from "./chunk.NJXH3IRZ.js";
+} from "./chunk.PLQSGWNR.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.5K4QCQFC.js → chunk.M4BFE4IR.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.LIP3MH2T.js";
+} from "./chunk.2V7X2Z7U.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.GPD7GBEI.js → chunk.MWUWG4Y4.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.W5VBFDDM.js";
+} from "./chunk.LG46IXYS.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.TVBK6ADB.js → chunk.N7HZ5LUM.js} RENAMED Viewed

@@ -13,8 +13,25 @@ init_buffer();
 init_process();
 var time_average_map_styles_default = i`
     :host {
-        display: block;
-        height: 800px;
+        display: grid;
+        grid-template-rows: auto 1fr;
+        grid-template-columns: 1fr;
+    }
+    .spacer {
+        padding-block: 1.375rem;
+    }
+    .toolbar-container {
+        grid-row: 1;
+    }
+    .map-container {
+        grid-row: 2;
+        position: relative;
+        width: 100%;
+        height: 100%;
+        aspect-ratio: 100 / 52;
     }
     #map {
@@ -26,7 +43,7 @@ var time_average_map_styles_default = i`
     #settings {
         opacity: 0.75;
         position: absolute;
-        bottom: 150px;
+        bottom: 10px;
         left: 10px;
         background: rgba(255, 255, 255, 0.9);
         padding: 8px 10px;
@@ -38,6 +55,51 @@ var time_average_map_styles_default = i`
         pointer-events: auto;
     }
+    dialog {
+        opacity: 1;
+        transition: opacity 0.3s ease-out 0.4s;
+        @starting-style {
+            opacity: 0;
+        }
+        place-self: center;
+        z-index: var(--terra-z-index-dialog);
+    }
+    dialog {
+        width: 450px;
+        max-width: 90vw;
+        padding: 1.5rem;
+        border-radius: 8px;
+        border: 1px solid var(--terra-color-neutral-200, #e5e7eb);
+        box-shadow:
+            0 4px 6px -1px rgba(0, 0, 0, 0.1),
+            0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        background-color: var(--terra-color-neutral-0, #ffffff);
+    }
+    dialog h2 {
+        margin-top: 0;
+        color: var(--terra-color-danger-600, #dc2626);
+        font-size: 1.2rem;
+    }
+    dialog ul {
+        margin-bottom: 1.5rem;
+    }
+    dialog li {
+        margin-bottom: 0.5rem;
+    }
+    .dialog-buttons {
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+        margin-top: 1.5rem;
+    }
     label {
         display: flex;
         align-items: center;
@@ -349,6 +411,45 @@ var time_average_map_styles_default = i`
     .ol-overviewmap .ol-viewport:hover {
         cursor: pointer;
     }
+    /* Responsive design for smaller screens */
+    @media (max-width: 768px) {
+        :host {
+            gap: 1rem 0.5rem;
+        }
+        .map-container {
+            min-height: 300px;
+        }
+        #map {
+            min-height: 300px;
+        }
+        #settings {
+            bottom: 100px;
+            left: 5px;
+            padding: 6px 8px;
+            font-size: 11px;
+        }
+    }
+    @media (max-width: 480px) {
+        .map-container {
+            min-height: 250px;
+        }
+        #map {
+            min-height: 250px;
+        }
+        #settings {
+            bottom: 80px;
+            left: 5px;
+            padding: 4px 6px;
+            font-size: 10px;
+        }
+    }
 `;
 export {

package/cdn/chunks/{chunk.GFKDLMZP.js → chunk.NIXL5U3T.js} RENAMED Viewed

@@ -1,46 +1,46 @@
 import {
   TimeSeriesController
-} from "./chunk.HDPH5PEF.js";
+} from "./chunk.NONB5YOP.js";
 import {
   time_series_styles_default
 } from "./chunk.TPKJOGOH.js";
 import {
   getFetchVariableTask
 } from "./chunk.NFZX5QLA.js";
-import {
-  TerraPlot
-} from "./chunk.IZLC5HUW.js";
 import {
   TerraPlotToolbar
-} from "./chunk.T24KHJE2.js";
+} from "./chunk.DBQJMOBF.js";
+import {
+  TerraPlot
+} from "./chunk.GOCVSR3P.js";
 import {
   AuthController
-} from "./chunk.WKTM6GJT.js";
+} from "./chunk.4FYLLTGM.js";
 import {
   h
 } from "./chunk.EDY6YM3Y.js";
 import {
   TerraLoader
-} from "./chunk.BEFEIFCT.js";
+} from "./chunk.5CBDIJUC.js";
+import {
+  TerraButton
+} from "./chunk.V5C2UFUT.js";
 import {
   s
 } from "./chunk.3AZLGGEX.js";
 import {
   formatDate
 } from "./chunk.VYOUAAH7.js";
-import {
-  TerraButton
-} from "./chunk.AOT6CMXV.js";
 import {
   TerraIcon
-} from "./chunk.MLP7HBSH.js";
+} from "./chunk.EH4NX6EQ.js";
 import {
   TerraAlert
-} from "./chunk.7ZP66IGM.js";
+} from "./chunk.ZUASERG5.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HCOIWQGH.js";
+} from "./chunk.ASDYOACP.js";
 import {
   e,
   n,
@@ -175,10 +175,14 @@ var TerraTimeSeries = class extends TerraElement {
             </div>
             <dialog
-                ?open=${__privateGet(this, _timeSeriesController).task.status === s.PENDING}
+                ?open=${__privateGet(this, _timeSeriesController).task.status === s.PENDING || this._fetchVariableTask.status === s.PENDING}
             >
                 <terra-loader indeterminate></terra-loader>
-                <p>Plotting ${(_c = this.catalogVariable) == null ? void 0 : _c.dataFieldId}&hellip;</p>
+                ${__privateGet(this, _timeSeriesController).task.status === s.PENDING ? x`<p>
+                          Plotting ${(_c = this.catalogVariable) == null ? void 0 : _c.dataFieldId}&hellip;
+                      </p>` : x`<p>Preparing plot&hellip;</p>`}
                 <terra-button @click=${__privateMethod(this, _abortDataLoad, abortDataLoad_fn)}>Cancel</terra-button>
             </dialog>

package/cdn/chunks/{chunk.HDPH5PEF.js → chunk.NONB5YOP.js} RENAMED Viewed

@@ -409,9 +409,14 @@ fetchTimeSeriesChunk_fn = async function(variableEntryId, startDate, endDate, si
     const response = await fetch(url, {
       mode: "cors",
       signal,
-      headers: __spreadValues({
+      headers: {
         Accept: "application/json"
-      }, this.host.bearerToken ? { Authorization: `Bearer: ${this.host.bearerToken}` } : {})
+        /* TODO: figure out why bearer tokens are not working
+        ...(this.host.bearerToken
+            ? { Authorization: `Bearer: ${this.host.bearerToken}` }
+            : {}),
+            */
+      }
     });
     if (!response.ok) {
       this.host.dispatchEvent(

package/cdn/chunks/{chunk.ISSEZQBL.js → chunk.NW42KS32.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.MIRF7JMU.js";
+} from "./chunk.QGRJLAF7.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.L2WPUQ7B.js → chunk.P4CX7CPP.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HCOIWQGH.js";
+} from "./chunk.ASDYOACP.js";
 import {
   n
 } from "./chunk.KACZXI5J.js";

package/cdn/chunks/{chunk.CYBFDV6E.js → chunk.PBNTZOPR.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.GFKDLMZP.js";
+} from "./chunk.NIXL5U3T.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.XKT2TWT2.js → chunk.PKZ72XUI.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetterHistory
-} from "./chunk.6AVYZ3MW.js";
+} from "./chunk.HIQSMMXV.js";
 import {
   init_buffer,
   init_dirname,