@nasa-terra/components 0.0.186 → 0.0.187

package/cdn/chunks/chunk.N4NQP75B.js

@@ -0,0 +1,32 @@
+import {
+  TerraDataSubsetter
+} from "./chunk.AMNA4TAA.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/data-subsetter/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-data-subsetter";
+TerraDataSubsetter.define("terra-data-subsetter");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDataSubsetter,
+  react: React,
+  events: {
+    onTerraSubsetJobComplete: "terra-subset-job-complete"
+  },
+  displayName: "TerraDataSubsetter"
+});
+var data_subsetter_default = reactWrapper;
+
+export {
+  data_subsetter_default
+};

package/cdn/chunks/chunk.N6VIMADT.js

@@ -0,0 +1,189 @@
+import {
+  scroll_hint_styles_default
+} from "./chunk.LPKSQA35.js";
+import {
+  TerraIcon
+} from "./chunk.AW3SAWPB.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n,
+  r
+} from "./chunk.UME44J4L.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/scroll-hint/scroll-hint.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraScrollHint = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.inline = false;
+    this.dark = false;
+    this.inactivityDelay = 3e3;
+    this.visible = false;
+    this.handleScroll = () => {
+      if (this.inline) {
+        return;
+      }
+      const isAtBottom = this.isAtBottomOfPage();
+      if (isAtBottom) {
+        if (this.visible) {
+          this.hide();
+        }
+        this.clearTimers();
+      } else {
+        if (this.visible) {
+          this.hide();
+          this.startInactivityTimer();
+        }
+      }
+    };
+    this.handleDocumentClick = (e) => {
+      if (this.contains(e.target)) {
+        return;
+      }
+      if (!this.inline && this.visible) {
+        this.hide();
+        this.startInactivityTimer();
+      }
+    };
+    this.handleClick = () => {
+      this.emit("terra-scroll");
+      if (!this.inline) {
+        this.hide();
+        setTimeout(() => {
+          this.startInactivityTimer();
+        }, 100);
+      }
+      this.scrollDown();
+    };
+  }
+  handleInlineChange() {
+    if (this.inline) {
+      this.visible = true;
+      this.clearTimers();
+    } else {
+      this.visible = false;
+      this.clearTimers();
+      this.startInactivityTimer();
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setupEventListeners();
+    if (this.inline) {
+      this.visible = true;
+    } else {
+      this.startInactivityTimer();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.cleanupEventListeners();
+    this.clearTimers();
+  }
+  setupEventListeners() {
+    window.addEventListener("scroll", this.handleScroll, { passive: true });
+    document.addEventListener("click", this.handleDocumentClick);
+  }
+  cleanupEventListeners() {
+    window.removeEventListener("scroll", this.handleScroll);
+    document.removeEventListener("click", this.handleDocumentClick);
+  }
+  isAtBottomOfPage() {
+    const windowHeight = window.innerHeight;
+    const documentHeight = document.documentElement.scrollHeight;
+    const scrollTop = window.scrollY || document.documentElement.scrollTop;
+    const threshold = 100;
+    return scrollTop + windowHeight >= documentHeight - threshold;
+  }
+  scrollDown() {
+    const viewportHeight = window.innerHeight;
+    window.scrollBy({
+      top: viewportHeight,
+      behavior: "smooth"
+    });
+  }
+  hide() {
+    this.visible = false;
+    this.clearTimers();
+  }
+  startInactivityTimer() {
+    if (this.inline) {
+      return;
+    }
+    if (this.isAtBottomOfPage()) {
+      return;
+    }
+    this.inactivityTimeout = window.setTimeout(() => {
+      if (!this.isAtBottomOfPage()) {
+        this.visible = true;
+      }
+    }, this.inactivityDelay);
+  }
+  clearTimers() {
+    clearTimeout(this.scrollTimeout);
+    clearTimeout(this.clickTimeout);
+    clearTimeout(this.inactivityTimeout);
+  }
+  render() {
+    if (!this.visible) {
+      return b``;
+    }
+    return b`
+            <button
+                part="button"
+                class="scroll-hint"
+                @click="${this.handleClick}"
+                aria-label="Scroll to continue"
+            >
+                <div part="icon-container" class="scroll-hint__icon-container">
+                    <div part="ring" class="scroll-hint__ring"></div>
+                    <div part="icon" class="scroll-hint__icon">
+                        <terra-icon
+                            name="chevron-down"
+                            library="default"
+                        ></terra-icon>
+                    </div>
+                </div>
+                <span part="text" class="scroll-hint__text">SCROLL TO CONTINUE</span>
+            </button>
+        `;
+  }
+};
+TerraScrollHint.styles = [component_styles_default, scroll_hint_styles_default];
+TerraScrollHint.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraScrollHint.prototype, "inline", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraScrollHint.prototype, "dark", 2);
+__decorateClass([
+  n({ type: Number })
+], TerraScrollHint.prototype, "inactivityDelay", 2);
+__decorateClass([
+  r()
+], TerraScrollHint.prototype, "visible", 2);
+__decorateClass([
+  watch("inline")
+], TerraScrollHint.prototype, "handleInlineChange", 1);
+
+export {
+  TerraScrollHint
+};

package/cdn/chunks/chunk.NBTBBAOL.js

@@ -0,0 +1,330 @@
+import {
+  time_average_map_cache_service_default
+} from "./chunk.JA2QGWIW.js";
+import {
+  extractHarmonyError
+} from "./chunk.F3PALOOP.js";
+import {
+  HarmonyRequestController
+} from "./chunk.V2QBQWJQ.js";
+import {
+  HarmonyRequest
+} from "./chunk.SP3MVXEA.js";
+import {
+  h
+} from "./chunk.BQDEKCXK.js";
+import {
+  CollectionController
+} from "./chunk.BVOLRNGU.js";
+import {
+  FINAL_STATUSES,
+  ThumbnailService
+} from "./chunk.36G5VRI3.js";
+import {
+  LatLngBounds
+} from "./chunk.EABQJ4NF.js";
+import {
+  formatDate
+} from "./chunk.TKSEPVAL.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
+};

package/cdn/chunks/chunk.NIVSQ3SF.js

@@ -0,0 +1,29 @@
+import {
+  TerraSiteNavigation
+} from "./chunk.BLZA2SIQ.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/site-navigation/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-site-navigation";
+TerraSiteNavigation.define("terra-site-navigation");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraSiteNavigation,
+  react: React,
+  events: {},
+  displayName: "TerraSiteNavigation"
+});
+var site_navigation_default = reactWrapper;
+
+export {
+  site_navigation_default
+};