@nasa-terra/components 0.0.165 → 0.0.167

package/cdn/chunks/chunk.ISYLWUTX.js

@@ -0,0 +1,19 @@
+import {
+  TerraSlider
+} from "./chunk.TO3IZDTY.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/slider/slider.ts
+init_dirname();
+init_buffer();
+init_process();
+var slider_default = TerraSlider;
+TerraSlider.define("terra-slider");
+
+export {
+  slider_default
+};

package/cdn/chunks/chunk.ITCNMUXT.js

@@ -0,0 +1,56 @@
+import {
+  CmrCatalog
+} from "./chunk.J7I3DOXG.js";
+import {
+  h
+} from "./chunk.WQPCK3PB.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/plot-toolbar/plot-toolbar.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+var _fetchCollectionTask, _host, _catalog, _getCatalogRepository, getCatalogRepository_fn;
+var PlotToolbarController = class {
+  constructor(host) {
+    __privateAdd(this, _getCatalogRepository);
+    __privateAdd(this, _fetchCollectionTask, void 0);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _catalog, void 0);
+    __privateSet(this, _host, host);
+    __privateSet(this, _catalog, __privateMethod(this, _getCatalogRepository, getCatalogRepository_fn).call(this));
+    __privateSet(this, _fetchCollectionTask, new h(host, {
+      task: async ([catalogVariable], { signal }) => {
+        return __privateGet(this, _catalog).getCollectionCitation(
+          `${catalogVariable.dataProductShortName}_${catalogVariable.dataProductVersion}`,
+          {
+            signal
+          }
+        );
+      },
+      args: () => [__privateGet(this, _host).catalogVariable]
+    }));
+  }
+  get collectionCitation() {
+    return __privateGet(this, _fetchCollectionTask).value;
+  }
+};
+_fetchCollectionTask = new WeakMap();
+_host = new WeakMap();
+_catalog = new WeakMap();
+_getCatalogRepository = new WeakSet();
+getCatalogRepository_fn = function() {
+  return new CmrCatalog();
+};
+
+export {
+  PlotToolbarController
+};

package/cdn/chunks/chunk.IWVNVNRD.js

@@ -0,0 +1,134 @@
+import {
+  c
+} from "./chunk.2MOKVZJ5.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __spreadProps,
+  __spreadValues,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/variable-combobox/lib.ts
+init_dirname();
+init_buffer();
+init_process();
+function renderSearchResult(listItem, index) {
+  return x`<li class="listbox-option-group" data-tree-walker="filter_skip">
+        <span class="group-title" data-tree-walker="filter_skip"
+            >${listItem.collectionEntryId}</span
+        >
+        <ul data-tree-walker="filter_skip">
+            ${c(
+    listItem.variables,
+    (variable) => `${variable.collectionShortName}_${variable.collectionVersion}--${variable.longName}`,
+    (variable, subIndex) => {
+      return x`
+                        <li
+                            id="listbox-option-${index}.${subIndex}"
+                            role="option"
+                            class="listbox-option"
+                            data-name=${variable.name}
+                            data-long-name=${variable.longName}
+                            data-event-detail=${variable.eventDetail}
+                        >
+                            ${variable.longName} (${variable.units})
+                        </li>
+                    `;
+    }
+  )}
+        </ul>
+    </li>`;
+}
+function removeEmptyCollections(docs) {
+  const nonEmptyCollections = docs.filter((doc) => {
+    return !!doc.variables.length;
+  });
+  return nonEmptyCollections;
+}
+function groupDocsByCollection(docs = []) {
+  const groupedDocs = {};
+  for (const doc of docs) {
+    const key = `${doc.collectionShortName}_${doc.collectionVersion}`;
+    Array.isArray(groupedDocs[key]) ? groupedDocs[key].push(doc) : groupedDocs[key] = [doc];
+  }
+  return Object.entries(groupedDocs).map(([collectionEntryId, variables]) => {
+    return {
+      collectionEntryId,
+      variables
+    };
+  });
+}
+function cherryPickDocInfo(docs) {
+  return docs.map((doc) => {
+    const renderableData = {
+      collectionBeginningDateTime: doc["Collection.BeginDateTime"],
+      collectionEndingDateTime: doc["Collection.EndDateTime"],
+      collectionLongName: doc["Collection.LongName"],
+      collectionShortName: doc["Collection.ShortName"],
+      collectionVersion: doc["Collection.Version"],
+      entryId: doc["Variable.Id"],
+      longName: doc["Variable.LongName"],
+      name: doc["Variable.Name"],
+      standardName: doc["Variable.StandardName"],
+      units: doc["Variable.Units"],
+      timeInterval: doc["Collection.TimeInterval"]
+    };
+    return __spreadProps(__spreadValues({}, renderableData), {
+      eventDetail: JSON.stringify(__spreadProps(__spreadValues({}, renderableData), {
+        datasetLandingPage: doc["Collection.DescriptionUrl"],
+        variableLandingPage: doc["Variable.DescriptionUrl"]
+      }))
+    });
+  });
+}
+function clearSelection(combobox, listbox) {
+  combobox.removeAttribute("aria-activedescendant");
+  listbox.querySelectorAll("[aria-selected]").forEach((option) => option.removeAttribute("aria-selected"));
+}
+function walkToOption(walker, combobox, direction = "next") {
+  const maybeCurrentElement = direction === "next" ? walker.nextNode() : walker.previousNode();
+  if (maybeCurrentElement === null || maybeCurrentElement === walker.root) {
+    direction === "next" ? walkToFirst(walker) : walkToLast(walker);
+  }
+  combobox.setAttribute(
+    "aria-activedescendant",
+    walker.currentNode.id
+  );
+  walker.currentNode.setAttribute("aria-selected", "true");
+  globalThis.setTimeout(() => {
+    ;
+    walker.currentNode.scrollIntoView({
+      behavior: "auto",
+      block: "nearest"
+    });
+  }, 100);
+}
+function walkToFirst(walker) {
+  walker.parentNode();
+  walker.firstChild();
+}
+function walkToLast(walker) {
+  walker.parentNode();
+  walker.lastChild();
+}
+function adaptValueToVariableMetadata(value) {
+  const lastUnderscoreIndex = value.lastIndexOf("_");
+  const collection = value.substring(0, lastUnderscoreIndex);
+  const variableName = value.substring(lastUnderscoreIndex + 1);
+  const modifiedCollection = collection.replace(/_v(?=[^_]*$)/, "_");
+  return `${modifiedCollection}_${variableName}`;
+}
+
+export {
+  renderSearchResult,
+  removeEmptyCollections,
+  groupDocsByCollection,
+  cherryPickDocInfo,
+  clearSelection,
+  walkToOption,
+  adaptValueToVariableMetadata
+};

package/cdn/chunks/chunk.J3Z3NPJ4.js

@@ -0,0 +1,134 @@
+import {
+  tag_styles_default
+} from "./chunk.5F5WT5T7.js";
+import {
+  e
+} from "./chunk.P3OLQVQM.js";
+import {
+  TerraIcon
+} from "./chunk.NBYFCLIA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.RRIBXI6T.js";
+import {
+  E,
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/tag/tag.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraTag = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "content";
+    this.size = "medium";
+    this.iconLibrary = "default";
+    this.stack = false;
+    this.dark = false;
+    this.handleClick = (e2) => {
+      if (this.variant === "topic") {
+        this.emit("terra-click", { detail: { originalEvent: e2 } });
+      }
+    };
+  }
+  render() {
+    const isLink = this.variant === "topic" && this.href;
+    const isContent = this.variant === "content";
+    const baseClasses = {
+      tag: true,
+      "tag--content": isContent,
+      "tag--topic": this.variant === "topic",
+      "tag--urgent": this.variant === "urgent",
+      "tag--small": this.size === "small",
+      "tag--medium": this.size === "medium",
+      "tag--large": this.size === "large"
+    };
+    const content = x`
+            ${isContent ? x`
+                      <span
+                          part="icon"
+                          class="${e({
+      tag__icon: true,
+      "tag__icon--small": this.size === "small",
+      "tag__icon--medium": this.size === "medium",
+      "tag__icon--large": this.size === "large"
+    })}"
+                      >
+                          <slot name="icon">
+                              ${this.icon ? x`
+                                        <terra-icon
+                                            name="${this.icon}"
+                                            library="${this.iconLibrary}"
+                                        ></terra-icon>
+                                    ` : E}
+                          </slot>
+                      </span>
+                  ` : E}
+            <span part="label" class="tag__label">
+                <slot></slot>
+            </span>
+        `;
+    if (isLink) {
+      return x`
+                <a
+                    part="base"
+                    href="${this.href}"
+                    class="${e(baseClasses)}"
+                    @click="${this.handleClick}"
+                >
+                    ${content}
+                </a>
+            `;
+    }
+    return x`
+            <div
+                part="base"
+                class="${e(baseClasses)}"
+                @click="${this.handleClick}"
+                role="${this.variant === "topic" ? "button" : E}"
+                tabindex="${this.variant === "topic" && !this.href ? "0" : E}"
+            >
+                ${content}
+            </div>
+        `;
+  }
+};
+TerraTag.styles = [component_styles_default, tag_styles_default];
+TerraTag.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  n({ reflect: true })
+], TerraTag.prototype, "variant", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTag.prototype, "size", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTag.prototype, "icon", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTag.prototype, "iconLibrary", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTag.prototype, "stack", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTag.prototype, "dark", 2);
+__decorateClass([
+  n()
+], TerraTag.prototype, "href", 2);
+
+export {
+  TerraTag
+};

package/cdn/chunks/chunk.J6VLXGTF.js

@@ -0,0 +1,36 @@
+import {
+  TerraCheckbox
+} from "./chunk.5XLABLQB.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/react/checkbox/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-checkbox";
+TerraCheckbox.define("terra-checkbox");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraCheckbox,
+  react: React,
+  events: {
+    onTerraBlur: "terra-blur",
+    onTerraChange: "terra-change",
+    onTerraFocus: "terra-focus",
+    onTerraInput: "terra-input",
+    onTerraInvalid: "terra-invalid"
+  },
+  displayName: "TerraCheckbox"
+});
+var checkbox_default = reactWrapper;
+
+export {
+  checkbox_default
+};

package/cdn/chunks/chunk.J7I3DOXG.js

@@ -0,0 +1,272 @@
+import {
+  GET_CMR_COLLECTION_CITATIONS_BY_ENTRY_ID,
+  GET_CMR_GRANULES_BY_ENTRY_ID,
+  GET_CMR_SEARCH_RESULTS_ALL,
+  GET_CMR_SEARCH_RESULTS_COLLECTIONS,
+  GET_CMR_SEARCH_RESULTS_VARIABLES,
+  GET_CMR_VARIABLE_DETAILS_BY_COLLECTION_CONCEPT_ID
+} from "./chunk.DLQNZ2FX.js";
+import {
+  getGraphQLClient,
+  gql
+} from "./chunk.3LFKLVCQ.js";
+import {
+  __privateAdd,
+  __privateMethod,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/metadata-catalog/cmr-catalog.ts
+init_dirname();
+init_buffer();
+init_process();
+
+// src/metadata-catalog/types.ts
+init_dirname();
+init_buffer();
+init_process();
+
+// src/metadata-catalog/cmr-catalog.ts
+var _getGranuleSortKey, getGranuleSortKey_fn;
+var CmrCatalog = class {
+  constructor() {
+    /**
+     * the GraphQL properties and the sort keys differ (https://cmr.earthdata.nasa.gov/search/site/docs/search/api.html#sorting-granule-results)
+     * this function returns the correct sort key for the GraphQL query
+     */
+    __privateAdd(this, _getGranuleSortKey);
+  }
+  async searchCmr(keyword, type, options) {
+    var _a, _b, _c, _d, _e, _f;
+    const client = await getGraphQLClient("cmr");
+    const response = await client.query({
+      query: type === "collection" ? GET_CMR_SEARCH_RESULTS_COLLECTIONS : type === "variable" ? GET_CMR_SEARCH_RESULTS_VARIABLES : GET_CMR_SEARCH_RESULTS_ALL,
+      variables: {
+        keyword
+      },
+      context: {
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors) {
+      throw new Error(`Failed to search CMR: ${response.errors[0].message}`);
+    }
+    const collections = (_c = (_b = (_a = response.data.collections) == null ? void 0 : _a.items) == null ? void 0 : _b.map((collection) => ({
+      type: "collection",
+      collectionConceptId: collection.conceptId,
+      collectionEntryId: collection.nativeId,
+      summary: collection.title,
+      conceptId: collection.conceptId,
+      entryId: collection.nativeId,
+      provider: collection.provider,
+      title: collection.title
+    }))) != null ? _c : [];
+    const variables = (_f = (_e = (_d = response.data.variables) == null ? void 0 : _d.items) == null ? void 0 : _e.map((variable) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g;
+      return {
+        type: "variable",
+        collectionConceptId: (_b2 = (_a2 = variable.collections.items) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.conceptId,
+        collectionEntryId: (_d2 = (_c2 = variable.collections.items) == null ? void 0 : _c2[0]) == null ? void 0 : _d2.nativeId,
+        summary: (_g = (_f2 = (_e2 = variable.collections.items) == null ? void 0 : _e2[0]) == null ? void 0 : _f2.title) != null ? _g : "",
+        conceptId: variable.conceptId,
+        entryId: variable.name,
+        provider: variable.providerId,
+        title: variable.longName
+      };
+    })) != null ? _f : [];
+    return [...collections, ...variables];
+  }
+  async getGranules(collectionEntryId, options) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const client = await getGraphQLClient("cmr");
+    const response = await client.query({
+      query: GET_CMR_GRANULES_BY_ENTRY_ID,
+      variables: {
+        collectionEntryId,
+        limit: (_a = options == null ? void 0 : options.limit) != null ? _a : 50,
+        offset: (_b = options == null ? void 0 : options.offset) != null ? _b : 0,
+        sortKey: __privateMethod(this, _getGranuleSortKey, getGranuleSortKey_fn).call(this, (_c = options == null ? void 0 : options.sortBy) != null ? _c : "title", (_d = options == null ? void 0 : options.sortDirection) != null ? _d : "asc"),
+        search: (options == null ? void 0 : options.search) ? [`*${options.search}*`] : void 0,
+        temporal: (options == null ? void 0 : options.startDate) && (options == null ? void 0 : options.endDate) ? `${options.startDate},${options.endDate}` : void 0,
+        boundingBox: ((_e = options == null ? void 0 : options.location) == null ? void 0 : _e.type) === "bbox" ? options.location.bounds.toBBoxString() : void 0,
+        cloudCover: ((_f = options == null ? void 0 : options.cloudCover) == null ? void 0 : _f.min) && ((_g = options == null ? void 0 : options.cloudCover) == null ? void 0 : _g.max) ? `${(_h = options.cloudCover.min) != null ? _h : ""},${(_i = options.cloudCover.max) != null ? _i : ""}` : void 0
+      },
+      context: {
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors) {
+      throw new Error(`Failed to fetch granules: ${response.errors[0].message}`);
+    }
+    return response.data;
+  }
+  async getSamplingOfGranules(collectionEntryId, options) {
+    const client = await getGraphQLClient("cmr");
+    const response = await client.query({
+      query: gql`
+                query Collections($collectionEntryId: String!) {
+                    collections(params: { entryId: [$collectionEntryId] }) {
+                        items {
+                            conceptId
+                            spatialExtent
+                            firstGranules: granules(
+                                params: { limit: 2, sortKey: "startDate" }
+                            ) {
+                                count
+                                items {
+                                    dataGranule
+                                    temporalExtent
+                                }
+                            }
+                            lastGranules: granules(
+                                params: { limit: 2, sortKey: "-endDate" }
+                            ) {
+                                count
+                                items {
+                                    dataGranule
+                                    temporalExtent
+                                }
+                            }
+                        }
+                    }
+                }
+            `,
+      variables: {
+        collectionEntryId
+      },
+      context: {
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors) {
+      throw new Error(`Failed to fetch granules: ${response.errors[0].message}`);
+    }
+    return response.data;
+  }
+  async getCloudCoverRange(collectionEntryId, options) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    const client = await getGraphQLClient("cmr");
+    const response = await client.query({
+      query: gql`
+                query Collections($collectionEntryId: String!) {
+                    collections(params: { entryId: [$collectionEntryId] }) {
+                        items {
+                            lowestCloudCover: granules(
+                                params: { sortKey: "cloudCover", limit: 1 }
+                            ) {
+                                items {
+                                    cloudCover
+                                }
+                            }
+                            highestCloudCover: granules(
+                                params: { sortKey: "-cloudCover", limit: 1 }
+                            ) {
+                                items {
+                                    cloudCover
+                                }
+                            }
+                        }
+                    }
+                }
+            `,
+      variables: {
+        collectionEntryId
+      },
+      context: {
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors) {
+      throw new Error(`Failed to fetch granules: ${response.errors[0].message}`);
+    }
+    const lowestCloudCover = (_f = (_e = (_d = (_c = (_b = (_a = response.data.collections) == null ? void 0 : _a.items) == null ? void 0 : _b[0]) == null ? void 0 : _c.lowestCloudCover) == null ? void 0 : _d.items) == null ? void 0 : _e[0]) == null ? void 0 : _f.cloudCover;
+    const highestCloudCover = (_l = (_k = (_j = (_i = (_h = (_g = response.data.collections) == null ? void 0 : _g.items) == null ? void 0 : _h[0]) == null ? void 0 : _i.highestCloudCover) == null ? void 0 : _j.items) == null ? void 0 : _k[0]) == null ? void 0 : _l.cloudCover;
+    if (typeof lowestCloudCover === "number" && typeof highestCloudCover === "number") {
+      return {
+        min: lowestCloudCover,
+        max: highestCloudCover
+      };
+    }
+    return null;
+  }
+  async getCollectionCitation(collectionEntryId, options) {
+    var _a, _b;
+    const client = await getGraphQLClient("cmr");
+    const response = await client.query({
+      query: GET_CMR_COLLECTION_CITATIONS_BY_ENTRY_ID,
+      variables: {
+        entryId: collectionEntryId
+      },
+      context: {
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors || response.data.collections.items.length === 0 || response.data.collections.items[0].collectionCitations.length === 0) {
+      throw new Error(
+        `Failed to retrieve collection citations from CMR: ${(_b = (_a = response.errors) == null ? void 0 : _a[0]) == null ? void 0 : _b.message}`
+      );
+    }
+    return response.data.collections.items[0];
+  }
+  async getVariablesDetails(collectionConceptId, options) {
+    const client = await getGraphQLClient("cmr");
+    const response = await client.query({
+      query: GET_CMR_VARIABLE_DETAILS_BY_COLLECTION_CONCEPT_ID,
+      variables: {
+        collectionConceptId
+      },
+      context: {
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to fetch variable details: ${response.errors[0].message}`
+      );
+    }
+    return response.data;
+  }
+};
+_getGranuleSortKey = new WeakSet();
+getGranuleSortKey_fn = function(sortBy, sortDirection) {
+  let sortKey = sortBy;
+  switch (sortBy) {
+    case "title":
+      sortKey = "granuleUr";
+      break;
+    case "size":
+      sortKey = "dataSize";
+      break;
+    case "timeStart":
+      sortKey = "startDate";
+      break;
+    case "timeEnd":
+      sortKey = "endDate";
+      break;
+  }
+  return sortDirection === "asc" ? sortKey : `-${sortKey}`;
+};
+
+export {
+  CmrCatalog
+};

package/cdn/chunks/chunk.JBRXER73.js

@@ -0,0 +1,19 @@
+import {
+  TerraFileUpload
+} from "./chunk.SGVXOEMD.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/file-upload/file-upload.ts
+init_dirname();
+init_buffer();
+init_process();
+var file_upload_default = TerraFileUpload;
+TerraFileUpload.define("terra-file-upload");
+
+export {
+  file_upload_default
+};

package/cdn/chunks/chunk.JGEML6NJ.js

@@ -0,0 +1,30 @@
+import {
+  caption_styles_default
+} from "./chunk.BZNRBGO6.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.RRIBXI6T.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/caption/caption.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraCaption = class extends TerraElement {
+  render() {
+    return x`<slot></slot>`;
+  }
+};
+TerraCaption.styles = [component_styles_default, caption_styles_default];
+
+export {
+  TerraCaption
+};