@nasa-terra/components 0.0.68 → 0.0.69

package/dist/chunks/chunk.M7ZB5QRP.js

@@ -1,273 +0,0 @@
-import {
-  spatial_picker_styles_default
-} from "./chunk.7RT5CEB6.js";
-import {
-  TerraMap
-} from "./chunk.P7UY5YOM.js";
-import {
-  StringifyBoundingBox,
-  parseBoundingBox
-} from "./chunk.GMJWNAQG.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.TSIWRLNC.js";
-import {
-  __decorateClass
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/spatial-picker/spatial-picker.component.ts
-import { html, nothing } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var TerraSpatialPicker = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.minZoom = 0;
-    this.maxZoom = 23;
-    this.zoom = 1;
-    this.hasNavigation = true;
-    this.hasCoordTracker = true;
-    this.hasShapeSelector = false;
-    this.initialValue = "";
-    this.hideLabel = false;
-    this.label = "Select Region";
-    this.spatialConstraints = "-180, -90, 180, 90";
-    this.isExpanded = false;
-    this.inline = false;
-    this.showMapOnFocus = false;
-    this.error = "";
-  }
-  setValue(value) {
-    try {
-      this.mapValue = parseBoundingBox(value);
-      this.error = "";
-      this._emitMapChange();
-    } catch (error) {
-      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
-    }
-  }
-  _blur(e) {
-    try {
-      this.mapValue = this.spatialInput.value ? parseBoundingBox(this.spatialInput.value) : [];
-      this.error = "";
-    } catch (error) {
-      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
-    }
-    this._emitMapChange();
-    const relatedTarget = e.relatedTarget;
-    if (!(relatedTarget == null ? void 0 : relatedTarget.closest("terra-map"))) {
-      this.isExpanded = false;
-    }
-  }
-  _focus() {
-    if (this.showMapOnFocus) {
-      this.isExpanded = true;
-    }
-  }
-  _click() {
-    this.isExpanded = !this.isExpanded;
-  }
-  _emitMapChange() {
-    var _a;
-    const layer = (_a = this.map) == null ? void 0 : _a.getDrawLayer();
-    if (!layer) {
-      return;
-    }
-    if ("getLatLng" in layer) {
-      this.mapValue = layer.getLatLng();
-      this.emit("terra-map-change", {
-        detail: {
-          type: "point" /* POINT */,
-          cause: "draw",
-          latLng: this.mapValue,
-          geoJson: layer.toGeoJSON()
-        }
-      });
-    } else if ("getBounds" in layer) {
-      this.mapValue = layer.getBounds();
-      this.emit("terra-map-change", {
-        detail: {
-          type: "bbox" /* BBOX */,
-          cause: "draw",
-          bounds: this.mapValue,
-          geoJson: layer.toGeoJSON()
-        }
-      });
-    } else {
-      this.mapValue = [];
-    }
-  }
-  open() {
-    this.isExpanded = true;
-  }
-  close() {
-    this.isExpanded = false;
-  }
-  _handleMapChange(event) {
-    switch (event.detail.cause) {
-      case "clear":
-        this.spatialInput.value = "";
-        break;
-      case "draw":
-        if (event.detail.type === "bbox" /* BBOX */) {
-          this.spatialInput.value = StringifyBoundingBox(
-            event.detail.bounds
-          );
-        } else if (event.detail.type === "point" /* POINT */) {
-          this.spatialInput.value = StringifyBoundingBox(
-            event.detail.latLng
-          );
-        }
-        this._emitMapChange();
-        break;
-      default:
-        break;
-    }
-  }
-  firstUpdated() {
-    if (this.initialValue) {
-      this.mapValue = this.initialValue === "" ? [] : parseBoundingBox(this.initialValue);
-    }
-    setTimeout(() => {
-      this.invalidateSize();
-    }, 500);
-  }
-  renderMap() {
-    return html`<terra-map
-            class="${this.inline ? "inline" : ""}"
-            exportparts="map, leaflet-bbox, leaflet-point, leaflet-edit, leaflet-remove"
-            min-zoom=${this.minZoom}
-            max-zoom=${this.maxZoom}
-            zoom=${this.zoom}
-            ?has-coord-tracker=${this.hasCoordTracker}
-            .value=${this.mapValue}
-            ?has-navigation=${this.hasNavigation}
-            ?has-shape-selector=${this.hasShapeSelector}
-            ?hide-bounding-box-selection=${this.hideBoundingBoxSelection}
-            ?hide-point-selection=${this.hidePointSelection}
-            @terra-map-change=${this._handleMapChange}
-        >
-        </terra-map>`;
-  }
-  render() {
-    const expanded = this.inline ? true : this.isExpanded;
-    return html`
-            <div class="spatial-picker">
-                <label
-                    for="spatial-picker__input"
-                    class=${this.hideLabel ? "sr-only" : "spatial-picker__input_label"}
-                    >${this.label}</label
-                >
-                <div class="spatial-picker__input_fields">
-                    <input
-                        id="spatial-picker__input"
-                        value=${this.initialValue}
-                        type="text"
-                        class="spatial-picker__input form-control"
-                        placeholder="${this.spatialConstraints}"
-                        aria-controls="map"
-                        aria-expanded=${expanded}
-                        @blur=${this._blur}
-                        @focus=${this._focus}
-                    />
-                    <terra-button
-                        shape="square-left"
-                        class="spatial-picker__input_icon_button"
-                        @click=${this._click}
-                        type="button"
-                    >
-                        <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            fill="none"
-                            viewBox="0 0 24 24"
-                            stroke-width="1.5"
-                            stroke="currentColor"
-                            class="w-6 h-6"
-                        >
-                            <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
-                            />
-                        </svg>
-                    </terra-button>
-                </div>
-                ${this.error ? html`<div class="spatial-picker__error">${this.error}</div>` : nothing}
-                ${expanded ? html`<div
-                          style="${this.inline ? "position: static; width: 100%;" : ""}"
-                      >
-                          ${this.renderMap()}
-                      </div>` : nothing}
-            </div>
-        `;
-  }
-  invalidateSize() {
-    var _a;
-    (_a = this.map) == null ? void 0 : _a.invalidateSize();
-  }
-};
-TerraSpatialPicker.styles = [component_styles_default, spatial_picker_styles_default];
-TerraSpatialPicker.dependencies = {
-  "terra-map": TerraMap
-};
-__decorateClass([
-  property({ attribute: "min-zoom", type: Number })
-], TerraSpatialPicker.prototype, "minZoom", 2);
-__decorateClass([
-  property({ attribute: "max-zoom", type: Number })
-], TerraSpatialPicker.prototype, "maxZoom", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraSpatialPicker.prototype, "zoom", 2);
-__decorateClass([
-  property({ attribute: "has-navigation", type: Boolean })
-], TerraSpatialPicker.prototype, "hasNavigation", 2);
-__decorateClass([
-  property({ attribute: "has-coord-tracker", type: Boolean })
-], TerraSpatialPicker.prototype, "hasCoordTracker", 2);
-__decorateClass([
-  property({ attribute: "has-shape-selector", type: Boolean })
-], TerraSpatialPicker.prototype, "hasShapeSelector", 2);
-__decorateClass([
-  property({ attribute: "hide-bounding-box-selection", type: Boolean })
-], TerraSpatialPicker.prototype, "hideBoundingBoxSelection", 2);
-__decorateClass([
-  property({ attribute: "hide-point-selection", type: Boolean })
-], TerraSpatialPicker.prototype, "hidePointSelection", 2);
-__decorateClass([
-  property({ attribute: "initial-value" })
-], TerraSpatialPicker.prototype, "initialValue", 2);
-__decorateClass([
-  property({ attribute: "hide-label", type: Boolean })
-], TerraSpatialPicker.prototype, "hideLabel", 2);
-__decorateClass([
-  property()
-], TerraSpatialPicker.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "spatial-constraints" })
-], TerraSpatialPicker.prototype, "spatialConstraints", 2);
-__decorateClass([
-  property({ attribute: "is-expanded", type: Boolean, reflect: true })
-], TerraSpatialPicker.prototype, "isExpanded", 2);
-__decorateClass([
-  property({ type: Boolean })
-], TerraSpatialPicker.prototype, "inline", 2);
-__decorateClass([
-  property({ attribute: "show-map-on-focus", type: Boolean })
-], TerraSpatialPicker.prototype, "showMapOnFocus", 2);
-__decorateClass([
-  state()
-], TerraSpatialPicker.prototype, "mapValue", 2);
-__decorateClass([
-  state()
-], TerraSpatialPicker.prototype, "error", 2);
-__decorateClass([
-  query(".spatial-picker__input")
-], TerraSpatialPicker.prototype, "spatialInput", 2);
-__decorateClass([
-  query("terra-map")
-], TerraSpatialPicker.prototype, "map", 2);
-
-export {
-  TerraSpatialPicker
-};

package/dist/chunks/chunk.MFI2M54Y.js

@@ -1,273 +0,0 @@
-import {
-  spatial_picker_styles_default
-} from "./chunk.7RT5CEB6.js";
-import {
-  TerraMap
-} from "./chunk.GL5HOXON.js";
-import {
-  StringifyBoundingBox,
-  parseBoundingBox
-} from "./chunk.GMJWNAQG.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.O6SXSDFR.js";
-import {
-  __decorateClass
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/spatial-picker/spatial-picker.component.ts
-import { html, nothing } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var TerraSpatialPicker = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.minZoom = 0;
-    this.maxZoom = 23;
-    this.zoom = 1;
-    this.hasNavigation = true;
-    this.hasCoordTracker = true;
-    this.hasShapeSelector = false;
-    this.initialValue = "";
-    this.hideLabel = false;
-    this.label = "Select Region";
-    this.spatialConstraints = "-180, -90, 180, 90";
-    this.isExpanded = false;
-    this.inline = false;
-    this.showMapOnFocus = false;
-    this.error = "";
-  }
-  setValue(value) {
-    try {
-      this.mapValue = parseBoundingBox(value);
-      this.error = "";
-      this._emitMapChange();
-    } catch (error) {
-      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
-    }
-  }
-  _blur(e) {
-    try {
-      this.mapValue = this.spatialInput.value ? parseBoundingBox(this.spatialInput.value) : [];
-      this.error = "";
-    } catch (error) {
-      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
-    }
-    this._emitMapChange();
-    const relatedTarget = e.relatedTarget;
-    if (!(relatedTarget == null ? void 0 : relatedTarget.closest("terra-map"))) {
-      this.isExpanded = false;
-    }
-  }
-  _focus() {
-    if (this.showMapOnFocus) {
-      this.isExpanded = true;
-    }
-  }
-  _click() {
-    this.isExpanded = !this.isExpanded;
-  }
-  _emitMapChange() {
-    var _a;
-    const layer = (_a = this.map) == null ? void 0 : _a.getDrawLayer();
-    if (!layer) {
-      return;
-    }
-    if ("getLatLng" in layer) {
-      this.mapValue = layer.getLatLng();
-      this.emit("terra-map-change", {
-        detail: {
-          type: "point" /* POINT */,
-          cause: "draw",
-          latLng: this.mapValue,
-          geoJson: layer.toGeoJSON()
-        }
-      });
-    } else if ("getBounds" in layer) {
-      this.mapValue = layer.getBounds();
-      this.emit("terra-map-change", {
-        detail: {
-          type: "bbox" /* BBOX */,
-          cause: "draw",
-          bounds: this.mapValue,
-          geoJson: layer.toGeoJSON()
-        }
-      });
-    } else {
-      this.mapValue = [];
-    }
-  }
-  open() {
-    this.isExpanded = true;
-  }
-  close() {
-    this.isExpanded = false;
-  }
-  _handleMapChange(event) {
-    switch (event.detail.cause) {
-      case "clear":
-        this.spatialInput.value = "";
-        break;
-      case "draw":
-        if (event.detail.type === "bbox" /* BBOX */) {
-          this.spatialInput.value = StringifyBoundingBox(
-            event.detail.bounds
-          );
-        } else if (event.detail.type === "point" /* POINT */) {
-          this.spatialInput.value = StringifyBoundingBox(
-            event.detail.latLng
-          );
-        }
-        this._emitMapChange();
-        break;
-      default:
-        break;
-    }
-  }
-  firstUpdated() {
-    if (this.initialValue) {
-      this.mapValue = this.initialValue === "" ? [] : parseBoundingBox(this.initialValue);
-    }
-    setTimeout(() => {
-      this.invalidateSize();
-    }, 500);
-  }
-  renderMap() {
-    return html`<terra-map
-            class="${this.inline ? "inline" : ""}"
-            exportparts="map, leaflet-bbox, leaflet-point, leaflet-edit, leaflet-remove"
-            min-zoom=${this.minZoom}
-            max-zoom=${this.maxZoom}
-            zoom=${this.zoom}
-            ?has-coord-tracker=${this.hasCoordTracker}
-            .value=${this.mapValue}
-            ?has-navigation=${this.hasNavigation}
-            ?has-shape-selector=${this.hasShapeSelector}
-            ?hide-bounding-box-selection=${this.hideBoundingBoxSelection}
-            ?hide-point-selection=${this.hidePointSelection}
-            @terra-map-change=${this._handleMapChange}
-        >
-        </terra-map>`;
-  }
-  render() {
-    const expanded = this.inline ? true : this.isExpanded;
-    return html`
-            <div class="spatial-picker">
-                <label
-                    for="spatial-picker__input"
-                    class=${this.hideLabel ? "sr-only" : "spatial-picker__input_label"}
-                    >${this.label}</label
-                >
-                <div class="spatial-picker__input_fields">
-                    <input
-                        id="spatial-picker__input"
-                        value=${this.initialValue}
-                        type="text"
-                        class="spatial-picker__input form-control"
-                        placeholder="${this.spatialConstraints}"
-                        aria-controls="map"
-                        aria-expanded=${expanded}
-                        @blur=${this._blur}
-                        @focus=${this._focus}
-                    />
-                    <terra-button
-                        shape="square-left"
-                        class="spatial-picker__input_icon_button"
-                        @click=${this._click}
-                        type="button"
-                    >
-                        <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            fill="none"
-                            viewBox="0 0 24 24"
-                            stroke-width="1.5"
-                            stroke="currentColor"
-                            class="w-6 h-6"
-                        >
-                            <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
-                            />
-                        </svg>
-                    </terra-button>
-                </div>
-                ${this.error ? html`<div class="spatial-picker__error">${this.error}</div>` : nothing}
-                ${expanded ? html`<div
-                          style="${this.inline ? "position: static; width: 100%;" : ""}"
-                      >
-                          ${this.renderMap()}
-                      </div>` : nothing}
-            </div>
-        `;
-  }
-  invalidateSize() {
-    var _a;
-    (_a = this.map) == null ? void 0 : _a.invalidateSize();
-  }
-};
-TerraSpatialPicker.styles = [component_styles_default, spatial_picker_styles_default];
-TerraSpatialPicker.dependencies = {
-  "terra-map": TerraMap
-};
-__decorateClass([
-  property({ attribute: "min-zoom", type: Number })
-], TerraSpatialPicker.prototype, "minZoom", 2);
-__decorateClass([
-  property({ attribute: "max-zoom", type: Number })
-], TerraSpatialPicker.prototype, "maxZoom", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraSpatialPicker.prototype, "zoom", 2);
-__decorateClass([
-  property({ attribute: "has-navigation", type: Boolean })
-], TerraSpatialPicker.prototype, "hasNavigation", 2);
-__decorateClass([
-  property({ attribute: "has-coord-tracker", type: Boolean })
-], TerraSpatialPicker.prototype, "hasCoordTracker", 2);
-__decorateClass([
-  property({ attribute: "has-shape-selector", type: Boolean })
-], TerraSpatialPicker.prototype, "hasShapeSelector", 2);
-__decorateClass([
-  property({ attribute: "hide-bounding-box-selection", type: Boolean })
-], TerraSpatialPicker.prototype, "hideBoundingBoxSelection", 2);
-__decorateClass([
-  property({ attribute: "hide-point-selection", type: Boolean })
-], TerraSpatialPicker.prototype, "hidePointSelection", 2);
-__decorateClass([
-  property({ attribute: "initial-value" })
-], TerraSpatialPicker.prototype, "initialValue", 2);
-__decorateClass([
-  property({ attribute: "hide-label", type: Boolean })
-], TerraSpatialPicker.prototype, "hideLabel", 2);
-__decorateClass([
-  property()
-], TerraSpatialPicker.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "spatial-constraints" })
-], TerraSpatialPicker.prototype, "spatialConstraints", 2);
-__decorateClass([
-  property({ attribute: "is-expanded", type: Boolean, reflect: true })
-], TerraSpatialPicker.prototype, "isExpanded", 2);
-__decorateClass([
-  property({ type: Boolean })
-], TerraSpatialPicker.prototype, "inline", 2);
-__decorateClass([
-  property({ attribute: "show-map-on-focus", type: Boolean })
-], TerraSpatialPicker.prototype, "showMapOnFocus", 2);
-__decorateClass([
-  state()
-], TerraSpatialPicker.prototype, "mapValue", 2);
-__decorateClass([
-  state()
-], TerraSpatialPicker.prototype, "error", 2);
-__decorateClass([
-  query(".spatial-picker__input")
-], TerraSpatialPicker.prototype, "spatialInput", 2);
-__decorateClass([
-  query("terra-map")
-], TerraSpatialPicker.prototype, "map", 2);
-
-export {
-  TerraSpatialPicker
-};

package/dist/chunks/chunk.NDADYNAA.js

@@ -1,11 +0,0 @@
-import {
-  TerraDataSubsetter
-} from "./chunk.Y7TVB466.js";
-
-// src/components/data-subsetter/data-subsetter.ts
-var data_subsetter_default = TerraDataSubsetter;
-TerraDataSubsetter.define("terra-data-subsetter");
-
-export {
-  data_subsetter_default
-};