@nasa-terra/components 0.0.186 → 0.0.188

package/cdn/chunks/chunk.ENIQY2C7.js

@@ -1,158 +0,0 @@
-import {
-  option_styles_default
-} from "./chunk.YNIY33OW.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraIcon
-} from "./chunk.L54U3KR7.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n,
-  r
-} from "./chunk.4CNDF3PH.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.ESBR7IH6.js

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

package/cdn/chunks/chunk.EWRYGDIB.js

@@ -1,37 +0,0 @@
-import {
-  TerraDialog
-} from "./chunk.UOFXGOXY.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/dialog/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-dialog";
-TerraDialog.define("terra-dialog");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDialog,
-  react: React,
-  events: {
-    onTerraDialogShow: "terra-dialog-show",
-    onTerraDialogAfterShow: "terra-dialog-after-show",
-    onTerraDialogHide: "terra-dialog-hide",
-    onTerraDialogAfterHide: "terra-dialog-after-hide",
-    onTerraDialogInitialFocus: "terra-dialog-initial-focus",
-    onTerraDialogRequestClose: "terra-dialog-request-close"
-  },
-  displayName: "TerraDialog"
-});
-var dialog_default = reactWrapper;
-
-export {
-  dialog_default
-};

package/cdn/chunks/chunk.F2IREZ5Z.js

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

package/cdn/chunks/chunk.F2V4UVAM.js

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

package/cdn/chunks/chunk.F5J3LNXS.js

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

package/cdn/chunks/chunk.FBQBXHQ5.js

@@ -1,19 +0,0 @@
-import {
-  TerraChip
-} from "./chunk.S5IU56DF.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/chip/chip.ts
-init_dirname();
-init_buffer();
-init_process();
-var chip_default = TerraChip;
-TerraChip.define("terra-chip");
-
-export {
-  chip_default
-};

package/cdn/chunks/chunk.FD4IZ6DH.js

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

@@ -1,242 +0,0 @@
-import {
-  TerraVariableCombobox
-} from "./chunk.WVQSNSMN.js";
-import {
-  TerraTimeSeries
-} from "./chunk.QKTCEJ3U.js";
-import {
-  getFetchVariableTask
-} from "./chunk.YQXMPDBV.js";
-import {
-  getVariableEntryId
-} from "./chunk.QS6LI65N.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.XQBFF6UL.js";
-import {
-  data_rods_styles_default
-} from "./chunk.GBYKMMSD.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.ZT2MQHEQ.js";
-import {
-  getUTCDate
-} from "./chunk.TKSEPVAL.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.4CNDF3PH.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateMethod,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/data-rods/data-rods.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleInvalidDateSelection, handleInvalidDateSelection_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn;
-var TerraDataRods = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    /**
-     * anytime the date range slider changes, update the start and end date
-     */
-    __privateAdd(this, _handleDateRangeSliderChangeEvent);
-    /**
-     * anytime user selects invalid dates outside variable date range
-     */
-    __privateAdd(this, _handleInvalidDateSelection);
-    __privateAdd(this, _handleVariableChange);
-    __privateAdd(this, _handleMapChange);
-    __privateAdd(this, _handleTimeSeriesDateRangeChange);
-    this._fetchVariableTask = getFetchVariableTask(this);
-  }
-  get variableBoundingBox() {
-    const variable = this.catalogVariable;
-    if (!variable)
-      return void 0;
-    const {
-      dataProductWest,
-      dataProductSouth,
-      dataProductEast,
-      dataProductNorth
-    } = variable;
-    if (dataProductWest == null || dataProductSouth == null || dataProductEast == null || dataProductNorth == null) {
-      return void 0;
-    }
-    return `${dataProductWest}, ${dataProductSouth}, ${dataProductEast}, ${dataProductNorth}`;
-  }
-  compatibilityWarning() {
-    this.spatialWarningMessage = void 0;
-    if (!this.catalogVariable || !this.location)
-      return;
-    const {
-      dataProductWest,
-      dataProductSouth,
-      dataProductEast,
-      dataProductNorth
-    } = this.catalogVariable;
-    if (dataProductWest == null || dataProductSouth == null || dataProductEast == null || dataProductNorth == null) {
-      return;
-    }
-    const [latStr, lonStr] = this.location.split(",");
-    const lat = Number(latStr);
-    const lon = Number(lonStr);
-    const inside = lon >= dataProductWest && lon <= dataProductEast && lat >= dataProductSouth && lat <= dataProductNorth;
-    if (!inside) {
-      this.spatialWarningMessage = this.lastChanged === "variable" ? "This variable has no data at the selected location." : "The selected location is outside the coverage of this variable.";
-    }
-  }
-  render() {
-    var _a, _b;
-    const minDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductBeginDateTime) : void 0;
-    const maxDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductEndDateTime) : void 0;
-    return b`
-            ${this.spatialWarningMessage && this.lastChanged === "location" ? b`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>` : null}
-            <terra-variable-combobox
-                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
-                .value=${getVariableEntryId(this)}
-                .bearerToken=${(_a = this.bearerToken) != null ? _a : null}
-                .useTags=${true}
-                @terra-combobox-change="${__privateMethod(this, _handleVariableChange, handleVariableChange_fn)}"
-            ></terra-variable-combobox>
-
-            ${this.spatialWarningMessage && this.lastChanged === "variable" ? b`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>` : null}
-            <terra-spatial-picker
-                initial-value=${this.location}
-                .spatialConstraints=${this.variableBoundingBox}
-                exportparts="map:spatial-picker__map"
-                label="Select Point"
-                @terra-map-change=${__privateMethod(this, _handleMapChange, handleMapChange_fn)}
-                .showBoundingBoxSelection=${false}
-            ></terra-spatial-picker>
-
-            <terra-time-series
-                variable-entry-id=${getVariableEntryId(this)}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                .location=${(_b = this.location) != null ? _b : void 0}
-                bearer-token=${this.bearerToken}
-                show-citation=${true}
-                cache
-                @terra-date-range-change=${__privateMethod(this, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn)}
-            >
-                <li slot="help-links">
-                    <a
-                        href="https://disc.gsfc.nasa.gov/information/tools?title=Hydrology%20Time%20Series"
-                        >User Guide</a
-                    >
-                </li>
-            </terra-time-series>
-
-            <terra-date-range-slider
-                exportparts="slider:date-range-slider__slider"
-                min-date=${minDate}
-                max-date=${maxDate}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                @terra-date-range-change="${__privateMethod(this, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn)}"
-                @terra-date-selection-invalid="${__privateMethod(this, _handleInvalidDateSelection, handleInvalidDateSelection_fn)}"
-            ></terra-date-range-slider>
-            ${this.dateErrorMessage ? b`<div class="date-error" style="color: red;">
-                      ${this.dateErrorMessage}
-                  </div>` : null}
-        `;
-  }
-};
-_handleDateRangeSliderChangeEvent = new WeakSet();
-handleDateRangeSliderChangeEvent_fn = function(event) {
-  this.startDate = event.detail.startDate;
-  this.endDate = event.detail.endDate;
-};
-_handleInvalidDateSelection = new WeakSet();
-handleInvalidDateSelection_fn = function(event) {
-  this.dateErrorMessage = event.detail.message;
-};
-_handleVariableChange = new WeakSet();
-handleVariableChange_fn = function(event) {
-  const newEntryId = event.detail.entryId;
-  if (!this.variableEntryId || newEntryId === this.variableEntryId) {
-    return;
-  }
-  this.variableEntryId = newEntryId;
-  this.location = void 0;
-  this.lastChanged = "variable";
-  this.compatibilityWarning();
-};
-_handleMapChange = new WeakSet();
-handleMapChange_fn = function(event) {
-  console.log("map change event", event);
-  if (event.detail.type === "point" /* POINT */) {
-    this.location = `${event.detail.latLng.lat.toFixed(4)},${event.detail.latLng.lng.toFixed(4)}`;
-    this.lastChanged = "location";
-    this.compatibilityWarning();
-  }
-};
-_handleTimeSeriesDateRangeChange = new WeakSet();
-handleTimeSeriesDateRangeChange_fn = function(event) {
-  this.startDate = event.detail.startDate;
-  this.endDate = event.detail.endDate;
-};
-TerraDataRods.styles = [component_styles_default, data_rods_styles_default];
-TerraDataRods.dependencies = {
-  "terra-time-series": TerraTimeSeries,
-  "terra-date-range-slider": TerraDateRangeSlider,
-  "terra-spatial-picker": TerraSpatialPicker,
-  "terra-variable-combobox": TerraVariableCombobox
-};
-__decorateClass([
-  n({ attribute: "variable-entry-id", reflect: true })
-], TerraDataRods.prototype, "variableEntryId", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraDataRods.prototype, "collection", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraDataRods.prototype, "variable", 2);
-__decorateClass([
-  n({
-    attribute: "start-date",
-    reflect: true
-  })
-], TerraDataRods.prototype, "startDate", 2);
-__decorateClass([
-  n({
-    attribute: "end-date",
-    reflect: true
-  })
-], TerraDataRods.prototype, "endDate", 2);
-__decorateClass([
-  n({
-    reflect: true
-  })
-], TerraDataRods.prototype, "location", 2);
-__decorateClass([
-  n({ attribute: "bearer-token", reflect: false })
-], TerraDataRods.prototype, "bearerToken", 2);
-__decorateClass([
-  r()
-], TerraDataRods.prototype, "catalogVariable", 2);
-__decorateClass([
-  r()
-], TerraDataRods.prototype, "dateErrorMessage", 2);
-__decorateClass([
-  r()
-], TerraDataRods.prototype, "lastChanged", 2);
-__decorateClass([
-  r()
-], TerraDataRods.prototype, "spatialWarningMessage", 2);
-
-export {
-  TerraDataRods
-};