@nasa-terra/components 0.0.194 → 0.0.196

package/cdn/chunks/chunk.NN5FLRAE.js

@@ -1,294 +0,0 @@
-import {
-  MapService
-} from "./chunk.PTK3X5ML.js";
-import {
-  map_styles_default
-} from "./chunk.VZZ5VWGT.js";
-import {
-  h
-} from "./chunk.ASJLND3B.js";
-import {
-  QueryClientMixin
-} from "./chunk.DOUWGQFH.js";
-import {
-  o
-} from "./chunk.IL42CKDQ.js";
-import {
-  queryGiovanniGeoJsonShape,
-  queryGiovanniShapeFiles
-} from "./chunk.ZWCA3BKW.js";
-import {
-  QueryController
-} from "./chunk.YY3ZUPZV.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.WTFB42FU.js";
-import {
-  A,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/map/map.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _service;
-var TerraMap = class extends QueryClientMixin(TerraElement) {
-  constructor() {
-    super(...arguments);
-    this.minZoom = 0;
-    this.maxZoom = 23;
-    this.zoom = 1;
-    this.hasNavigation = false;
-    this.showMouseCoordinates = false;
-    this.hasShapeSelector = false;
-    this.showGraticule = false;
-    this.showBoundingBoxSelection = false;
-    this.showPointSelection = false;
-    this.showPolygonSelection = false;
-    this.showCircleSelection = false;
-    this.staticMode = false;
-    this.noWorldWrap = false;
-    this.spatialConstraints = "-180, -90, 180, 90";
-    this.fitToValue = false;
-    this.cursorCoordinates = [0, 0];
-    this.shapeLoading = false;
-    __privateAdd(this, _service, void 0);
-    /**
-     * List of geojson shapes
-     */
-    this.shapesQuery = new QueryController(this, () => queryGiovanniShapeFiles());
-  }
-  zoomChanged() {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.setZoom(this.zoom);
-  }
-  set hasCoordTracker(value) {
-    console.warn(
-      'The "has-coord-tracker" property is deprecated. Please use "show-mouse-coordinates" instead.'
-    );
-    this.showMouseCoordinates = value;
-  }
-  get hasCoordTracker() {
-    return this.showMouseCoordinates;
-  }
-  showGraticuleChanged() {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.toggleLayerVisibility("graticule", this.showGraticule);
-  }
-  set hideBoundingBoxSelection(value) {
-    console.warn(
-      'The "hide-bounding-box-selection" property is deprecated. Please use "show-bounding-box-selection" instead.'
-    );
-    this.showBoundingBoxSelection = !value;
-  }
-  get hideBoundingBoxSelection() {
-    return !this.showBoundingBoxSelection;
-  }
-  set hidePointSelection(value) {
-    console.warn(
-      'The "hide-point-selection" property is deprecated. Please use "show-point-selection" instead.'
-    );
-    this.showPointSelection = !value;
-  }
-  get hidePointSelection() {
-    return !this.showPointSelection;
-  }
-  drawButtonSelectionChanged() {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.updateDrawToolbarVisibility({
-      showBoundingBoxSelection: this.showBoundingBoxSelection,
-      showPointSelection: this.showPointSelection,
-      showPolygonSelection: this.showPolygonSelection,
-      showCircleSelection: this.showCircleSelection
-    });
-  }
-  valueChanged(_oldValue, newValue) {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.setValue(newValue);
-  }
-  async firstUpdated() {
-    __privateSet(this, _service, new MapService(this.mapElement, {
-      zoom: this.zoom,
-      minZoom: this.minZoom,
-      maxZoom: this.maxZoom,
-      showGraticule: this.showGraticule,
-      showBoundingBoxSelection: this.showBoundingBoxSelection,
-      showPointSelection: this.showPointSelection,
-      showPolygonSelection: this.showPolygonSelection,
-      showCircleSelection: this.showCircleSelection,
-      noWorldWrap: this.noWorldWrap,
-      value: this.value,
-      fitToValue: this.fitToValue,
-      getGeoJson: (shapeId) => this.queryClient.fetchQuery(queryGiovanniGeoJsonShape(shapeId)),
-      onMouseMove: (coordinate) => {
-        this.cursorCoordinates = coordinate;
-      },
-      onDraw: (detail) => {
-        this.emit("terra-map-change", { detail });
-      },
-      onShapeLoading: (loading) => {
-        this.shapeLoading = loading;
-      }
-    }));
-  }
-  selectTemplate() {
-    var _a;
-    const shapes = (_a = this.shapesQuery.result) == null ? void 0 : _a.data;
-    return b`
-            <select
-                class="map__select form-control"
-                @change=${(e2) => {
-      var _a2;
-      return (_a2 = __privateGet(this, _service)) == null ? void 0 : _a2.handleShapeSelect(e2);
-    }}
-            >
-                <option value="">Select a Shape...</option>
-
-                ${h(
-      o(shapes != null ? shapes : void 0, (category) => {
-        return b`<optgroup label="${category.title}">
-                            ${category.shapes.map((shape) => {
-          return b`
-                                    <option
-                                        value="${shape.shapefileID}/${shape.shapeID}"
-                                    >
-                                        ${shape.name}
-                                    </option>
-                                `;
-        })}
-                        </optgroup> `;
-      })
-    )}
-            </select>
-        `;
-  }
-  render() {
-    return b`
-            ${this.hasShapeSelector ? this.selectTemplate() : A}
-            <div part="map" class=${`map ${this.staticMode ? "static" : ""}`}>
-                ${this.showMouseCoordinates ? b`
-                          <div id="mouse-info">
-                              <div>
-                                  <strong
-                                      >lat: ${this.cursorCoordinates[1].toFixed(2)},
-                                      lng:
-                                      ${this.cursorCoordinates[0].toFixed(2)}</strong
-                                  >
-                              </div>
-                          </div>
-                      ` : A}
-                ${this.shapeLoading ? b`
-                          <div class="map__loading-overlay">
-                              <div class="map__spinner"></div>
-                          </div>
-                      ` : A}
-            </div>
-        `;
-  }
-};
-_service = new WeakMap();
-TerraMap.styles = [component_styles_default, map_styles_default];
-__decorateClass([
-  n({ attribute: "min-zoom", type: Number })
-], TerraMap.prototype, "minZoom", 2);
-__decorateClass([
-  n({ attribute: "max-zoom", type: Number })
-], TerraMap.prototype, "maxZoom", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraMap.prototype, "zoom", 2);
-__decorateClass([
-  watch("zoom")
-], TerraMap.prototype, "zoomChanged", 1);
-__decorateClass([
-  n({ attribute: "has-navigation", type: Boolean })
-], TerraMap.prototype, "hasNavigation", 2);
-__decorateClass([
-  n({ attribute: "show-mouse-coordinates", type: Boolean })
-], TerraMap.prototype, "showMouseCoordinates", 2);
-__decorateClass([
-  n({ attribute: "has-coord-tracker", type: Boolean })
-], TerraMap.prototype, "hasCoordTracker", 1);
-__decorateClass([
-  n({ attribute: "has-shape-selector", type: Boolean })
-], TerraMap.prototype, "hasShapeSelector", 2);
-__decorateClass([
-  n({ attribute: "show-graticule", type: Boolean })
-], TerraMap.prototype, "showGraticule", 2);
-__decorateClass([
-  watch("showGraticule")
-], TerraMap.prototype, "showGraticuleChanged", 1);
-__decorateClass([
-  n({ attribute: "show-bounding-box-selection", type: Boolean })
-], TerraMap.prototype, "showBoundingBoxSelection", 2);
-__decorateClass([
-  n({ attribute: "hide-bounding-box-selection", type: Boolean })
-], TerraMap.prototype, "hideBoundingBoxSelection", 1);
-__decorateClass([
-  n({ attribute: "show-point-selection", type: Boolean })
-], TerraMap.prototype, "showPointSelection", 2);
-__decorateClass([
-  n({ attribute: "hide-point-selection", type: Boolean })
-], TerraMap.prototype, "hidePointSelection", 1);
-__decorateClass([
-  n({ attribute: "show-polygon-selection", type: Boolean })
-], TerraMap.prototype, "showPolygonSelection", 2);
-__decorateClass([
-  n({ attribute: "show-circle-selection", type: Boolean })
-], TerraMap.prototype, "showCircleSelection", 2);
-__decorateClass([
-  n({ type: Boolean })
-], TerraMap.prototype, "staticMode", 2);
-__decorateClass([
-  n({ attribute: "no-world-wrap", type: Boolean })
-], TerraMap.prototype, "noWorldWrap", 2);
-__decorateClass([
-  n({ attribute: "spatial-constraints" })
-], TerraMap.prototype, "spatialConstraints", 2);
-__decorateClass([
-  n({ type: String })
-], TerraMap.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "fit-to-feature" })
-], TerraMap.prototype, "fitToValue", 2);
-__decorateClass([
-  e('[part="map"]')
-], TerraMap.prototype, "mapElement", 2);
-__decorateClass([
-  r()
-], TerraMap.prototype, "cursorCoordinates", 2);
-__decorateClass([
-  r()
-], TerraMap.prototype, "shapeLoading", 2);
-__decorateClass([
-  watch([
-    "showBoundingBoxSelection",
-    "showPointSelection",
-    "showPolygonSelection",
-    "showCircleSelection"
-  ])
-], TerraMap.prototype, "drawButtonSelectionChanged", 1);
-__decorateClass([
-  watch("value")
-], TerraMap.prototype, "valueChanged", 1);
-
-export {
-  TerraMap
-};

package/cdn/chunks/chunk.NR67OQKA.js

@@ -1,29 +0,0 @@
-import {
-  TerraOption
-} from "./chunk.HV4ZOPDY.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.NVERX3HX.js

@@ -1,37 +0,0 @@
-import {
-  TerraDialog
-} from "./chunk.FMMWQRF6.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.OBYBLUJW.js

@@ -1,29 +0,0 @@
-import {
-  TerraMenuItem
-} from "./chunk.RBRCQLSM.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.OCTYDGLC.js

@@ -1,168 +0,0 @@
-import {
-  LatLngBounds
-} from "./chunk.EABQJ4NF.js";
-import {
-  LatLng
-} from "./chunk.SN3T4SQP.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/spatial-picker/spatial-picker.service.ts
-init_dirname();
-init_buffer();
-init_process();
-var SpatialPickerService = class _SpatialPickerService {
-  /**
-   * Parse a raw coordinate string into a typed LatLng or LatLngBounds.
-   *
-   * Accepted formats:
-   *   "lat, lng"                   → LatLng
-   *   "west, south, east, north"   → LatLngBounds
-   */
-  static parse(input) {
-    const parts = input.split(",").map((p) => p.trim());
-    const nums = parts.map(Number);
-    if (nums.some(isNaN)) {
-      throw new Error("All coordinate values must be valid numbers.");
-    }
-    if (nums.length === 2) {
-      return new LatLng(nums[0], nums[1]);
-    }
-    if (nums.length === 4) {
-      return new LatLngBounds(nums);
-    }
-    throw new Error(
-      "Input must contain exactly 2 values (point) or 4 values (bounding box)."
-    );
-  }
-  /**
-   * Validate that coordinates are within their legal ranges.
-   */
-  static validateRanges(value) {
-    if (!value)
-      return null;
-    if (typeof value === "string") {
-      value = _SpatialPickerService.parse(value);
-    }
-    if (value instanceof LatLng) {
-      if (value.lat < -90 || value.lat > 90) {
-        return `Latitude ${value.lat} is out of range (-90 to 90).`;
-      }
-      if (value.lng < -180 || value.lng > 180) {
-        return `Longitude ${value.lng} is out of range (-180 to 180).`;
-      }
-      return null;
-    }
-    const checks = [
-      ["South", value.getSouth(), -90, 90],
-      ["North", value.getNorth(), -90, 90],
-      ["West", value.getWest(), -180, 180],
-      ["East", value.getEast(), -180, 180]
-    ];
-    for (const [label, v, min, max] of checks) {
-      if (v < min || v > max) {
-        return `${label} value ${v} is out of range (${min} to ${max}).`;
-      }
-    }
-    return null;
-  }
-  /**
-   * Validate the parsed value against which input types are permitted.
-   */
-  static validateAllowedType(value, allowed) {
-    const isPoint = value instanceof LatLng;
-    const isBbox = value instanceof LatLngBounds;
-    if (isPoint && !allowed.allowPoint) {
-      return allowed.allowBbox ? "Point selection is disabled. Enter a bounding box (west, south, east, north)." : "Must be a valid bounding box (west, south, east, north).";
-    }
-    if (isBbox && !allowed.allowBbox) {
-      return allowed.allowPoint ? "Bounding box selection is disabled. Enter a point (lat, lng)." : "Must be a valid point (lat, lng).";
-    }
-    return null;
-  }
-  /**
-   * Validate the parsed value against a spatial constraints extent.
-   * Constraints are in "west, south, east, north" format.
-   */
-  static validateConstraints(value, constraintsStr) {
-    if (!constraintsStr)
-      return null;
-    const parts = constraintsStr.split(",").map((p) => parseFloat(p.trim()));
-    if (parts.length !== 4 || parts.some(isNaN))
-      return null;
-    const [west, south, east, north] = parts;
-    if (west === -180 && south === -90 && east === 180 && north === 90)
-      return null;
-    if (value instanceof LatLng) {
-      const inside = value.lat >= south && value.lat <= north && value.lng >= west && value.lng <= east;
-      return inside ? null : "Selected point is outside the allowed spatial extent.";
-    }
-    if (value instanceof LatLngBounds) {
-      const inside = value.getSouth() >= south && value.getNorth() <= north && value.getWest() >= west && value.getEast() <= east;
-      return inside ? null : "Selected area extends outside the allowed spatial extent.";
-    }
-    return null;
-  }
-  /**
-   * Serialize a parsed value back to canonical string form.
-   */
-  static serialize(value) {
-    if (!value)
-      return "";
-    if (typeof value === "string") {
-      return value;
-    }
-    if (value instanceof LatLng) {
-      return `${value.lat.toFixed(2)}, ${value.lng.toFixed(2)}`;
-    }
-    return [value.getWest(), value.getSouth(), value.getEast(), value.getNorth()].map((n) => n.toFixed(2)).join(", ");
-  }
-  /**
-   * Full parse + validate pipeline. Returns a discriminated union result.
-   */
-  static validate(input, allowed, constraintsStr) {
-    let value;
-    try {
-      value = _SpatialPickerService.parse(input);
-    } catch (e) {
-      const formatHint = _SpatialPickerService.formatHint(allowed);
-      return { ok: false, error: `Invalid format. ${formatHint}` };
-    }
-    const rangeError = _SpatialPickerService.validateRanges(value);
-    if (rangeError)
-      return { ok: false, error: rangeError };
-    const typeError = _SpatialPickerService.validateAllowedType(value, allowed);
-    if (typeError)
-      return { ok: false, error: typeError };
-    if (constraintsStr) {
-      const constraintError = _SpatialPickerService.validateConstraints(
-        value,
-        constraintsStr
-      );
-      if (constraintError)
-        return { ok: false, error: constraintError };
-    }
-    return {
-      ok: true,
-      value,
-      serialized: _SpatialPickerService.serialize(value)
-    };
-  }
-  static formatHint(allowed) {
-    if (allowed.allowPoint && allowed.allowBbox) {
-      return "Enter a point (lat, lng) or bounding box (west, south, east, north).";
-    }
-    if (allowed.allowPoint)
-      return "Enter a point (lat, lng).";
-    if (allowed.allowBbox)
-      return "Enter a bounding box (west, south, east, north).";
-    return "";
-  }
-};
-
-export {
-  SpatialPickerService
-};

package/cdn/chunks/chunk.OK7OTDZR.js

@@ -1,99 +0,0 @@
-import {
-  stepper_step_styles_default
-} from "./chunk.AKEAFDB3.js";
-import {
-  TerraIcon
-} from "./chunk.IZYJIYRD.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.WTFB42FU.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/stepper-step/stepper-step.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraStepperStep = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.state = "upcoming";
-    this.title = "";
-    this.hideCheckmark = false;
-  }
-  getStepperVariant() {
-    const stepper = this.closest("terra-stepper");
-    if (stepper) {
-      return stepper.variant || "default";
-    }
-    return "default";
-  }
-  render() {
-    const variant = this.getStepperVariant();
-    const isCondensed = variant === "condensed";
-    const isCompleted = this.state === "completed";
-    const isCurrent = this.state === "current";
-    return b`
-            <div
-                part="base"
-                class=${e({
-      "stepper-step": true,
-      "stepper-step--default": !isCondensed,
-      "stepper-step--condensed": isCondensed,
-      "stepper-step--completed": isCompleted,
-      "stepper-step--current": isCurrent,
-      "stepper-step--upcoming": this.state === "upcoming"
-    })}
-            >
-                <div part="bar" class="stepper-step__bar"></div>
-                ${!isCondensed ? b`
-                          <div part="content" class="stepper-step__content">
-                              <div part="title" class="stepper-step__title">
-                                  ${isCompleted && !this.hideCheckmark ? b`
-                                            <terra-icon
-                                                part="icon"
-                                                name="solid-check"
-                                                library="heroicons"
-                                                class="stepper-step__icon"
-                                            ></terra-icon>
-                                        ` : ""}
-                                  ${this.title}
-                              </div>
-                              <div part="caption" class="stepper-step__caption">
-                                  <slot></slot>
-                              </div>
-                          </div>
-                      ` : ""}
-            </div>
-        `;
-  }
-};
-TerraStepperStep.styles = [component_styles_default, stepper_step_styles_default];
-TerraStepperStep.dependencies = {
-  "terra-icon": TerraIcon
-};
-__decorateClass([
-  n({ reflect: true })
-], TerraStepperStep.prototype, "state", 2);
-__decorateClass([
-  n()
-], TerraStepperStep.prototype, "title", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "hide-checkmark" })
-], TerraStepperStep.prototype, "hideCheckmark", 2);
-
-export {
-  TerraStepperStep
-};

package/cdn/chunks/chunk.OMH5KBUQ.js

@@ -1,19 +0,0 @@
-import {
-  TerraSelect
-} from "./chunk.MH3KE4F4.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/select/select.ts
-init_dirname();
-init_buffer();
-init_process();
-var select_default = TerraSelect;
-TerraSelect.define("terra-select");
-
-export {
-  select_default
-};