@nasa-terra/components 0.0.185 → 0.0.187

package/cdn/chunks/chunk.RMQ24UBZ.js

@@ -1,106 +0,0 @@
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/plot-toolbar/notebooks/time-averaged-map-notebook.ts
-init_dirname();
-init_buffer();
-init_process();
-function getTimeAveragedMapNotebook(host) {
-  return [
-    {
-      cell_type: "markdown",
-      id: "367f56b9-7ca8-4435-9dcc-89bf586f33ab",
-      metadata: {},
-      source: [
-        "### Prerequisites:\n",
-        "\n",
-        "This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` 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.184" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',
-      metadata: {
-        trusted: true
-      },
-      outputs: [],
-      execution_count: null
-    },
-    {
-      cell_type: "markdown",
-      id: "35aa4a00-8e2c-4478-9df7-de633fd8f6ce",
-      metadata: {},
-      source: ["### Render a time averaged map"]
-    },
-    {
-      id: "870c1384-e706-48ee-ba07-fd552a949869",
-      cell_type: "code",
-      source: `from terra_ui_components import TerraTimeAverageMap
-map = TerraTimeAverageMap()
-map.collection='${host.catalogVariable.dataFieldId.replace(`_${host.catalogVariable.dataFieldAccessName}`, "")}'
-map.variable = '${host.catalogVariable.dataFieldAccessName}'
-map.startDate = '${host.startDate}'
-map.endDate = '${host.endDate}'
-map.location = '${host.location}'
-
-map`,
-      metadata: {
-        trusted: true
-      },
-      outputs: [],
-      execution_count: null
-    },
-    {
-      cell_type: "markdown",
-      id: "25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",
-      metadata: {},
-      source: [
-        "### Access the map GeoTIFF bytes\n",
-        "\n",
-        "Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`",
-        "\n",
-        "Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"
-      ]
-    },
-    {
-      cell_type: "code",
-      execution_count: null,
-      id: "6b81a089-884d-4fd7-9d4e-c45a53307c20",
-      metadata: {},
-      outputs: [],
-      source: `import rasterio
-from rasterio.io import MemoryFile
-from io import BytesIO
-import matplotlib.pyplot as plt
-
-# map.data contains the rendered GeoTIFF as bytes
-with MemoryFile(map.data) as memfile:
-    with memfile.open() as dataset:
-        # You can now work with the dataset as if it were opened from a file
-        print(f"Driver: {dataset.driver}")
-        print(f"CRS: {dataset.crs}")
-        print(f"Bounds: {dataset.bounds}")
-        data = dataset.read(1)
-        print(f"Data shape: {data.shape}")
-
-        # Example of creating a figure and displaying the data
-        plt.figure(figsize=(10, 8))
-        plt.imshow(data, cmap='viridis')  # You can change the colormap
-        plt.colorbar(label='Values')
-        plt.title('GeoTIFF Visualization')
-        plt.xlabel('X')
-        plt.ylabel('Y')
-        plt.show()`
-    }
-  ];
-}
-
-export {
-  getTimeAveragedMapNotebook
-};

package/cdn/chunks/chunk.RNCH6WDC.js

@@ -1,19 +0,0 @@
-import {
-  TerraTextarea
-} from "./chunk.FS5XRRQU.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/textarea/textarea.ts
-init_dirname();
-init_buffer();
-init_process();
-var textarea_default = TerraTextarea;
-TerraTextarea.define("terra-textarea");
-
-export {
-  textarea_default
-};

package/cdn/chunks/chunk.RV6U2G5D.js

@@ -1,99 +0,0 @@
-import {
-  GiovanniVariableCatalog
-} from "./chunk.6BGTXGAW.js";
-import {
-  h
-} from "./chunk.BQDEKCXK.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  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 _host, _catalog, _selectVariables, selectVariables_fn, _getCatalogRepository, getCatalogRepository_fn;
-var BrowseVariablesController = class {
-  // TODO: fix this type, it should be VariableCatalogInterface
-  constructor(host) {
-    /**
-     * Selects variables from the search response that are in the selectedVariableEntryIds list
-     */
-    __privateAdd(this, _selectVariables);
-    __privateAdd(this, _getCatalogRepository);
-    __privateAdd(this, _host, void 0);
-    __privateAdd(this, _catalog, void 0);
-    __privateSet(this, _host, host);
-    __privateSet(this, _catalog, __privateMethod(this, _getCatalogRepository, getCatalogRepository_fn).call(this));
-    this.task = new h(host, {
-      task: async ([searchQuery, selectedFacets], { signal }) => {
-        const searchResponse = await __privateGet(this, _catalog).searchVariablesAndFacets(
-          searchQuery,
-          selectedFacets,
-          {
-            signal
-          }
-        );
-        __privateMethod(this, _selectVariables, selectVariables_fn).call(this, searchResponse);
-        return searchResponse;
-      },
-      args: () => [__privateGet(this, _host).searchQuery, __privateGet(this, _host).selectedFacets]
-    });
-  }
-  get facetsByCategory() {
-    var _a;
-    return (_a = this.task.value) == null ? void 0 : _a.facetsByCategory;
-  }
-  get variables() {
-    var _a, _b;
-    return (_b = (_a = this.task.value) == null ? void 0 : _a.variables) != null ? _b : [];
-  }
-  get total() {
-    var _a, _b;
-    return (_b = (_a = this.task.value) == null ? void 0 : _a.total) != null ? _b : 0;
-  }
-  get catalog() {
-    return __privateGet(this, _catalog);
-  }
-  render(renderFunctions) {
-    return this.task.render(renderFunctions);
-  }
-};
-_host = new WeakMap();
-_catalog = new WeakMap();
-_selectVariables = new WeakSet();
-selectVariables_fn = async function(searchResponse) {
-  if (!__privateGet(this, _host).selectedVariableEntryIds || __privateGet(this, _host).selectedVariables.length > 0) {
-    return;
-  }
-  const variableEntryIds = __privateGet(this, _host).selectedVariableEntryIds.split(",");
-  const variables = searchResponse.variables.filter((variable) => {
-    return variableEntryIds.includes(variable.dataFieldId) || variableEntryIds.includes(
-      `${variable.dataProductShortName}_${variable.dataProductVersion}_${variable.dataFieldAccessName}`
-    );
-  });
-  const missingVariableIds = variableEntryIds.filter(
-    (id) => !variables.some((variable) => variable.dataFieldId === id)
-  );
-  const missingVariables = await Promise.all(
-    missingVariableIds.map((id) => __privateGet(this, _catalog).getVariable(id))
-  );
-  __privateGet(this, _host).selectedVariables = [...variables, ...missingVariables];
-};
-_getCatalogRepository = new WeakSet();
-getCatalogRepository_fn = function() {
-  if (__privateGet(this, _host).catalog === "giovanni") {
-    return new GiovanniVariableCatalog();
-  }
-  throw new Error(`Invalid catalog: ${__privateGet(this, _host).catalog}`);
-};
-
-export {
-  BrowseVariablesController
-};

package/cdn/chunks/chunk.RZ644Q2W.js

@@ -1,359 +0,0 @@
-import {
-  file_upload_styles_default
-} from "./chunk.OEEK7IGM.js";
-import {
-  o
-} from "./chunk.VH7AMLEP.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n,
-  r
-} from "./chunk.D4C4IM6K.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/file-upload/file-upload.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraFileUpload = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.files = [];
-    this.isDragging = false;
-    this.hasFocus = false;
-    this.label = "Upload";
-    this.helpText = "";
-    this.name = "";
-    this.multiple = false;
-    this.disabled = false;
-    this.required = false;
-    this.accept = "";
-    this.handleDragOver = (event) => {
-      if (this.disabled)
-        return;
-      event.preventDefault();
-      event.stopPropagation();
-      this.isDragging = true;
-    };
-    this.handleDragLeave = (event) => {
-      if (this.disabled)
-        return;
-      event.preventDefault();
-      event.stopPropagation();
-      this.isDragging = false;
-    };
-    this.handleDrop = (event) => {
-      var _a;
-      if (this.disabled)
-        return;
-      event.preventDefault();
-      event.stopPropagation();
-      this.isDragging = false;
-      const droppedFiles = (_a = event.dataTransfer) == null ? void 0 : _a.files;
-      if (droppedFiles && droppedFiles.length > 0) {
-        this.handleFiles(Array.from(droppedFiles));
-      }
-    };
-    this.handleFileInputChange = (event) => {
-      const input = event.target;
-      if (input.files && input.files.length > 0) {
-        this.handleFiles(Array.from(input.files));
-      }
-    };
-    this.handleClick = () => {
-      if (!this.disabled) {
-        this.fileInput.click();
-      }
-    };
-    this.handleChangeFiles = () => {
-      this.handleClick();
-    };
-    this.handleFocus = () => {
-      this.hasFocus = true;
-      this.emit("terra-focus");
-    };
-    this.handleBlur = () => {
-      this.hasFocus = false;
-      this.emit("terra-blur");
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  firstUpdated() {
-    this.setupDragAndDrop();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.cleanupDragAndDrop();
-    this.files.forEach((file) => {
-      if (file.preview && file.preview.startsWith("blob:")) {
-        URL.revokeObjectURL(file.preview);
-      }
-    });
-  }
-  setupDragAndDrop() {
-    if (this.dropzone) {
-      this.dropzone.addEventListener("dragover", this.handleDragOver);
-      this.dropzone.addEventListener("dragleave", this.handleDragLeave);
-      this.dropzone.addEventListener("drop", this.handleDrop);
-    }
-  }
-  cleanupDragAndDrop() {
-    if (this.dropzone) {
-      this.dropzone.removeEventListener("dragover", this.handleDragOver);
-      this.dropzone.removeEventListener("dragleave", this.handleDragLeave);
-      this.dropzone.removeEventListener("drop", this.handleDrop);
-    }
-  }
-  handleFiles(newFiles) {
-    let filesToAdd = newFiles;
-    if (this.multiple && this.maxFiles) {
-      const remaining = this.maxFiles - this.files.length;
-      if (remaining <= 0) {
-        return;
-      }
-      filesToAdd = filesToAdd.slice(0, remaining);
-    } else if (!this.multiple) {
-      filesToAdd = [filesToAdd[0]];
-    }
-    if (this.maxFileSize) {
-      filesToAdd = filesToAdd.filter((file) => file.size <= this.maxFileSize);
-    }
-    const filesWithPreviews = filesToAdd.map((file) => {
-      const fileWithPreview = file;
-      if (file.type.startsWith("image/")) {
-        fileWithPreview.preview = URL.createObjectURL(file);
-      }
-      return fileWithPreview;
-    });
-    if (this.multiple) {
-      this.files = [...this.files, ...filesWithPreviews];
-    } else {
-      this.files.forEach((file) => {
-        if (file.preview && file.preview.startsWith("blob:")) {
-          URL.revokeObjectURL(file.preview);
-        }
-      });
-      this.files = filesWithPreviews;
-    }
-    this.emit("terra-change");
-  }
-  /** Gets the current files. */
-  getFiles() {
-    return [...this.files];
-  }
-  /** Clears all selected files. */
-  clearFiles() {
-    this.files.forEach((file) => {
-      if (file.preview && file.preview.startsWith("blob:")) {
-        URL.revokeObjectURL(file.preview);
-      }
-    });
-    this.files = [];
-    if (this.fileInput) {
-      this.fileInput.value = "";
-    }
-    this.emit("terra-change");
-  }
-  render() {
-    const hasFiles = this.files.length > 0;
-    const fileCount = this.files.length;
-    return b`
-            <div class="file-upload-wrapper">
-                ${this.label ? b`
-                          <label for="file-input" class="file-upload__label">
-                              ${this.label}
-                              ${this.required ? b`<span class="file-upload__required-indicator"
-                                        >*</span
-                                    >` : ""}
-                          </label>
-                      ` : ""}
-                ${hasFiles ? b`
-                          <div class="file-upload__preview">
-                              <div class="file-upload__preview-header">
-                                  <strong class="file-upload__file-count"
-                                      >${fileCount}
-                                      ${fileCount === 1 ? "file" : "files"}
-                                      selected</strong
-                                  >
-                                  <button
-                                      type="button"
-                                      class="file-upload__change-link"
-                                      @click=${this.handleChangeFiles}
-                                      ?disabled=${this.disabled}
-                                  >
-                                      Change files
-                                  </button>
-                              </div>
-                              <div class="file-upload__file-list">
-                                  ${this.files.map(
-      (file) => b`
-                                          <div
-                                              class="file-upload__file-item"
-                                              part="file-item"
-                                          >
-                                              ${file.preview ? b`
-                                                        <img
-                                                            part="file-thumbnail"
-                                                            class="file-upload__thumbnail"
-                                                            src=${file.preview}
-                                                            alt=${file.name}
-                                                        />
-                                                    ` : b`
-                                                        <div
-                                                            class="file-upload__thumbnail file-upload__thumbnail--placeholder"
-                                                        >
-                                                            <svg
-                                                                width="24"
-                                                                height="24"
-                                                                viewBox="0 0 24 24"
-                                                                fill="none"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                            >
-                                                                <path
-                                                                    d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
-                                                                    stroke="currentColor"
-                                                                    stroke-width="2"
-                                                                    stroke-linecap="round"
-                                                                    stroke-linejoin="round"
-                                                                />
-                                                                <path
-                                                                    d="M14 2V8H20"
-                                                                    stroke="currentColor"
-                                                                    stroke-width="2"
-                                                                    stroke-linecap="round"
-                                                                    stroke-linejoin="round"
-                                                                />
-                                                            </svg>
-                                                        </div>
-                                                    `}
-                                              <span
-                                                  part="file-name"
-                                                  class="file-upload__file-name"
-                                                  >${file.name}</span
-                                              >
-                                          </div>
-                                      `
-    )}
-                              </div>
-                          </div>
-                      ` : b`
-                          <div
-                              part="dropzone"
-                              class=${e({
-      "file-upload__dropzone": true,
-      "file-upload__dropzone--dragging": this.isDragging,
-      "file-upload__dropzone--focused": this.hasFocus,
-      "file-upload__dropzone--disabled": this.disabled
-    })}
-                              @click=${this.handleClick}
-                              @keydown=${(e3) => {
-      if ((e3.key === "Enter" || e3.key === " ") && !this.disabled) {
-        e3.preventDefault();
-        this.handleClick();
-      }
-    }}
-                              @focus=${this.handleFocus}
-                              @blur=${this.handleBlur}
-                              tabindex=${this.disabled ? "-1" : "0"}
-                              role="button"
-                              aria-label="Upload files"
-                          >
-                              <slot>
-                                  <span class="file-upload__dropzone-text">
-                                      Drag files here or
-                                      <button
-                                          type="button"
-                                          class="file-upload__browse-link"
-                                          @click=${(e3) => {
-      e3.stopPropagation();
-      this.handleClick();
-    }}
-                                      >
-                                          choose from folder
-                                      </button>
-                                  </span>
-                              </slot>
-                          </div>
-                      `}
-
-                <input
-                    part="file-input"
-                    class="file-upload__input"
-                    id="file-input"
-                    type="file"
-                    name=${o(this.name || void 0)}
-                    ?multiple=${this.multiple}
-                    ?disabled=${this.disabled}
-                    ?required=${this.required}
-                    accept=${o(this.accept || void 0)}
-                    @change=${this.handleFileInputChange}
-                    tabindex="-1"
-                />
-
-                ${this.helpText ? b`<div class="file-upload__help-text">${this.helpText}</div>` : ""}
-            </div>
-        `;
-  }
-};
-TerraFileUpload.styles = [component_styles_default, file_upload_styles_default];
-__decorateClass([
-  e2(".file-upload__input")
-], TerraFileUpload.prototype, "fileInput", 2);
-__decorateClass([
-  e2(".file-upload__dropzone")
-], TerraFileUpload.prototype, "dropzone", 2);
-__decorateClass([
-  r()
-], TerraFileUpload.prototype, "files", 2);
-__decorateClass([
-  r()
-], TerraFileUpload.prototype, "isDragging", 2);
-__decorateClass([
-  r()
-], TerraFileUpload.prototype, "hasFocus", 2);
-__decorateClass([
-  n()
-], TerraFileUpload.prototype, "label", 2);
-__decorateClass([
-  n({ attribute: "help-text" })
-], TerraFileUpload.prototype, "helpText", 2);
-__decorateClass([
-  n()
-], TerraFileUpload.prototype, "name", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraFileUpload.prototype, "multiple", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraFileUpload.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraFileUpload.prototype, "required", 2);
-__decorateClass([
-  n()
-], TerraFileUpload.prototype, "accept", 2);
-__decorateClass([
-  n({ type: Number, attribute: "max-file-size" })
-], TerraFileUpload.prototype, "maxFileSize", 2);
-__decorateClass([
-  n({ type: Number, attribute: "max-files" })
-], TerraFileUpload.prototype, "maxFiles", 2);
-
-export {
-  TerraFileUpload
-};

package/cdn/chunks/chunk.S3NVOH7F.js

@@ -1,29 +0,0 @@
-import {
-  GiovanniGeoJsonShapes
-} from "./chunk.432XUQVD.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/map/map.controller.ts
-init_dirname();
-init_buffer();
-init_process();
-var MapController = class {
-  constructor(host) {
-    this.host = host;
-    this.geoJsonShapes = new GiovanniGeoJsonShapes();
-    this.host.addController(this);
-  }
-  async hostConnected() {
-    if (this.host.hasShapeSelector) {
-      this.host.shapes = await this.geoJsonShapes.getShapeFiles();
-    }
-  }
-};
-
-export {
-  MapController
-};

package/cdn/chunks/chunk.S3TXURJD.js

@@ -1,32 +0,0 @@
-import {
-  TerraDatePicker
-} from "./chunk.3JJBO6FW.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/date-picker/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-date-picker";
-TerraDatePicker.define("terra-date-picker");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDatePicker,
-  react: React,
-  events: {
-    onTerraDateRangeChange: "terra-date-range-change"
-  },
-  displayName: "TerraDatePicker"
-});
-var date_picker_default = reactWrapper;
-
-export {
-  date_picker_default
-};

package/cdn/chunks/chunk.S53YZHJA.js

@@ -1,19 +0,0 @@
-import {
-  TerraSpatialPicker
-} from "./chunk.FNLDWEWY.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
-};