@nasa-terra/components 0.0.194 → 0.0.196

package/cdn/chunks/chunk.RHO6EQQS.js

@@ -0,0 +1,151 @@
+import {
+  menu_styles_default
+} from "./chunk.CGFHAHHH.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e
+} from "./chunk.S7PDZNJ7.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/menu/menu.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraMenu = class extends TerraElement {
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "menu");
+  }
+  handleClick(event) {
+    const menuItemTypes = ["menuitem", "menuitemcheckbox"];
+    const composedPath = event.composedPath();
+    const target = composedPath.find(
+      (el) => {
+        var _a;
+        return menuItemTypes.includes(((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) || "");
+      }
+    );
+    if (!target)
+      return;
+    const closestMenu = composedPath.find(
+      (el) => {
+        var _a;
+        return ((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) === "menu";
+      }
+    );
+    const clickHasSubmenu = closestMenu !== this;
+    if (clickHasSubmenu)
+      return;
+    const item = target;
+    if (item.type === "checkbox") {
+      item.checked = !item.checked;
+    }
+    this.emit("terra-select", { detail: { item } });
+  }
+  handleKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      const item = this.getCurrentItem();
+      event.preventDefault();
+      event.stopPropagation();
+      item == null ? void 0 : item.click();
+    } else if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
+      const items = this.getAllItems();
+      const activeItem = this.getCurrentItem();
+      let index = activeItem ? items.indexOf(activeItem) : 0;
+      if (items.length > 0) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (event.key === "ArrowDown") {
+          index++;
+        } else if (event.key === "ArrowUp") {
+          index--;
+        } else if (event.key === "Home") {
+          index = 0;
+        } else if (event.key === "End") {
+          index = items.length - 1;
+        }
+        if (index < 0) {
+          index = items.length - 1;
+        }
+        if (index > items.length - 1) {
+          index = 0;
+        }
+        this.setCurrentItem(items[index]);
+        items[index].focus();
+      }
+    }
+  }
+  handleMouseDown(event) {
+    const target = event.target;
+    if (this.isMenuItem(target)) {
+      this.setCurrentItem(target);
+    }
+  }
+  handleSlotChange() {
+    const items = this.getAllItems();
+    if (items.length > 0) {
+      this.setCurrentItem(items[0]);
+    }
+  }
+  isMenuItem(item) {
+    var _a;
+    return item.tagName.toLowerCase() === "terra-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes(
+      (_a = item.getAttribute("role")) != null ? _a : ""
+    );
+  }
+  /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
+  getAllItems() {
+    return [...this.defaultSlot.assignedElements({ flatten: true })].filter(
+      (el) => {
+        if (el.inert || !this.isMenuItem(el)) {
+          return false;
+        }
+        return true;
+      }
+    );
+  }
+  /**
+   * @internal Gets the current menu item, which is the menu item that has `tabindex="0"` within the roving tab index.
+   * The menu item may or may not have focus, but for keyboard interaction purposes it's considered the "active" item.
+   */
+  getCurrentItem() {
+    return this.getAllItems().find((i) => i.getAttribute("tabindex") === "0");
+  }
+  /**
+   * @internal Sets the current menu item to the specified element. This sets `tabindex="0"` on the target element and
+   * `tabindex="-1"` to all other items. This method must be called prior to setting focus on a menu item.
+   */
+  setCurrentItem(item) {
+    const items = this.getAllItems();
+    items.forEach((i) => {
+      i.setAttribute("tabindex", i === item ? "0" : "-1");
+    });
+  }
+  render() {
+    return b`
+            <slot
+                @slotchange=${this.handleSlotChange}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+                @mousedown=${this.handleMouseDown}
+            ></slot>
+        `;
+  }
+};
+TerraMenu.styles = [component_styles_default, menu_styles_default];
+__decorateClass([
+  e("slot")
+], TerraMenu.prototype, "defaultSlot", 2);
+
+export {
+  TerraMenu
+};

package/cdn/chunks/chunk.RIH5UEUF.js

@@ -0,0 +1,19 @@
+import {
+  TerraInput
+} from "./chunk.LYP4X5NY.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/input/input.ts
+init_dirname();
+init_buffer();
+init_process();
+var input_default = TerraInput;
+TerraInput.define("terra-input");
+
+export {
+  input_default
+};

package/cdn/chunks/chunk.RKDJYJC4.js

@@ -0,0 +1,29 @@
+import {
+  TerraTimeAverageMap
+} from "./chunk.WG76UWFU.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.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.RKS4PEGG.js

@@ -0,0 +1,330 @@
+import {
+  time_average_map_cache_service_default
+} from "./chunk.JA2QGWIW.js";
+import {
+  HarmonyRequestController
+} from "./chunk.CROGJ6YF.js";
+import {
+  HarmonyRequest
+} from "./chunk.5YAN7WHN.js";
+import {
+  extractHarmonyError
+} from "./chunk.USKVG5GU.js";
+import {
+  h
+} from "./chunk.BQDEKCXK.js";
+import {
+  CollectionController
+} from "./chunk.JXSV4XD4.js";
+import {
+  FINAL_STATUSES,
+  ThumbnailService
+} from "./chunk.I7HUTXHU.js";
+import {
+  LatLngBounds
+} from "./chunk.B2HOZPO6.js";
+import {
+  formatDate
+} from "./chunk.X2BIJLHO.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadValues,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/time-average-map/time-average-map.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+var HARMONY_LINK_PROXY_URL = "https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy";
+var HARMONY_STATUS_WAIT_INTERVAL_MS = 300;
+var MAX_COLLECTION_CONCEPT_ID_WAIT_MS = 1e4;
+var _host, _cacheService, _thumbnailService, _collectionController, _harmonyRequestController, _getCollectionEntryId, getCollectionEntryId_fn, _waitForCollectionConceptId, waitForCollectionConceptId_fn, _waitForHarmonyJob, waitForHarmonyJob_fn, _fetchJobBlob, fetchJobBlob_fn, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn, _captureThumbnail, captureThumbnail_fn, _handleHarmonyError, handleHarmonyError_fn, _sleep, sleep_fn;
+var TimeAvgMapController = class {
+  constructor(host) {
+    __privateAdd(this, _getCollectionEntryId);
+    __privateAdd(this, _waitForCollectionConceptId);
+    __privateAdd(this, _waitForHarmonyJob);
+    __privateAdd(this, _fetchJobBlob);
+    __privateAdd(this, _updateGeoTIFFLayer);
+    __privateAdd(this, _captureThumbnail);
+    __privateAdd(this, _handleHarmonyError);
+    __privateAdd(this, _sleep);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _cacheService, new time_average_map_cache_service_default());
+    __privateAdd(this, _thumbnailService, new ThumbnailService());
+    __privateAdd(this, _collectionController, void 0);
+    __privateAdd(this, _harmonyRequestController, void 0);
+    __privateSet(this, _host, host);
+    __privateSet(this, _collectionController, new CollectionController(__privateGet(this, _host), {
+      getCollectionEntryId: () => __privateMethod(this, _getCollectionEntryId, getCollectionEntryId_fn).call(this),
+      getBearerToken: () => __privateGet(this, _host).bearerToken
+    }));
+    __privateSet(this, _harmonyRequestController, new HarmonyRequestController(__privateGet(this, _host)));
+    this.jobStatusTask = new h(host, {
+      task: async ([], { signal }) => {
+        var _a, _b, _c, _d;
+        const startDate = __privateGet(this, _host).startDate;
+        const endDate = __privateGet(this, _host).endDate;
+        const location = __privateGet(this, _host).location;
+        const catalogVariable = __privateGet(this, _host).catalogVariable;
+        if (!startDate || !endDate || !location || !catalogVariable) {
+          return void 0;
+        }
+        __privateGet(this, _harmonyRequestController).reset();
+        __privateGet(this, _host).harmonyJobId = void 0;
+        const cacheKey = this.getCacheKey();
+        if (__privateGet(this, _host).cache) {
+          const existing = await __privateGet(this, _cacheService).getValidCacheEntry(cacheKey);
+          if (existing) {
+            console.log(
+              "Returning existing map blob from cache",
+              cacheKey
+            );
+            __privateGet(this, _host).harmonyJobId = existing.harmonyJobId;
+            __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, existing.blob);
+            return existing.blob;
+          }
+        }
+        if (__privateGet(this, _host).jobId) {
+          console.log("Using provided jobId, waiting for harmony job...");
+          const jobStatus2 = await __privateMethod(this, _waitForHarmonyJob, waitForHarmonyJob_fn).call(this, __privateGet(this, _host).jobId, signal);
+          if (jobStatus2.status === "failed" /* FAILED */) {
+            const errorMessage = jobStatus2.message || ((_b = (_a = jobStatus2.errors) == null ? void 0 : _a[0]) == null ? void 0 : _b.message) || "The subset job failed";
+            const error = new Error(errorMessage);
+            __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus2.errors);
+            throw error;
+          }
+          if (jobStatus2.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ && jobStatus2.errors && jobStatus2.errors.length > 0) {
+            const errorMessage = jobStatus2.errors[0].message || "The subset job completed with errors";
+            const error = new Error(errorMessage);
+            __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus2.errors);
+            throw error;
+          }
+          const blob2 = await __privateMethod(this, _fetchJobBlob, fetchJobBlob_fn).call(this, jobStatus2, signal);
+          if (__privateGet(this, _host).cache) {
+            await __privateGet(this, _cacheService).storeEntry(cacheKey, {
+              blob: blob2,
+              environment: __privateGet(this, _host).environment,
+              harmonyJobId: __privateGet(this, _host).jobId
+            });
+          }
+          __privateGet(this, _host).harmonyJobId = __privateGet(this, _host).jobId;
+          __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, blob2);
+          return blob2;
+        }
+        const collectionConceptId = await __privateMethod(this, _waitForCollectionConceptId, waitForCollectionConceptId_fn).call(this, signal);
+        const [w, s, e, n] = location.split(",").map(Number);
+        const locationBounds = new LatLngBounds([w, s, e, n]);
+        const harmonyRequest = new HarmonyRequest({
+          collectionConceptId,
+          location: locationBounds,
+          environment: __privateGet(this, _host).environment
+        }).variable(`${__privateGet(this, _host).collection}_${__privateGet(this, _host).variable}`).dateRange(
+          new Date(startDate).toISOString(),
+          new Date(endDate).toISOString()
+        ).format("image/tiff").average("time").label("terra-time-average-map");
+        if (__privateGet(this, _host).applicationId) {
+          harmonyRequest.label(__privateGet(this, _host).applicationId);
+        }
+        harmonyRequest.addLabelsFromVariable(catalogVariable);
+        console.log("Creating time average map job...");
+        let jobId;
+        try {
+          const job = await __privateGet(this, _harmonyRequestController).startJob({
+            harmonyRequest,
+            options: {
+              signal,
+              bearerToken: __privateGet(this, _host).bearerToken,
+              environment: __privateGet(this, _host).environment
+            }
+          });
+          jobId = job.jobID;
+          __privateGet(this, _host).emit("terra-harmony-job-status-update", {
+            detail: job
+          });
+        } catch (error) {
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error);
+          throw error;
+        }
+        console.log("Waiting for harmony job...");
+        const jobStatus = await __privateMethod(this, _waitForHarmonyJob, waitForHarmonyJob_fn).call(this, jobId, signal);
+        if (jobStatus.status === "failed" /* FAILED */) {
+          const errorMessage = jobStatus.message || ((_d = (_c = jobStatus.errors) == null ? void 0 : _c[0]) == null ? void 0 : _d.message) || "The subset job failed";
+          const error = new Error(errorMessage);
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus.errors);
+          throw error;
+        }
+        if (jobStatus.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ && jobStatus.errors && jobStatus.errors.length > 0) {
+          const errorMessage = jobStatus.errors[0].message || "The subset job completed with errors";
+          const error = new Error(errorMessage);
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus.errors);
+          throw error;
+        }
+        const blob = await __privateMethod(this, _fetchJobBlob, fetchJobBlob_fn).call(this, jobStatus, signal);
+        if (__privateGet(this, _host).cache) {
+          await __privateGet(this, _cacheService).storeEntry(cacheKey, {
+            blob,
+            environment: __privateGet(this, _host).environment,
+            harmonyJobId: jobStatus.jobID
+          });
+        }
+        __privateGet(this, _host).harmonyJobId = jobStatus.jobID;
+        __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, blob);
+        return blob;
+      },
+      args: () => [],
+      autoRun: false
+    });
+  }
+  render(renderFunctions) {
+    return this.jobStatusTask.render(renderFunctions);
+  }
+  getCacheKey() {
+    var _a, _b, _c, _d, _e, _f;
+    const collection = (_a = __privateGet(this, _host).collection) != null ? _a : "";
+    const variable = (_b = __privateGet(this, _host).variable) != null ? _b : "";
+    const start = (_c = __privateGet(this, _host).startDate) != null ? _c : "";
+    const end = (_d = __privateGet(this, _host).endDate) != null ? _d : "";
+    const location = (_e = __privateGet(this, _host).location) != null ? _e : "";
+    const environment = (_f = __privateGet(this, _host).environment) != null ? _f : "prod";
+    return __privateGet(this, _cacheService).getCacheKey(
+      collection,
+      variable,
+      start,
+      end,
+      location,
+      environment
+    );
+  }
+};
+_host = new WeakMap();
+_cacheService = new WeakMap();
+_thumbnailService = new WeakMap();
+_collectionController = new WeakMap();
+_harmonyRequestController = new WeakMap();
+_getCollectionEntryId = new WeakSet();
+getCollectionEntryId_fn = function() {
+  const collection = __privateGet(this, _host).collection;
+  const variable = __privateGet(this, _host).catalogVariable;
+  if (!collection || !variable)
+    return void 0;
+  return `${variable.dataProductShortName}_${variable.dataProductVersion}`;
+};
+_waitForCollectionConceptId = new WeakSet();
+waitForCollectionConceptId_fn = async function(signal) {
+  const deadline = Date.now() + MAX_COLLECTION_CONCEPT_ID_WAIT_MS;
+  while (true) {
+    if (signal.aborted) {
+      throw new Error("Aborted while waiting for collection concept ID");
+    }
+    const conceptId = __privateGet(this, _collectionController).conceptId;
+    if (conceptId) {
+      return conceptId;
+    }
+    if (Date.now() > deadline) {
+      throw new Error("Timed out waiting for collection concept ID");
+    }
+    await __privateMethod(this, _sleep, sleep_fn).call(this, 200, signal);
+  }
+};
+_waitForHarmonyJob = new WeakSet();
+waitForHarmonyJob_fn = async function(jobId, signal) {
+  __privateGet(this, _harmonyRequestController).startPollForJobStatus(jobId, {
+    bearerToken: __privateGet(this, _host).bearerToken
+  });
+  while (true) {
+    if (signal.aborted) {
+      throw new Error("Job polling was aborted");
+    }
+    const jobStatus = __privateGet(this, _harmonyRequestController).data;
+    if (jobStatus) {
+      __privateGet(this, _host).emit("terra-harmony-job-status-update", {
+        detail: jobStatus
+      });
+    }
+    if ((jobStatus == null ? void 0 : jobStatus.jobID) === jobId && FINAL_STATUSES.has(jobStatus.status)) {
+      return jobStatus;
+    }
+    await __privateMethod(this, _sleep, sleep_fn).call(this, HARMONY_STATUS_WAIT_INTERVAL_MS, signal);
+  }
+};
+_fetchJobBlob = new WeakSet();
+fetchJobBlob_fn = async function(jobStatus, signal) {
+  var _a;
+  const dataLink = (_a = jobStatus.links.find((link) => link.rel === "data")) == null ? void 0 : _a.href;
+  if (!dataLink) {
+    throw new Error("No data link found for Harmony job");
+  }
+  const proxyUrl = `${HARMONY_LINK_PROXY_URL}?url=${encodeURIComponent(dataLink)}`;
+  const response = await fetch(proxyUrl, {
+    signal,
+    headers: __spreadValues({}, __privateGet(this, _host).bearerToken ? { Authorization: `Bearer ${__privateGet(this, _host).bearerToken}` } : {})
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch subset job data: ${response.statusText}`);
+  }
+  return response.blob();
+};
+_updateGeoTIFFLayer = new WeakSet();
+updateGeoTIFFLayer_fn = function(blob) {
+  this.blobUrl = blob;
+  __privateGet(this, _host).emit("terra-time-average-map-data-change", {
+    detail: {
+      data: blob,
+      variable: __privateGet(this, _host).catalogVariable,
+      startDate: formatDate(__privateGet(this, _host).startDate),
+      endDate: formatDate(__privateGet(this, _host).endDate),
+      location: __privateGet(this, _host).location,
+      colorMap: __privateGet(this, _host).colorMapName,
+      harmonyJobId: __privateGet(this, _host).harmonyJobId
+    }
+  });
+  __privateGet(this, _host).updateGeoTIFFLayer(blob);
+  const harmonyJobId = __privateGet(this, _host).harmonyJobId;
+  if (harmonyJobId) {
+    __privateMethod(this, _captureThumbnail, captureThumbnail_fn).call(this, harmonyJobId).catch(console.error);
+  }
+};
+_captureThumbnail = new WeakSet();
+captureThumbnail_fn = async function(harmonyJobId, delayMs = 1500) {
+  await new Promise((resolve) => setTimeout(resolve, delayMs));
+  const blob = await __privateGet(this, _host).captureMapThumbnail();
+  if (blob) {
+    await __privateGet(this, _thumbnailService).store(harmonyJobId, blob);
+  }
+};
+_handleHarmonyError = new WeakSet();
+handleHarmonyError_fn = function(error, jobErrors) {
+  const errorDetails = extractHarmonyError(error, jobErrors);
+  __privateGet(this, _host).dispatchEvent(
+    new CustomEvent("terra-time-average-map-error", {
+      detail: errorDetails,
+      bubbles: true,
+      composed: true
+    })
+  );
+};
+_sleep = new WeakSet();
+sleep_fn = function(ms, signal) {
+  return new Promise((resolve, reject) => {
+    if (signal.aborted) {
+      reject(new Error("Aborted"));
+      return;
+    }
+    const timer = setTimeout(resolve, ms);
+    signal.addEventListener("abort", () => {
+      clearTimeout(timer);
+      reject(new Error("Aborted"));
+    });
+  });
+};
+
+export {
+  TimeAvgMapController
+};