@nasa-terra/components 0.0.60 → 0.0.63

package/dist/chunks/chunk.PMFGHKD2.js

@@ -0,0 +1,233 @@
+import {
+  TimeAvgMapController
+} from "./chunk.4Y3U4UUC.js";
+import {
+  time_average_map_styles_default
+} from "./chunk.VSZLMYWV.js";
+import {
+  TerraPlotToolbar
+} from "./chunk.KBQJ4D62.js";
+import {
+  AuthController
+} from "./chunk.UK6REENS.js";
+import {
+  GiovanniVariableCatalog
+} from "./chunk.2OG44KDU.js";
+import {
+  TerraButton
+} from "./chunk.7DZ3HM3P.js";
+import {
+  TerraIcon
+} from "./chunk.7ZMNC2EP.js";
+import {
+  watch
+} from "./chunk.DTUHBE3U.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.3I3EQO4P.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateSet
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/time-average-map/time-average-map.component.ts
+import { html } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { Map, View } from "ol";
+import WebGLTileLayer from "ol/layer/WebGLTile.js";
+import OSM from "ol/source/OSM.js";
+import GeoTIFF from "ol/source/GeoTIFF.js";
+import { Task } from "@lit/task";
+import { cache } from "lit/directives/cache.js";
+var _controller, _catalog, _map, _gtLayer;
+var TerraTimeAverageMap = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.activeMenuItem = null;
+    this.long_name = "";
+    __privateAdd(this, _controller, void 0);
+    __privateAdd(this, _catalog, new GiovanniVariableCatalog());
+    this._authController = new AuthController(this);
+    __privateAdd(this, _map, null);
+    __privateAdd(this, _gtLayer, null);
+    /**
+     * anytime the collection or variable changes, we'll fetch the variable from the catalog to get all of it's metadata
+     */
+    this._fetchVariableTask = new Task(this, {
+      task: async (_args, { signal }) => {
+        var _a, _b, _c, _d;
+        const variableEntryId = this.getVariableEntryId();
+        if (!variableEntryId) {
+          return;
+        }
+        console.debug("Fetch variable ", variableEntryId);
+        const variable = await __privateGet(this, _catalog).getVariable(variableEntryId, {
+          signal
+        });
+        console.debug("Found variable ", variable);
+        if (!variable) {
+          return;
+        }
+        this.startDate = (_b = this.startDate) != null ? _b : (_a = variable.exampleInitialStartDate) == null ? void 0 : _a.toISOString();
+        this.endDate = (_d = this.endDate) != null ? _d : (_c = variable.exampleInitialEndDate) == null ? void 0 : _c.toISOString();
+        this.catalogVariable = variable;
+      },
+      args: () => [this.collection, this.variable]
+    });
+  }
+  handleFocus(_oldValue, newValue) {
+    if (newValue === null) {
+      return;
+    }
+    this.menu.focus();
+  }
+  async firstUpdated() {
+    __privateSet(this, _controller, new TimeAvgMapController(this));
+    this.intializeMap();
+    this.updateGeoTIFFLayer();
+  }
+  async updateGeoTIFFLayer() {
+    var _a;
+    await __privateGet(this, _controller).jobStatusTask.run();
+    let job_status_value = __privateGet(this, _controller).jobStatusTask.value;
+    const blobUrl = URL.createObjectURL(job_status_value);
+    const gtSource = new GeoTIFF({
+      sources: [
+        {
+          url: blobUrl,
+          bands: [1],
+          nodata: NaN
+        }
+      ],
+      interpolate: false,
+      normalize: false
+    });
+    __privateSet(this, _gtLayer, new WebGLTileLayer({
+      source: gtSource
+    }));
+    if (__privateGet(this, _map)) {
+      __privateGet(this, _map).addLayer(__privateGet(this, _gtLayer));
+    }
+    const metadata = await this.fetchGeotiffMetadata(gtSource);
+    this.long_name = (_a = metadata["long_name"]) != null ? _a : "";
+  }
+  intializeMap() {
+    var _a, _b;
+    const baseLayer = new WebGLTileLayer({
+      source: new OSM()
+    });
+    __privateSet(this, _map, new Map({
+      target: (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("map")) != null ? _b : void 0,
+      layers: [baseLayer],
+      view: new View({
+        center: [0, 0],
+        zoom: 2,
+        projection: "EPSG:3857"
+      })
+    }));
+  }
+  async fetchGeotiffMetadata(gtSource) {
+    var _a;
+    await gtSource.getView();
+    const internal = gtSource;
+    const gtImage = internal.sourceImagery_[0][0];
+    const gtMetadata = (_a = gtImage.fileDirectory) == null ? void 0 : _a.GDAL_METADATA;
+    const parser = new DOMParser();
+    const xmlDoc = parser.parseFromString(gtMetadata, "application/xml");
+    const items = xmlDoc.querySelectorAll("Item");
+    const dataObj = {};
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      const name = item.getAttribute("name");
+      const value = item.textContent ? item.textContent.trim() : "";
+      if (name) {
+        dataObj[name] = value;
+      }
+    }
+    console.log("Data obj: ", dataObj);
+    return dataObj;
+  }
+  getVariableEntryId() {
+    if (!this.collection || !this.variable) {
+      return;
+    }
+    return `${this.collection}_${this.variable}`;
+  }
+  render() {
+    var _a;
+    return html`
+            ${cache(
+      this.catalogVariable ? html`<terra-plot-toolbar
+                          dataType="geotiff"
+                          .catalogVariable=${this.catalogVariable}
+                          .timeSeriesData=${(_a = __privateGet(this, _controller).jobStatusTask) == null ? void 0 : _a.value}
+                          .location=${this.location}
+                          .startDate=${this.startDate}
+                          .endDate=${this.endDate}
+                          .cacheKey=${__privateGet(this, _controller).getCacheKey()}
+                          .variableEntryId=${this.getVariableEntryId()}
+                      ></terra-plot-toolbar>` : html`<div class="spacer"></div>`
+    )}
+
+            <div id="map"></div>
+        `;
+  }
+};
+_controller = new WeakMap();
+_catalog = new WeakMap();
+_map = new WeakMap();
+_gtLayer = new WeakMap();
+TerraTimeAverageMap.styles = [component_styles_default, time_average_map_styles_default];
+TerraTimeAverageMap.dependencies = {
+  "terra-button": TerraButton,
+  "terra-icon": TerraIcon,
+  "terra-plot-toolbar": TerraPlotToolbar
+};
+__decorateClass([
+  property({ reflect: true })
+], TerraTimeAverageMap.prototype, "collection", 2);
+__decorateClass([
+  property({ reflect: true })
+], TerraTimeAverageMap.prototype, "variable", 2);
+__decorateClass([
+  property({
+    attribute: "start-date",
+    reflect: true
+  })
+], TerraTimeAverageMap.prototype, "startDate", 2);
+__decorateClass([
+  property({
+    attribute: "end-date",
+    reflect: true
+  })
+], TerraTimeAverageMap.prototype, "endDate", 2);
+__decorateClass([
+  property({
+    reflect: true
+  })
+], TerraTimeAverageMap.prototype, "location", 2);
+__decorateClass([
+  state()
+], TerraTimeAverageMap.prototype, "activeMenuItem", 2);
+__decorateClass([
+  watch("activeMenuItem")
+], TerraTimeAverageMap.prototype, "handleFocus", 1);
+__decorateClass([
+  property({ attribute: "bearer-token", reflect: false })
+], TerraTimeAverageMap.prototype, "bearerToken", 2);
+__decorateClass([
+  property({ type: String })
+], TerraTimeAverageMap.prototype, "long_name", 2);
+__decorateClass([
+  query("#menu")
+], TerraTimeAverageMap.prototype, "menu", 2);
+__decorateClass([
+  state()
+], TerraTimeAverageMap.prototype, "catalogVariable", 2);
+
+export {
+  TerraTimeAverageMap
+};

package/{cdn/chunks/chunk.BWBTQSTN.js → dist/chunks/chunk.QKCMDBKR.js}

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

package/dist/chunks/{chunk.UZLE6KVI.js → chunk.QOTILAAM.js}

@@ -1,25 +1,25 @@
+import {
+  leaflet_draw_styles_default
+} from "./chunk.445A7YVG.js";
+import {
+  Leaflet
+} from "./chunk.IAA33R4X.js";
 import {
   leaflet_styles_default
-} from "./chunk.LELNKRPW.js";
+} from "./chunk.HNQMK3PU.js";
 import {
   MapController
-} from "./chunk.D63J4RKY.js";
+} from "./chunk.JY5KBXRE.js";
 import {
   map_styles_default
-} from "./chunk.GR7XHOA3.js";
-import {
-  leaflet_draw_styles_default
-} from "./chunk.P442U2FF.js";
-import {
-  Leaflet
-} from "./chunk.OPIEMOCR.js";
+} from "./chunk.BEDYDFXT.js";
 import {
   watch
-} from "./chunk.SK7IZCKP.js";
+} from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/chunk.QQQ2BD4U.js

@@ -0,0 +1,80 @@
+// src/components/time-series/time-series.styles.ts
+import { css } from "lit";
+var time_series_styles_default = css`
+    :host {
+        display: grid;
+        gap: 1.5rem 0.75rem;
+        grid-template-rows: auto;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    terra-variable-combobox {
+        grid-column: 1 / 2;
+    }
+
+    terra-spatial-picker {
+        grid-column: 2 / 3;
+    }
+
+    .plot-container {
+        grid-column: 1 / 3;
+    }
+
+    .spacer {
+        padding-block: 1.375rem;
+    }
+
+    terra-plot::part(plot-title) {
+        opacity: 0;
+        z-index: 0 !important;
+    }
+
+    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;
+    }
+`;
+
+export {
+  time_series_styles_default
+};

package/dist/chunks/{chunk.FKXB7XEU.js → chunk.RUGT5ALL.js}

@@ -1,17 +1,17 @@
 import {
   combobox_styles_default
-} from "./chunk.7WL3WWGJ.js";
+} from "./chunk.V2Z7ZBTD.js";
 import {
   clearSelection,
   walkToOption
-} from "./chunk.LMGJJIIS.js";
+} from "./chunk.FUU57PWY.js";
 import {
   watch
-} from "./chunk.SK7IZCKP.js";
+} from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.VSAGY2NW.js → chunk.SIDRHQTB.js}

@@ -1,22 +1,22 @@
-import {
-  login_styles_default
-} from "./chunk.24GW2RSV.js";
 import {
   loader_default
-} from "./chunk.73YL47RN.js";
+} from "./chunk.SQVBCWKL.js";
+import {
+  login_styles_default
+} from "./chunk.TCEJ3MS6.js";
 import {
   AuthController
-} from "./chunk.2HPFAVOM.js";
+} from "./chunk.UK6REENS.js";
 import {
   icon_default
-} from "./chunk.GICLLJNS.js";
+} from "./chunk.ZY3XITMC.js";
 import {
   button_default
-} from "./chunk.AGNOMHH2.js";
+} from "./chunk.GWQS2AWR.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.3XSH7MTP.js → chunk.SMJTK25M.js}

@@ -1,34 +1,34 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.STTT6JDX.js";
+} from "./chunk.7VB66VZ7.js";
 import {
   TerraSkeleton
-} from "./chunk.6KVL7SY6.js";
+} from "./chunk.4JBTWS4S.js";
 import {
   getRandomIntInclusive
-} from "./chunk.7PAVW6KC.js";
+} from "./chunk.UZAIWUWC.js";
 import {
   TerraLoader
-} from "./chunk.ILZSIUHL.js";
+} from "./chunk.33A7COJE.js";
+import {
+  BrowseVariablesController
+} from "./chunk.2NH3CZZZ.js";
+import {
+  browse_variables_styles_default
+} from "./chunk.NMWP5DQX.js";
 import {
   TerraButton
-} from "./chunk.UOQOJQEV.js";
+} from "./chunk.7DZ3HM3P.js";
 import {
   TerraIcon
-} from "./chunk.3LDTADZY.js";
+} from "./chunk.7ZMNC2EP.js";
 import {
   watch
-} from "./chunk.SK7IZCKP.js";
+} from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
-import {
-  BrowseVariablesController
-} from "./chunk.YBVWNYOE.js";
-import {
-  browse_variables_styles_default
-} from "./chunk.DNBZHQCS.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass,
   __objRest,

package/{cdn/chunks/chunk.ALG7FPS2.js → dist/chunks/chunk.SQVBCWKL.js}

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

package/dist/chunks/{chunk.DZKJA55J.js → chunk.U2R5JB5O.js}

@@ -1,10 +1,10 @@
 import {
   dialog_styles_default
-} from "./chunk.OPPQDVNB.js";
+} from "./chunk.3PUTIFOP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.2HPFAVOM.js → chunk.UK6REENS.js}

@@ -1,6 +1,6 @@
 import {
   authService
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __privateAdd,
   __privateGet,

package/{cdn/chunks/chunk.2NMWP5DN.js → dist/chunks/chunk.US6MRVQM.js}

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

package/dist/chunks/{chunk.ZBDETE57.js → chunk.USQFNMWY.js}

@@ -1,10 +1,10 @@
 import {
   chip_styles_default
-} from "./chunk.KZ3ISS6V.js";
+} from "./chunk.XOD4KYCP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.GOAMZCJ6.js → chunk.UWIX5KQU.js}

@@ -1,41 +1,41 @@
 import {
   defaultSubsetFileMimeType,
   getFriendlyNameForMimeType
-} from "./chunk.SF6MBAEP.js";
+} from "./chunk.4MGGBJBD.js";
 import {
   TerraLogin
-} from "./chunk.VSAGY2NW.js";
+} from "./chunk.SIDRHQTB.js";
 import {
   TerraDatePicker
-} from "./chunk.ULQFQZHD.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.MWPGY5IJ.js";
-import {
-  AuthController
-} from "./chunk.2HPFAVOM.js";
+} from "./chunk.F2OKKGLF.js";
 import {
   DataSubsetterController
-} from "./chunk.HN6I5KTN.js";
+} from "./chunk.6YCZZJMS.js";
 import {
   data_subsetter_styles_default
-} from "./chunk.BVX3SO2F.js";
+} from "./chunk.5ASTHFQ2.js";
+import {
+  TerraSpatialPicker
+} from "./chunk.XS6RC2OD.js";
+import {
+  AuthController
+} from "./chunk.UK6REENS.js";
 import {
   TerraAccordion
-} from "./chunk.IJCCUYTL.js";
+} from "./chunk.JL6YLQX2.js";
 import {
   TerraIcon
-} from "./chunk.3LDTADZY.js";
+} from "./chunk.7ZMNC2EP.js";
+import {
+  getBasePath
+} from "./chunk.PBC3S6IG.js";
 import {
   watch
-} from "./chunk.SK7IZCKP.js";
+} from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
-import {
-  getBasePath
-} from "./chunk.NQKBKXPW.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass,
   __privateAdd,

package/dist/chunks/{chunk.JTV3QJGO.js → chunk.VKDQZEQL.js}

@@ -1,16 +1,16 @@
-import {
-  alert_styles_default
-} from "./chunk.3WKUS32S.js";
 import {
   HasSlotController
-} from "./chunk.6OAPBJRP.js";
+} from "./chunk.HWZP2UTW.js";
+import {
+  alert_styles_default
+} from "./chunk.YXLIUMJM.js";
 import {
   watch
-} from "./chunk.SK7IZCKP.js";
+} from "./chunk.DTUHBE3U.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/dist/chunks/chunk.VSZLMYWV.js

@@ -0,0 +1,17 @@
+// 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: 600px;
+    }
+
+    #map {
+        width: 100%;
+        height: 100%;
+    }
+`;
+
+export {
+  time_average_map_styles_default
+};

package/{cdn/chunks/chunk.Z5MRKTNC.js → dist/chunks/chunk.XGEV5XZS.js}

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

package/dist/chunks/{chunk.2DQS7YWJ.js → chunk.XJVLYIYE.js}

@@ -1,6 +1,6 @@
 import {
   formCollections
-} from "./chunk.KAV5L6Z5.js";
+} from "./chunk.V7LXD3II.js";
 
 // src/utilities/form.ts
 function serialize(form) {

package/dist/chunks/{chunk.MWPGY5IJ.js → chunk.XS6RC2OD.js}

@@ -1,17 +1,17 @@
 import {
   spatial_picker_styles_default
-} from "./chunk.N7J6PIAG.js";
+} from "./chunk.AQOGDZ4T.js";
 import {
   TerraMap
-} from "./chunk.UZLE6KVI.js";
+} from "./chunk.QOTILAAM.js";
 import {
   StringifyBoundingBox,
   parseBoundingBox
-} from "./chunk.OPIEMOCR.js";
+} from "./chunk.IAA33R4X.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.GS325B24.js";
+} from "./chunk.3I3EQO4P.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";

package/{cdn/chunks/chunk.R3H34254.js → dist/chunks/chunk.YKP2DA36.js}

@@ -1,6 +1,6 @@
 import {
   TerraAccordion
-} from "./chunk.2EEOIGVN.js";
+} from "./chunk.JL6YLQX2.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = TerraAccordion;