@nasa-terra/components 0.0.186 → 0.0.187

package/cdn/chunks/chunk.BVOLRNGU.js

@@ -0,0 +1,303 @@
+import {
+  cmr_api_default
+} from "./chunk.OIXADKW2.js";
+import {
+  queryHarmonyCapabilities
+} from "./chunk.36G5VRI3.js";
+import {
+  queryGiovanniConfiguredVariables
+} from "./chunk.ZS2NFAQK.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  apiClient
+} from "./chunk.ND3745YQ.js";
+import {
+  BadRequestException
+} from "./chunk.SYQOGYTQ.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadProps,
+  __spreadValues,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/queries/cmr.queries.ts
+init_dirname();
+init_buffer();
+init_process();
+function queryCmrCollection(collectionEntryId, options) {
+  return {
+    queryKey: ["cmr", "collection", collectionEntryId],
+    queryFn: async ({ signal }) => {
+      return cmr_api_default.getCollectionByEntryId(collectionEntryId, __spreadProps(__spreadValues({}, options), {
+        signal
+      }));
+    },
+    enabled: !!collectionEntryId
+    // prevent firing when collectionEntryId is undefined
+  };
+}
+function queryCmrGranules(searchParams, options) {
+  return {
+    queryKey: ["cmr", "granules", searchParams],
+    queryFn: async ({ signal }) => {
+      return cmr_api_default.searchGranules(searchParams, __spreadProps(__spreadValues({}, options), {
+        signal
+      }));
+    },
+    enabled: !!searchParams.collectionEntryId || !!searchParams.collectionConceptId
+    // prevent firing when collectionEntryId and collectionConceptId are undefined
+  };
+}
+function queryCmrVariables(searchParams, options) {
+  return {
+    queryKey: ["cmr", "variables", searchParams],
+    queryFn: async ({ signal }) => {
+      return cmr_api_default.searchVariables(searchParams, __spreadProps(__spreadValues({}, options), {
+        signal
+      }));
+    },
+    enabled: !!searchParams.collectionConceptId
+    // prevent firing when collectionConceptId is undefined
+  };
+}
+function queryCmrSampling(collectionEntryId, options) {
+  return {
+    queryKey: ["cmr", "sampling", collectionEntryId],
+    queryFn: async ({ signal }) => {
+      if (!collectionEntryId)
+        return null;
+      return cmr_api_default.getSamplingOfGranules(collectionEntryId, __spreadProps(__spreadValues({}, options), {
+        signal
+      }));
+    },
+    enabled: !!collectionEntryId
+  };
+}
+
+// src/controllers/collection.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+
+// src/queries/gesdisc.queries.ts
+init_dirname();
+init_buffer();
+init_process();
+
+// src/apis/gesdisc.api.ts
+init_dirname();
+init_buffer();
+init_process();
+var baseUrl = "https://disc.gsfc.nasa.gov/api/";
+var _request, request_fn;
+var GesDiscApi = class {
+  constructor() {
+    __privateAdd(this, _request);
+  }
+  async getCollectionByEntryId(collectionEntryId, options) {
+    if (!collectionEntryId) {
+      throw new BadRequestException({
+        message: "`collectionEntryId` is required"
+      });
+    }
+    return __privateMethod(this, _request, request_fn).call(this, `/metadata/dataset/${collectionEntryId}`, options);
+  }
+};
+_request = new WeakSet();
+request_fn = function(path, requestOptions) {
+  return apiClient.get(`${baseUrl}${path}`, requestOptions);
+};
+var gesDiscApi = new GesDiscApi();
+var gesdisc_api_default = gesDiscApi;
+
+// src/queries/gesdisc.queries.ts
+function queryGesDiscCollection(params, options) {
+  return {
+    queryKey: ["gesdisc", "collection", params.collectionEntryId],
+    queryFn: async ({ signal }) => {
+      return gesdisc_api_default.getCollectionByEntryId(params.collectionEntryId, __spreadProps(__spreadValues({}, options), {
+        signal
+      }));
+    },
+    // prevent firing when collectionEntryId is undefined or this is not a GES DISC collection
+    enabled: !!params.collectionEntryId && isGesDiscCollection(params.collectionConceptId)
+  };
+}
+function isGesDiscCollection(conceptId) {
+  var _a;
+  return (_a = conceptId == null ? void 0 : conceptId.endsWith("GES_DISC")) != null ? _a : false;
+}
+
+// src/controllers/collection.controller.ts
+var _collectionQuery, _capabilitiesQuery, _variablesQuery, _gesDiscCollectionQuery, _samplingQuery, _giovanniVariablesQuery, _collectionInfo, _capsData, _cmrData, _giovanniData, _giovanniSet;
+var CollectionController = class {
+  constructor(host, config) {
+    this.host = host;
+    this.config = config;
+    __privateAdd(this, _collectionQuery, void 0);
+    __privateAdd(this, _capabilitiesQuery, void 0);
+    __privateAdd(this, _variablesQuery, void 0);
+    __privateAdd(this, _gesDiscCollectionQuery, void 0);
+    __privateAdd(this, _samplingQuery, void 0);
+    __privateAdd(this, _giovanniVariablesQuery, void 0);
+    // Memoized values — stable references rebuilt only when underlying query data changes.
+    __privateAdd(this, _collectionInfo, void 0);
+    __privateAdd(this, _capsData, void 0);
+    __privateAdd(this, _cmrData, void 0);
+    __privateAdd(this, _giovanniData, void 0);
+    __privateAdd(this, _giovanniSet, /* @__PURE__ */ new Set());
+    this.host.addController(this);
+    __privateSet(this, _collectionQuery, new QueryController(
+      this.host,
+      () => queryCmrCollection(this.config.getCollectionEntryId())
+    ));
+    __privateSet(this, _capabilitiesQuery, new QueryController(
+      this.host,
+      () => queryHarmonyCapabilities(this.conceptId, {
+        bearerToken: this.config.getBearerToken()
+      })
+    ));
+    __privateSet(this, _variablesQuery, new QueryController(
+      this.host,
+      () => queryCmrVariables({ collectionConceptId: this.conceptId })
+    ));
+    __privateSet(this, _gesDiscCollectionQuery, new QueryController(
+      this.host,
+      () => queryGesDiscCollection({
+        collectionEntryId: this.config.getCollectionEntryId(),
+        collectionConceptId: this.conceptId
+      })
+    ));
+    __privateSet(this, _samplingQuery, new QueryController(
+      this.host,
+      () => queryCmrSampling(this.config.getCollectionEntryId())
+    ));
+    __privateSet(this, _giovanniVariablesQuery, new QueryController(
+      this.host,
+      queryGiovanniConfiguredVariables
+    ));
+  }
+  // ReactiveController is satisfied by addController above; sub-controllers handle their own lifecycle
+  hostConnected() {
+  }
+  hostDisconnected() {
+  }
+  // ─── Derived ────────────────────────────────────────────────────────────────
+  /** The CMR concept-id for the current collection, once loaded. */
+  get conceptId() {
+    var _a, _b;
+    return (_b = (_a = __privateGet(this, _collectionQuery).result) == null ? void 0 : _a.data) == null ? void 0 : _b.meta["concept-id"];
+  }
+  // ─── Query results ───────────────────────────────────────────────────────────
+  /** Raw CMR UMM-C result for the current collection. */
+  get collection() {
+    return __privateGet(this, _collectionQuery).result;
+  }
+  /** Harmony capabilities for the current collection (output formats, subsetting options, etc.). */
+  get capabilities() {
+    return __privateGet(this, _capabilitiesQuery).result;
+  }
+  /** CMR UMM-Var records for all variables in the current collection. */
+  get variables() {
+    return __privateGet(this, _variablesQuery).result;
+  }
+  /** GES DISC collection details (user-friendly dimension names, etc.). */
+  get gesDiscCollection() {
+    return __privateGet(this, _gesDiscCollectionQuery).result;
+  }
+  /** First/last granule dates derived from a CMR temporal sampling query. */
+  get sampling() {
+    return __privateGet(this, _samplingQuery).result;
+  }
+  /** List of variable names configured in Giovanni. Stable reference — only changes when data changes. */
+  get giovanniVariables() {
+    var _a, _b;
+    const raw = (_b = (_a = __privateGet(this, _giovanniVariablesQuery).result) == null ? void 0 : _a.data) != null ? _b : void 0;
+    if (raw !== __privateGet(this, _giovanniData)) {
+      __privateSet(this, _giovanniData, raw);
+      __privateSet(this, _giovanniSet, new Set(raw != null ? raw : []));
+    }
+    return __privateGet(this, _giovanniSet);
+  }
+  // ─── Status helpers ──────────────────────────────────────────────────────────
+  /** True while the primary collection record is being fetched. */
+  get isLoadingCollection() {
+    var _a, _b;
+    return (_b = (_a = __privateGet(this, _collectionQuery).result) == null ? void 0 : _a.isLoading) != null ? _b : false;
+  }
+  /** True if the capabilities query errored (e.g. collection not found in Harmony). */
+  get hasCapabilitiesError() {
+    var _a, _b;
+    return (_b = (_a = __privateGet(this, _capabilitiesQuery).result) == null ? void 0 : _a.isError) != null ? _b : false;
+  }
+  // ─── Computed from sampling ───────────────────────────────────────────────────
+  /** True if the collection contains sub-daily granules (temporal extent < 24 h). */
+  get isSubDaily() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = __privateGet(this, _samplingQuery).result) == null ? void 0 : _a.data) == null ? void 0 : _b.isSubDaily) != null ? _c : false;
+  }
+  /** True if the collection has at least one granule. */
+  get hasGranules() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = __privateGet(this, _samplingQuery).result) == null ? void 0 : _a.data) == null ? void 0 : _b.hasGranules) != null ? _c : false;
+  }
+  // ─── Computed from CMR collection ────────────────────────────────────────────
+  /**
+   * Bounding box string derived from the UMM-C spatial extent, in the format
+   * "west, south, east, north". Returns a global default if no extent is defined.
+   */
+  get spatialConstraints() {
+    var _a, _b, _c, _d, _e;
+    const rects = (_e = (_d = (_c = (_b = (_a = __privateGet(this, _collectionQuery).result) == null ? void 0 : _a.data) == null ? void 0 : _b.umm.SpatialExtent) == null ? void 0 : _c.HorizontalSpatialDomain) == null ? void 0 : _d.Geometry) == null ? void 0 : _e.BoundingRectangles;
+    if (!(rects == null ? void 0 : rects.length))
+      return "-180, -90, 180, 90";
+    const r = rects[0];
+    return `${r.WestBoundingCoordinate}, ${r.SouthBoundingCoordinate}, ${r.EastBoundingCoordinate}, ${r.NorthBoundingCoordinate}`;
+  }
+  /**
+   * Returns a `CollectionWithAvailableServices` shaped object by combining the
+   * Harmony capabilities response with UMM-C metadata from CMR.
+   * Returns undefined until both capabilities and the collection record are loaded.
+   * Stable reference — only rebuilds when the underlying query data changes.
+   */
+  get collectionInfo() {
+    var _a, _b, _c;
+    const caps = (_a = __privateGet(this, _capabilitiesQuery).result) == null ? void 0 : _a.data;
+    const cmr = (_b = __privateGet(this, _collectionQuery).result) == null ? void 0 : _b.data;
+    if (!caps || !cmr)
+      return void 0;
+    if (caps !== __privateGet(this, _capsData) || cmr !== __privateGet(this, _cmrData)) {
+      __privateSet(this, _capsData, caps);
+      __privateSet(this, _cmrData, cmr);
+      __privateSet(this, _collectionInfo, __spreadProps(__spreadValues({}, caps), {
+        granuleCount: (_c = cmr.meta["granule-count"]) != null ? _c : 0,
+        collection: cmr.umm
+      }));
+    }
+    return __privateGet(this, _collectionInfo);
+  }
+};
+_collectionQuery = new WeakMap();
+_capabilitiesQuery = new WeakMap();
+_variablesQuery = new WeakMap();
+_gesDiscCollectionQuery = new WeakMap();
+_samplingQuery = new WeakMap();
+_giovanniVariablesQuery = new WeakMap();
+_collectionInfo = new WeakMap();
+_capsData = new WeakMap();
+_cmrData = new WeakMap();
+_giovanniData = new WeakMap();
+_giovanniSet = new WeakMap();
+
+export {
+  queryCmrGranules,
+  CollectionController
+};

package/cdn/chunks/chunk.CB73AJLG.js

@@ -0,0 +1,19 @@
+import {
+  TerraSpatialPicker
+} from "./chunk.DXKUTB3C.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/spatial-picker/spatial-picker.ts
+init_dirname();
+init_buffer();
+init_process();
+var spatial_picker_default = TerraSpatialPicker;
+TerraSpatialPicker.define("terra-spatial-picker");
+
+export {
+  spatial_picker_default
+};

package/cdn/chunks/chunk.CEDRKHZX.js

@@ -0,0 +1,151 @@
+import {
+  menu_styles_default
+} from "./chunk.QOHUVWMU.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e
+} from "./chunk.UME44J4L.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.CL4GIBSE.js

@@ -0,0 +1,113 @@
+import {
+  button_group_styles_default
+} from "./chunk.SR4CU2NR.js";
+import {
+  o
+} from "./chunk.VH7AMLEP.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e,
+  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/button-group/button-group.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraButtonGroup = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.disableRole = false;
+    this.label = "";
+  }
+  handleFocus(event) {
+    const button = findButton(event.target);
+    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--focus", true);
+  }
+  handleBlur(event) {
+    const button = findButton(event.target);
+    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--focus", false);
+  }
+  handleMouseOver(event) {
+    const button = findButton(event.target);
+    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--hover", true);
+  }
+  handleMouseOut(event) {
+    const button = findButton(event.target);
+    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--hover", false);
+  }
+  handleSlotChange() {
+    const slottedElements = [
+      ...this.defaultSlot.assignedElements({ flatten: true })
+    ];
+    slottedElements.forEach((el) => {
+      const index = slottedElements.indexOf(el);
+      const button = findButton(el);
+      if (button) {
+        button.toggleAttribute("data-terra-button-group__button", true);
+        button.toggleAttribute(
+          "data-terra-button-group__button--first",
+          index === 0
+        );
+        button.toggleAttribute(
+          "data-terra-button-group__button--inner",
+          index > 0 && index < slottedElements.length - 1
+        );
+        button.toggleAttribute(
+          "data-terra-button-group__button--last",
+          index === slottedElements.length - 1
+        );
+        button.toggleAttribute(
+          "data-terra-button-group__button--radio",
+          button.tagName.toLowerCase() === "terra-radio-button"
+        );
+      }
+    });
+  }
+  render() {
+    return b`
+            <div
+                part="base"
+                class="button-group"
+                role=${this.disableRole ? "presentation" : "group"}
+                aria-label=${o(this.label || void 0)}
+                @focusout=${this.handleBlur}
+                @focusin=${this.handleFocus}
+                @mouseover=${this.handleMouseOver}
+                @mouseout=${this.handleMouseOut}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `;
+  }
+};
+TerraButtonGroup.styles = [component_styles_default, button_group_styles_default];
+__decorateClass([
+  e("slot")
+], TerraButtonGroup.prototype, "defaultSlot", 2);
+__decorateClass([
+  r()
+], TerraButtonGroup.prototype, "disableRole", 2);
+__decorateClass([
+  n()
+], TerraButtonGroup.prototype, "label", 2);
+function findButton(el) {
+  var _a;
+  const selector = "terra-button, terra-radio-button";
+  return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
+}
+
+export {
+  TerraButtonGroup
+};

package/cdn/chunks/chunk.CVFVGKVM.js

@@ -0,0 +1,19 @@
+import {
+  TerraProgressBar
+} from "./chunk.JKHUQ5GY.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/progress-bar/progress-bar.ts
+init_dirname();
+init_buffer();
+init_process();
+var progress_bar_default = TerraProgressBar;
+TerraProgressBar.define("terra-progress-bar");
+
+export {
+  progress_bar_default
+};

package/cdn/chunks/chunk.CWBIEIJK.js

@@ -0,0 +1,32 @@
+import {
+  TerraScrollHint
+} from "./chunk.N6VIMADT.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/scroll-hint/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-scroll-hint";
+TerraScrollHint.define("terra-scroll-hint");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraScrollHint,
+  react: React,
+  events: {
+    onTerraScroll: "terra-scroll"
+  },
+  displayName: "TerraScrollHint"
+});
+var scroll_hint_default = reactWrapper;
+
+export {
+  scroll_hint_default
+};