@nasa-terra/components 0.0.192 → 0.0.194

package/cdn/chunks/chunk.4OEMN3MA.js

@@ -1,190 +0,0 @@
-import {
-  date_range_slider_styles_default
-} from "./chunk.KKNKCTHS.js";
-import {
-  PipsMode,
-  nouislider_default
-} from "./chunk.HBHLBI3N.js";
-import {
-  mergeTooltips
-} from "./chunk.ZHCOO7YL.js";
-import {
-  format,
-  isValidDate
-} from "./chunk.TKSEPVAL.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n
-} from "./chunk.4MXAJRHY.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/date-range-slider/date-range-slider.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraDateRangeSlider = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.timeScale = "daily";
-    this.disabled = false;
-    this.hasPips = true;
-  }
-  updateSlider() {
-    this.renderSlider();
-  }
-  disabledChanged() {
-    var _a, _b, _c, _d;
-    this.disabled ? (_b = (_a = this.slider) == null ? void 0 : _a.noUiSlider) == null ? void 0 : _b.disable() : (_d = (_c = this.slider) == null ? void 0 : _c.noUiSlider) == null ? void 0 : _d.enable();
-  }
-  firstUpdated() {
-    this.renderSlider();
-  }
-  renderSlider() {
-    var _a;
-    if (!this.slider) {
-      return;
-    }
-    (_a = this.slider.noUiSlider) == null ? void 0 : _a.destroy();
-    if (!isValidDate(this.minDate) || !isValidDate(this.maxDate)) {
-      this.renderEmptySlider();
-      this.minDate && !isValidDate(this.minDate) && console.error("Invalid min date provided");
-      this.maxDate && !isValidDate(this.maxDate) && console.error("Invalid max date provided");
-      return;
-    }
-    const minDate = new Date(this.minDate);
-    const maxDate = new Date(this.maxDate);
-    const startDate = new Date(
-      isValidDate(this.startDate) ? this.startDate : this.minDate
-    );
-    const endDate = new Date(
-      isValidDate(this.endDate) ? this.endDate : this.maxDate
-    );
-    minDate.setUTCHours(0, 0, 0, 0);
-    startDate.setUTCHours(0, 0, 0, 0);
-    maxDate.setUTCHours(23, 59, 59, 999);
-    endDate.setUTCHours(23, 59, 59, 999);
-    const sliderOptions = {
-      range: {
-        // convert to milliseconds to define a range
-        min: minDate.getTime(),
-        max: maxDate.getTime()
-      },
-      behaviour: "drag",
-      step: this._getStep(),
-      start: [startDate.getTime(), endDate.getTime()],
-      // defaults to either the given start/end dates or the full date range (min/max date)
-      tooltips: [true, true],
-      // for each handle, choose whether to show a tooltip
-      connect: true,
-      // whether to connect the handles with a colorized bar
-      pips: {
-        mode: PipsMode.Range,
-        density: -1,
-        format: this._getSliderFormatter()
-      },
-      format: this._getSliderFormatter()
-    };
-    nouislider_default.create(this.slider, sliderOptions);
-    mergeTooltips(this.slider);
-    this.slider.noUiSlider.on("change", (values) => {
-      this.emit("terra-date-range-change", {
-        detail: {
-          startDate: this._formatDate(values[0]),
-          endDate: this._formatDate(values[1])
-        }
-      });
-    });
-  }
-  renderEmptySlider() {
-    nouislider_default.create(this.slider, {
-      start: [0, 0],
-      range: {
-        min: 0,
-        max: 0
-      }
-    });
-  }
-  _getStep() {
-    const oneMinuteMillis = 60 * 1e3;
-    const oneHourMillis = 60 * oneMinuteMillis;
-    const oneDayMillis = 24 * oneHourMillis;
-    switch (this.timeScale) {
-      case "half-hourly":
-        return 30 * oneMinuteMillis;
-      case "hourly":
-        return oneHourMillis;
-      default:
-        return oneDayMillis;
-    }
-  }
-  _getSliderFormatter() {
-    return {
-      to: (value) => {
-        return this._formatDate(value);
-      },
-      from: (value) => {
-        return Number(value);
-      }
-    };
-  }
-  _formatDate(date) {
-    const dateFormat = this.timeScale === "daily" ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm";
-    return format(new Date(date).toUTCString(), dateFormat);
-  }
-  render() {
-    const containerClass = "container" + this.hasPips ? " hasPips" : "";
-    return b`
-            <div class="${containerClass}">
-                <div part="slider"></div>
-            </div>
-        `;
-  }
-};
-TerraDateRangeSlider.styles = [component_styles_default, date_range_slider_styles_default];
-__decorateClass([
-  e('[part~="slider"]')
-], TerraDateRangeSlider.prototype, "slider", 2);
-__decorateClass([
-  n({ attribute: "time-scale" })
-], TerraDateRangeSlider.prototype, "timeScale", 2);
-__decorateClass([
-  n({ attribute: "min-date" })
-], TerraDateRangeSlider.prototype, "minDate", 2);
-__decorateClass([
-  n({ attribute: "max-date" })
-], TerraDateRangeSlider.prototype, "maxDate", 2);
-__decorateClass([
-  n({ attribute: "start-date" })
-], TerraDateRangeSlider.prototype, "startDate", 2);
-__decorateClass([
-  n({ attribute: "end-date" })
-], TerraDateRangeSlider.prototype, "endDate", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraDateRangeSlider.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "has-pips" })
-], TerraDateRangeSlider.prototype, "hasPips", 2);
-__decorateClass([
-  watch(["startDate", "endDate", "minDate", "maxDate"])
-], TerraDateRangeSlider.prototype, "updateSlider", 1);
-__decorateClass([
-  watch("disabled")
-], TerraDateRangeSlider.prototype, "disabledChanged", 1);
-
-export {
-  TerraDateRangeSlider
-};

package/cdn/chunks/chunk.4V3MHTHA.js

@@ -1,19 +0,0 @@
-import {
-  TerraStatusIndicator
-} from "./chunk.X6F5AXSA.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/status-indicator/status-indicator.ts
-init_dirname();
-init_buffer();
-init_process();
-var status_indicator_default = TerraStatusIndicator;
-TerraStatusIndicator.define("terra-status-indicator");
-
-export {
-  status_indicator_default
-};

package/cdn/chunks/chunk.4WNBCYY4.js

@@ -1,134 +0,0 @@
-import {
-  tag_styles_default
-} from "./chunk.B3SDJXLA.js";
-import {
-  TerraIcon
-} from "./chunk.ET5DXSTJ.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.4MXAJRHY.js";
-import {
-  A,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.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 = b`
-            ${isContent ? b`
-                      <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 ? b`
-                                        <terra-icon
-                                            name="${this.icon}"
-                                            library="${this.iconLibrary}"
-                                        ></terra-icon>
-                                    ` : A}
-                          </slot>
-                      </span>
-                  ` : A}
-            <span part="label" class="tag__label">
-                <slot></slot>
-            </span>
-        `;
-    if (isLink) {
-      return b`
-                <a
-                    part="base"
-                    href="${this.href}"
-                    class="${e(baseClasses)}"
-                    @click="${this.handleClick}"
-                >
-                    ${content}
-                </a>
-            `;
-    }
-    return b`
-            <div
-                part="base"
-                class="${e(baseClasses)}"
-                @click="${this.handleClick}"
-                role="${this.variant === "topic" ? "button" : A}"
-                tabindex="${this.variant === "topic" && !this.href ? "0" : A}"
-            >
-                ${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.4Y35UDBM.js

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

package/cdn/chunks/chunk.53PUY3ZS.js

@@ -1,110 +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.191" "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",
-        "Wait for the map above to fully render before running the cell below. Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`\n",
-        "\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
-# Ensure the map has rendered before accessing data
-if not map.data:
-    print("No data available. Please run the map cell above and wait for it to fully render before running this cell.")
-else:
-    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.56S57ULO.js

@@ -1,158 +0,0 @@
-import {
-  option_styles_default
-} from "./chunk.PPYU4SFW.js";
-import {
-  TerraIcon
-} from "./chunk.ET5DXSTJ.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n,
-  r
-} from "./chunk.4MXAJRHY.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/option/option.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraOption = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.isInitialized = false;
-    this.current = false;
-    this.selected = false;
-    this.hasHover = false;
-    this.value = "";
-    this.disabled = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "option");
-    this.setAttribute("aria-selected", "false");
-  }
-  handleDefaultSlotChange() {
-    if (this.isInitialized) {
-      customElements.whenDefined("terra-select").then(() => {
-        const controller = this.closest("terra-select");
-        if (controller) {
-          controller.handleDefaultSlotChange();
-        }
-      });
-    } else {
-      this.isInitialized = true;
-    }
-  }
-  handleMouseEnter() {
-    this.hasHover = true;
-  }
-  handleMouseLeave() {
-    this.hasHover = false;
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleSelectedChange() {
-    this.setAttribute("aria-selected", this.selected ? "true" : "false");
-  }
-  handleValueChange() {
-    if (typeof this.value !== "string") {
-      this.value = String(this.value);
-    }
-  }
-  /** Returns a plain text label based on the option's content. */
-  getTextLabel() {
-    const nodes = this.childNodes;
-    let label = "";
-    [...nodes].forEach((node) => {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        if (!node.hasAttribute("slot")) {
-          label += node.textContent;
-        }
-      }
-      if (node.nodeType === Node.TEXT_NODE) {
-        label += node.textContent;
-      }
-    });
-    return label.trim();
-  }
-  render() {
-    return b`
-            <div
-                part="base"
-                class=${e({
-      option: true,
-      "option--current": this.current,
-      "option--disabled": this.disabled,
-      "option--selected": this.selected,
-      "option--hover": this.hasHover
-    })}
-                @mouseenter=${this.handleMouseEnter}
-                @mouseleave=${this.handleMouseLeave}
-            >
-                <terra-icon
-                    part="checked-icon"
-                    class="option__check"
-                    name="outline-check"
-                    library="heroicons"
-                    aria-hidden="true"
-                ></terra-icon>
-                <slot part="prefix" name="prefix" class="option__prefix"></slot>
-                <slot
-                    part="label"
-                    class="option__label"
-                    @slotchange=${this.handleDefaultSlotChange}
-                ></slot>
-                <slot part="suffix" name="suffix" class="option__suffix"></slot>
-            </div>
-        `;
-  }
-};
-TerraOption.styles = [component_styles_default, option_styles_default];
-TerraOption.dependencies = { "terra-icon": TerraIcon };
-__decorateClass([
-  e2(".option__label")
-], TerraOption.prototype, "defaultSlot", 2);
-__decorateClass([
-  r()
-], TerraOption.prototype, "current", 2);
-__decorateClass([
-  r()
-], TerraOption.prototype, "selected", 2);
-__decorateClass([
-  r()
-], TerraOption.prototype, "hasHover", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraOption.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraOption.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled")
-], TerraOption.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("selected")
-], TerraOption.prototype, "handleSelectedChange", 1);
-__decorateClass([
-  watch("value")
-], TerraOption.prototype, "handleValueChange", 1);
-
-export {
-  TerraOption
-};

package/cdn/chunks/chunk.5MJBTEGL.js

@@ -1,49 +0,0 @@
-import {
-  divider_styles_default
-} from "./chunk.TRSIGSX4.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.4MXAJRHY.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/divider/divider.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraDivider = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.vertical = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "separator");
-  }
-  handleVerticalChange() {
-    this.setAttribute(
-      "aria-orientation",
-      this.vertical ? "vertical" : "horizontal"
-    );
-  }
-};
-TerraDivider.styles = [component_styles_default, divider_styles_default];
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraDivider.prototype, "vertical", 2);
-__decorateClass([
-  watch("vertical")
-], TerraDivider.prototype, "handleVerticalChange", 1);
-
-export {
-  TerraDivider
-};