@nasa-terra/components 0.0.193 → 0.0.194

package/cdn/chunks/chunk.YAUBOXKE.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.GILBGDM2.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.YHWPDVRQ.js

@@ -1,19 +0,0 @@
-import {
-  TerraAlert
-} from "./chunk.ZC47Q6ZQ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/alert/alert.ts
-init_dirname();
-init_buffer();
-init_process();
-var alert_default = TerraAlert;
-TerraAlert.define("terra-alert");
-
-export {
-  alert_default
-};

package/cdn/chunks/chunk.YLZNYAVZ.js

@@ -1,19 +0,0 @@
-import {
-  TerraToggle
-} from "./chunk.MN4LTLTG.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/toggle/toggle.ts
-init_dirname();
-init_buffer();
-init_process();
-var toggle_default = TerraToggle;
-TerraToggle.define("terra-toggle");
-
-export {
-  toggle_default
-};

package/cdn/chunks/chunk.YO72L3YT.js

@@ -1,34 +0,0 @@
-import {
-  TerraRadioGroup
-} from "./chunk.AQNSTYWZ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/radio-group/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-radio-group";
-TerraRadioGroup.define("terra-radio-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraRadioGroup,
-  react: React,
-  events: {
-    onTerraChange: "terra-change",
-    onTerraInput: "terra-input",
-    onTerraInvalid: "terra-invalid"
-  },
-  displayName: "TerraRadioGroup"
-});
-var radio_group_default = reactWrapper;
-
-export {
-  radio_group_default
-};

package/cdn/chunks/chunk.YWD5NKI4.js

@@ -1,161 +0,0 @@
-import {
-  require_plotly_min
-} from "./chunk.NPCTDW7V.js";
-import {
-  plot_styles_default
-} from "./chunk.TOI4RMEC.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n
-} from "./chunk.GILBGDM2.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  __spreadProps,
-  __spreadValues,
-  __toESM,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/plot/plot.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var Plotly = __toESM(require_plotly_min(), 1);
-var _resizeObserver, _handlePlotlyRelayout, handlePlotlyRelayout_fn;
-var TerraPlot = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handlePlotlyRelayout);
-    __privateAdd(this, _resizeObserver, void 0);
-    this.layout = {};
-    this.config = {};
-    this.data = [];
-    this.colors = [
-      "#1f77b4",
-      // blue
-      "#ff7f0e",
-      // orange
-      "#2ca02c",
-      // green
-      "#d62728",
-      // red
-      "#9467bd",
-      // purple
-      "#8c564b",
-      // brown
-      "#e377c2",
-      // pink
-      "#7f7f7f",
-      // gray
-      "#bcbd22",
-      // yellow-green
-      "#17becf"
-      // cyan
-    ];
-  }
-  handleDataChange() {
-    this.updatePlotWithData();
-  }
-  firstUpdated() {
-    __privateSet(this, _resizeObserver, new ResizeObserver(() => {
-      Plotly.Plots.resize(this.base);
-    }));
-    __privateGet(this, _resizeObserver).observe(this.base);
-    if (this.data.length) {
-      this.updatePlotWithData();
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    __privateGet(this, _resizeObserver).disconnect();
-  }
-  updatePlotWithData() {
-    if (!this.base)
-      return;
-    const coloredData = this.data.map((trace, index) => {
-      const color = this.colors[index % this.colors.length];
-      if (!trace.type || trace.type === "scatter") {
-        const scatterTrace = trace;
-        return __spreadProps(__spreadValues({
-          type: "scatter",
-          mode: "lines"
-        }, scatterTrace), {
-          line: __spreadValues({
-            color
-          }, scatterTrace.line || {})
-        });
-      }
-      return trace;
-    });
-    Plotly.newPlot(
-      this.base,
-      coloredData,
-      __spreadValues({
-        title: {
-          text: this.plotTitle
-          // support for adding a title directly
-        }
-      }, this.layout),
-      __spreadValues({ responsive: true }, this.config)
-    );
-    this.base.on("plotly_relayout", __privateMethod(this, _handlePlotlyRelayout, handlePlotlyRelayout_fn).bind(this));
-  }
-  render() {
-    return b`<div part="base"></div>`;
-  }
-  updated() {
-    var _a, _b;
-    (_b = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".gtitle")) == null ? void 0 : _b.part.add("plot-title");
-  }
-};
-_resizeObserver = new WeakMap();
-_handlePlotlyRelayout = new WeakSet();
-handlePlotlyRelayout_fn = function(e2) {
-  const detail = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, e2["xaxis.range[0]"] && { xAxisMin: e2["xaxis.range[0]"] }), e2["xaxis.range[1]"] && { xAxisMax: e2["xaxis.range[1]"] }), e2["yaxis.range[0]"] && { yAxisMin: e2["yaxis.range[0]"] }), e2["yaxis.range[1]"] && { yAxisMax: e2["yaxis.range[1]"] });
-  if (!Object.keys(detail).length) {
-    return;
-  }
-  this.emit("terra-plot-relayout", {
-    detail
-  });
-};
-TerraPlot.styles = [component_styles_default, plot_styles_default];
-__decorateClass([
-  e('[part="base"]')
-], TerraPlot.prototype, "base", 2);
-__decorateClass([
-  n()
-], TerraPlot.prototype, "plotTitle", 2);
-__decorateClass([
-  n()
-], TerraPlot.prototype, "layout", 2);
-__decorateClass([
-  n()
-], TerraPlot.prototype, "config", 2);
-__decorateClass([
-  n({ type: Array })
-], TerraPlot.prototype, "data", 2);
-__decorateClass([
-  n({ type: Array })
-], TerraPlot.prototype, "colors", 2);
-__decorateClass([
-  watch("data")
-], TerraPlot.prototype, "handleDataChange", 1);
-
-export {
-  TerraPlot
-};

package/cdn/chunks/chunk.Z6WQVHME.js

@@ -1,33 +0,0 @@
-import {
-  TerraVariableKeywordSearch
-} from "./chunk.HNU53HJR.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/variable-keyword-search/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-variable-keyword-search";
-TerraVariableKeywordSearch.define("terra-variable-keyword-search");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraVariableKeywordSearch,
-  react: React,
-  events: {
-    onTerraVariableKeywordSearchChange: "terra-variable-keyword-search-change",
-    onTerraSearch: "terra-search"
-  },
-  displayName: "TerraVariableKeywordSearch"
-});
-var variable_keyword_search_default = reactWrapper;
-
-export {
-  variable_keyword_search_default
-};