@nasa-terra/components 0.0.185 → 0.0.187

package/cdn/chunks/chunk.ROGKTUCA.js

@@ -0,0 +1,82 @@
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/data-subsetter/notebooks/subsetter-notebook.ts
+init_dirname();
+init_buffer();
+init_process();
+function getNotebook(host) {
+  return [
+    {
+      cell_type: "markdown",
+      id: "367f56b9-7ca8-4435-9dcc-89bf586f33ab",
+      metadata: {},
+      source: [
+        "### Prerequisites:\n",
+        "\n",
+        "This notebook uses the `terra_ui_components` and `anywidget` packages.\n",
+        "\n",
+        "After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."
+      ]
+    },
+    {
+      id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
+      cell_type: "code",
+      source: '%pip install -q "terra_ui_components==0.0.186" "anywidget==0.9.15"',
+      metadata: {
+        trusted: true
+      },
+      outputs: [],
+      execution_count: null
+    },
+    {
+      cell_type: "markdown",
+      id: "35aa4a00-8e2c-4478-9df7-de633fd8f6ce",
+      metadata: {},
+      source: [`### Render the subsetter`]
+    },
+    {
+      id: "870c1384-e706-48ee-ba07-fd552a949869",
+      cell_type: "code",
+      source: `from terra_ui_components import TerraDataSubsetter
+subsetter = TerraDataSubsetter()
+
+${host.collectionEntryId ? `subsetter.collectionEntryId = '${host.collectionEntryId}'
+` : ""}${host.jobId ? `subsetter.jobId = '${host.jobId}'
+` : ""}${host.environment ? `subsetter.environment = '${host.environment}'` : ""}
+subsetter`,
+      metadata: {
+        trusted: true
+      },
+      outputs: [],
+      execution_count: null
+    },
+    {
+      cell_type: "markdown",
+      id: "25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",
+      metadata: {},
+      source: [
+        "### Download the files\n",
+        "\n",
+        "Once the subset job completes, you can download the files:"
+      ]
+    },
+    {
+      id: "870c1384-e706-48ee-ba07-fd552a949868",
+      cell_type: "code",
+      source: `subsetter.job['links']`,
+      metadata: {
+        trusted: true
+      },
+      outputs: [],
+      execution_count: null
+    }
+  ];
+}
+
+export {
+  getNotebook
+};

package/cdn/chunks/chunk.RRUUHSSX.js

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

package/cdn/chunks/chunk.S7HWCBS4.js

@@ -0,0 +1,35 @@
+import {
+  TerraDropdown
+} from "./chunk.5YFLB32J.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/dropdown/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-dropdown";
+TerraDropdown.define("terra-dropdown");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDropdown,
+  react: React,
+  events: {
+    onTerraShow: "terra-show",
+    onTerraAfterShow: "terra-after-show",
+    onTerraHide: "terra-hide",
+    onTerraAfterHide: "terra-after-hide"
+  },
+  displayName: "TerraDropdown"
+});
+var dropdown_default = reactWrapper;
+
+export {
+  dropdown_default
+};

package/cdn/chunks/chunk.SAPVRSGJ.js

@@ -0,0 +1,19 @@
+import {
+  TerraBadge
+} from "./chunk.QSPMY3AQ.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/badge/badge.ts
+init_dirname();
+init_buffer();
+init_process();
+var badge_default = TerraBadge;
+TerraBadge.define("terra-badge");
+
+export {
+  badge_default
+};

package/cdn/chunks/chunk.SDPXNKVX.js

@@ -0,0 +1,34 @@
+import {
+  TerraTimeSeries
+} from "./chunk.6HWWEPDA.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/time-series/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-time-series";
+TerraTimeSeries.define("terra-time-series");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTimeSeries,
+  react: React,
+  events: {
+    onTerraDateRangeChange: "terra-date-range-change",
+    onTerraTimeSeriesDataChange: "terra-time-series-data-change",
+    onTerraHarmonyJobStatusUpdate: "terra-harmony-job-status-update"
+  },
+  displayName: "TerraTimeSeries"
+});
+var time_series_default = reactWrapper;
+
+export {
+  time_series_default
+};

package/cdn/chunks/chunk.SGPHCDAA.js

@@ -0,0 +1,123 @@
+import {
+  avatar_styles_default
+} from "./chunk.2KIRSUMB.js";
+import {
+  TerraIcon
+} from "./chunk.AW3SAWPB.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.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/avatar/avatar.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraAvatar = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.hasError = false;
+    this.image = "";
+    this.label = "";
+    this.initials = "";
+    this.loading = "eager";
+    this.shape = "circle";
+  }
+  handleImageChange() {
+    this.hasError = false;
+  }
+  handleImageLoadError() {
+    this.hasError = true;
+    this.emit("terra-error");
+  }
+  render() {
+    const avatarWithImage = b`
+            <img
+                part="image"
+                class="avatar__image"
+                src="${this.image}"
+                loading="${this.loading}"
+                alt=""
+                @error="${this.handleImageLoadError}"
+            />
+        `;
+    let avatarWithoutImage = b``;
+    if (this.initials) {
+      avatarWithoutImage = b`<div part="initials" class="avatar__initials">
+                ${this.initials}
+            </div>`;
+    } else {
+      avatarWithoutImage = b`
+                <div part="icon" class="avatar__icon" aria-hidden="true">
+                    <slot name="icon">
+                        <terra-icon
+                            name="solid-user"
+                            library="heroicons"
+                        ></terra-icon>
+                    </slot>
+                </div>
+            `;
+    }
+    return b`
+            <div
+                part="base"
+                class=${e({
+      avatar: true,
+      "avatar--circle": this.shape === "circle",
+      "avatar--rounded": this.shape === "rounded",
+      "avatar--square": this.shape === "square"
+    })}
+                role="img"
+                aria-label=${this.label}
+            >
+                ${this.image && !this.hasError ? avatarWithImage : avatarWithoutImage}
+            </div>
+        `;
+  }
+};
+TerraAvatar.styles = [component_styles_default, avatar_styles_default];
+TerraAvatar.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  r()
+], TerraAvatar.prototype, "hasError", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "image", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "label", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "initials", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "loading", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraAvatar.prototype, "shape", 2);
+__decorateClass([
+  watch("image")
+], TerraAvatar.prototype, "handleImageChange", 1);
+
+export {
+  TerraAvatar
+};

package/cdn/chunks/chunk.SISTE6BF.js

@@ -0,0 +1,170 @@
+import {
+  getUTCDate
+} from "./chunk.TKSEPVAL.js";
+import {
+  queryGiovanniVariables
+} from "./chunk.ZS2NFAQK.js";
+import {
+  giovanni_api_default
+} from "./chunk.KNUKVURG.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadProps,
+  __spreadValues,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/browse-variables/browse-variables.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+var _query, _host, _hasAutoSelectedVariables, _selectVariables, selectVariables_fn, _buildSearchParams, buildSearchParams_fn, _adaptVariables, adaptVariables_fn, _getReasonableInitialDates, getReasonableInitialDates_fn;
+var BrowseVariablesController = class {
+  constructor(host) {
+    __privateAdd(this, _selectVariables);
+    __privateAdd(this, _buildSearchParams);
+    __privateAdd(this, _adaptVariables);
+    __privateAdd(this, _getReasonableInitialDates);
+    __privateAdd(this, _query, void 0);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _hasAutoSelectedVariables, false);
+    __privateSet(this, _host, host);
+    host.addController(this);
+    __privateSet(this, _query, new QueryController(host, () => {
+      const { q, filter } = __privateMethod(this, _buildSearchParams, buildSearchParams_fn).call(this);
+      return queryGiovanniVariables({ q, filter });
+    }));
+  }
+  hostConnected() {
+  }
+  hostDisconnected() {
+  }
+  async hostUpdated() {
+    var _a;
+    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
+    if (!data || __privateGet(this, _hasAutoSelectedVariables))
+      return;
+    await __privateMethod(this, _selectVariables, selectVariables_fn).call(this, data);
+  }
+  get facetsByCategory() {
+    var _a;
+    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
+    if (!data)
+      return void 0;
+    const facetsByCategory = {
+      depths: [],
+      disciplines: [],
+      measurements: [],
+      observations: [],
+      platformInstruments: [],
+      portals: [],
+      spatialResolutions: [],
+      specialFeatures: [],
+      temporalResolutions: [],
+      wavelengths: []
+    };
+    for (const facet of data.facets) {
+      const category = facet.category;
+      if (category in facetsByCategory) {
+        facetsByCategory[category] = facet.values;
+      }
+    }
+    return facetsByCategory;
+  }
+  get variables() {
+    var _a;
+    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
+    return data ? __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, data.variables) : [];
+  }
+  get total() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data) == null ? void 0 : _b.total) != null ? _c : 0;
+  }
+  get isPending() {
+    var _a, _b;
+    return (_b = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.isFetching) != null ? _b : false;
+  }
+  async getVariable(variableEntryId) {
+    const variable = await giovanni_api_default.getVariable(variableEntryId);
+    return variable ? __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, [variable])[0] : null;
+  }
+};
+_query = new WeakMap();
+_host = new WeakMap();
+_hasAutoSelectedVariables = new WeakMap();
+_selectVariables = new WeakSet();
+selectVariables_fn = async function(data) {
+  if (!__privateGet(this, _host).selectedVariableEntryIds || __privateGet(this, _host).selectedVariables.length > 0) {
+    return;
+  }
+  __privateSet(this, _hasAutoSelectedVariables, true);
+  const adaptedVariables = __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, data.variables);
+  const variableEntryIds = __privateGet(this, _host).selectedVariableEntryIds.split(",");
+  const variables = adaptedVariables.filter(
+    (variable) => variableEntryIds.includes(variable.dataFieldId) || variableEntryIds.includes(
+      `${variable.dataProductShortName}_${variable.dataProductVersion}_${variable.dataFieldAccessName}`
+    )
+  );
+  const missingVariableIds = variableEntryIds.filter(
+    (id) => !variables.some((v) => v.dataFieldId === id)
+  );
+  const missingVariables = (await Promise.all(missingVariableIds.map((id) => this.getVariable(id)))).filter(Boolean);
+  __privateGet(this, _host).selectedVariables = [...variables, ...missingVariables];
+};
+_buildSearchParams = new WeakSet();
+buildSearchParams_fn = function() {
+  var _a, _b;
+  const { searchQuery: query, selectedFacets } = __privateGet(this, _host);
+  if ((query === "Aerosols" || query === "aerosols") && !((_a = selectedFacets == null ? void 0 : selectedFacets.observations) == null ? void 0 : _a.includes("Aerosols"))) {
+    return {
+      q: void 0,
+      filter: __spreadProps(__spreadValues({}, selectedFacets), {
+        disciplines: [...(_b = selectedFacets == null ? void 0 : selectedFacets.disciplines) != null ? _b : [], "Aerosols"]
+      })
+    };
+  }
+  return {
+    q: query,
+    filter: selectedFacets
+  };
+};
+_adaptVariables = new WeakSet();
+adaptVariables_fn = function(variables) {
+  return variables.map((variable) => {
+    const exampleInitialDates = __privateMethod(this, _getReasonableInitialDates, getReasonableInitialDates_fn).call(this, variable);
+    return __spreadProps(__spreadValues({}, variable), {
+      exampleInitialStartDate: exampleInitialDates == null ? void 0 : exampleInitialDates.exampleInitialStartDate,
+      exampleInitialEndDate: exampleInitialDates == null ? void 0 : exampleInitialDates.exampleInitialEndDate,
+      dataFieldShortName: !variable.dataFieldShortName || variable.dataFieldShortName === "" ? variable.dataFieldAccessName : variable.dataFieldShortName
+    });
+  });
+};
+_getReasonableInitialDates = new WeakSet();
+getReasonableInitialDates_fn = function(variable) {
+  if (!(variable == null ? void 0 : variable.dataProductBeginDateTime) || !(variable == null ? void 0 : variable.dataProductEndDateTime)) {
+    return void 0;
+  }
+  const diff = Math.abs(
+    new Date(variable.dataProductEndDateTime).getTime() - new Date(variable.dataProductBeginDateTime).getTime()
+  );
+  const threeQuarterRange = Math.floor(diff * 0.75);
+  const startDate = Math.abs(
+    new Date(variable.dataProductBeginDateTime).getTime() + threeQuarterRange
+  );
+  return {
+    exampleInitialStartDate: getUTCDate(startDate),
+    exampleInitialEndDate: getUTCDate(variable.dataProductEndDateTime)
+  };
+};
+
+export {
+  BrowseVariablesController
+};