@nasa-terra/components 0.0.138 → 0.0.139

package/cdn/chunks/chunk.SOGQ2GFO.js

@@ -1,41 +0,0 @@
-import {
-  TerraSelect
-} from "./chunk.II7IZSEJ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/react/select/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-select";
-TerraSelect.define("terra-select");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraSelect,
-  react: React,
-  events: {
-    onTerraChange: "terra-change",
-    onTerraClear: "terra-clear",
-    onTerraInput: "terra-input",
-    onTerraFocus: "terra-focus",
-    onTerraBlur: "terra-blur",
-    onTerraShow: "terra-show",
-    onTerraAfterShow: "terra-after-show",
-    onTerraHide: "terra-hide",
-    onTerraAfterHide: "terra-after-hide",
-    onTerraInvalid: "terra-invalid"
-  },
-  displayName: "TerraSelect"
-});
-var select_default = reactWrapper;
-
-export {
-  select_default
-};

package/cdn/chunks/chunk.SOZGAICH.js

@@ -1,224 +0,0 @@
-import {
-  Leaflet
-} from "./chunk.GH5IWK3V.js";
-import {
-  leaflet_styles_default
-} from "./chunk.WXP5OUQO.js";
-import {
-  MapController
-} from "./chunk.KS33TJQ3.js";
-import {
-  map_styles_default
-} from "./chunk.GNFKFHVB.js";
-import {
-  leaflet_draw_styles_default
-} from "./chunk.XCB7WJR3.js";
-import {
-  h
-} from "./chunk.3EEC7I6T.js";
-import {
-  o
-} from "./chunk.RRPJMP3C.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.ALSEUQQT.js";
-import {
-  E,
-  x
-} from "./chunk.3ZQGAH53.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateMethod,
-  __spreadValues,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/map/map.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _markDynamicLeafletContent, markDynamicLeafletContent_fn;
-var TerraMap = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _markDynamicLeafletContent);
-    this.minZoom = 0;
-    this.maxZoom = 23;
-    this.zoom = 1;
-    this.hasNavigation = false;
-    this.hasCoordTracker = false;
-    this.hasShapeSelector = false;
-    this.staticMode = false;
-    this.value = [];
-    this.map = new Leaflet();
-    this._mapController = new MapController(this);
-  }
-  valueChanged(_oldValue, newValue) {
-    var _a;
-    if (newValue.length > 0) {
-      (_a = this.map) == null ? void 0 : _a.setValue(this.value);
-    } else if (newValue.length === 0 && this.map.isMapReady) {
-      this.map.clearLayers();
-    }
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-  }
-  async firstUpdated() {
-    await this.map.initializeMap(this.mapElement, {
-      zoom: this.zoom,
-      minZoom: this.minZoom,
-      maxZoom: this.maxZoom,
-      hasCoordTracker: this.hasCoordTracker,
-      hasNavigation: this.hasNavigation,
-      initialValue: this.value,
-      hideBoundingBoxDrawTool: this.hideBoundingBoxSelection,
-      hidePointSelectionDrawTool: this.hidePointSelection,
-      staticMode: this.staticMode
-    });
-    this.map.on("draw", (layer) => {
-      this.emit("terra-map-change", {
-        detail: __spreadValues({
-          cause: "draw",
-          type: "latLng" in layer ? "point" /* POINT */ : "bounds" in layer ? "bbox" /* BBOX */ : void 0
-        }, layer)
-      });
-    });
-    this.map.on(
-      "clear",
-      (_e) => this.emit("terra-map-change", {
-        detail: {
-          cause: "clear"
-        }
-      })
-    );
-    __privateMethod(this, _markDynamicLeafletContent, markDynamicLeafletContent_fn).call(this);
-  }
-  getDrawLayer() {
-    return this.map.editableLayers.getLayers()[0];
-  }
-  selectTemplate() {
-    var _a;
-    return x`
-            <select
-                class="map__select form-control"
-                @change=${this.map.handleShapeSelect}
-            >
-                <option value="">Select a Shape...</option>
-
-                ${h(
-      o((_a = this.shapes) == null ? void 0 : _a.categories, (category) => {
-        return x`<optgroup label="${category.title}">
-                            ${category.shapes.map((shape) => {
-          return x`
-                                    <option
-                                        value="shape=${shape.shapefileID}/${shape.shapeID}"
-                                    >
-                                        ${shape.name}
-                                    </option>
-                                `;
-        })}
-                        </optgroup> `;
-      })
-    )}
-            </select>
-        `;
-  }
-  render() {
-    return x`
-            ${this.hasShapeSelector ? this.selectTemplate() : E}
-            <div
-                part="map"
-                id="map"
-                class=${`map ${this.staticMode ? "static" : ""}`}
-            ></div>
-        `;
-  }
-  invalidateSize() {
-    this.map.map.invalidateSize();
-  }
-};
-_markDynamicLeafletContent = new WeakSet();
-markDynamicLeafletContent_fn = function() {
-  var _a, _b, _c, _d;
-  const parts = [
-    {
-      item: (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".leaflet-draw-draw-rectangle"),
-      name: "leaflet-bbox"
-    },
-    {
-      item: (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".leaflet-draw-draw-marker"),
-      name: "leaflet-point"
-    },
-    {
-      item: (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".leaflet-draw-edit-edit"),
-      name: "leaflet-edit"
-    },
-    {
-      item: (_d = this.shadowRoot) == null ? void 0 : _d.querySelector(".leaflet-draw-edit-remove"),
-      name: "leaflet-remove"
-    }
-  ];
-  parts.forEach(({ item, name }) => {
-    item == null ? void 0 : item.setAttribute("part", name);
-  });
-};
-TerraMap.styles = [
-  component_styles_default,
-  leaflet_styles_default,
-  leaflet_draw_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([
-  n({ attribute: "has-navigation", type: Boolean })
-], TerraMap.prototype, "hasNavigation", 2);
-__decorateClass([
-  n({ attribute: "has-coord-tracker", type: Boolean })
-], TerraMap.prototype, "hasCoordTracker", 2);
-__decorateClass([
-  n({ attribute: "has-shape-selector", type: Boolean })
-], TerraMap.prototype, "hasShapeSelector", 2);
-__decorateClass([
-  n({ attribute: "hide-bounding-box-selection", type: Boolean })
-], TerraMap.prototype, "hideBoundingBoxSelection", 2);
-__decorateClass([
-  n({ attribute: "hide-point-selection", type: Boolean })
-], TerraMap.prototype, "hidePointSelection", 2);
-__decorateClass([
-  n({ type: Boolean })
-], TerraMap.prototype, "staticMode", 2);
-__decorateClass([
-  n({ type: Array })
-], TerraMap.prototype, "value", 2);
-__decorateClass([
-  e("#map")
-], TerraMap.prototype, "mapElement", 2);
-__decorateClass([
-  watch("value")
-], TerraMap.prototype, "valueChanged", 1);
-__decorateClass([
-  r()
-], TerraMap.prototype, "shapes", 2);
-
-export {
-  TerraMap
-};

package/cdn/chunks/chunk.T2LJU5SC.js

@@ -1,158 +0,0 @@
-import {
-  require_plotly_min
-} from "./chunk.I373DBBC.js";
-import {
-  plot_styles_default
-} from "./chunk.3SIWYPHZ.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n
-} from "./chunk.ALSEUQQT.js";
-import {
-  x
-} from "./chunk.3ZQGAH53.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  __spreadProps,
-  __spreadValues,
-  __toESM,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.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: this.plotTitle
-      }, this.layout),
-      __spreadValues({ responsive: true }, this.config)
-    );
-    this.base.on("plotly_relayout", __privateMethod(this, _handlePlotlyRelayout, handlePlotlyRelayout_fn).bind(this));
-  }
-  render() {
-    return x`<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.T4EQTEDI.js

@@ -1,79 +0,0 @@
-import {
-  cherryPickDocInfo
-} from "./chunk.IWVNVNRD.js";
-import {
-  h,
-  s
-} from "./chunk.WQPCK3PB.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  __spreadValues,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/variable-combobox/variable-combobox.controller.ts
-init_dirname();
-init_buffer();
-init_process();
-var apiError = new Error(
-  "Failed to fetch the data required to make a list of searchable items."
-);
-var _apiTask, _bearerToken;
-var FetchController = class {
-  constructor(host, bearerToken) {
-    __privateAdd(this, _apiTask, void 0);
-    __privateAdd(this, _bearerToken, null);
-    __privateSet(this, _bearerToken, bearerToken);
-    __privateSet(this, _apiTask, new h(host, {
-      task: async () => {
-        const response = await fetch(
-          "https://4nad4npjmf.execute-api.us-east-1.amazonaws.com/default/data-rods",
-          {
-            headers: __spreadValues({
-              Accept: "application/json"
-            }, __privateGet(this, _bearerToken) ? { Authorization: `Bearer: ${__privateGet(this, _bearerToken)}` } : {})
-          }
-        );
-        if (!response.ok) {
-          throw apiError;
-        }
-        const {
-          response: { docs }
-        } = await response.json();
-        return cherryPickDocInfo(docs).sort(
-          (a, b) => (
-            // sort by collection short name, then by long name if variables are in the same collection
-            a.collectionShortName.localeCompare(b.collectionShortName) || a.longName.localeCompare(b.longName)
-          )
-        );
-      },
-      args: () => []
-    }));
-  }
-  get taskComplete() {
-    return __privateGet(this, _apiTask).taskComplete;
-  }
-  get value() {
-    return __privateGet(this, _apiTask).value;
-  }
-  get taskStatus() {
-    const readableStatus = Object.entries(s).reduce((accumulator, [key, value]) => {
-      accumulator[value] = key;
-      return accumulator;
-    }, {});
-    return readableStatus[__privateGet(this, _apiTask).status];
-  }
-  render(renderFunctions) {
-    return __privateGet(this, _apiTask).render(renderFunctions);
-  }
-};
-_apiTask = new WeakMap();
-_bearerToken = new WeakMap();
-
-export {
-  FetchController
-};

package/cdn/chunks/chunk.TAWVX55V.js

@@ -1,29 +0,0 @@
-import {
-  TerraOption
-} from "./chunk.AB6QWTLJ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.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.TEGV7WUJ.js

@@ -1,29 +0,0 @@
-import {
-  TerraDateRangeSlider
-} from "./chunk.R44HCWQ3.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/react/date-range-slider/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-date-range-slider";
-TerraDateRangeSlider.define("terra-date-range-slider");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDateRangeSlider,
-  react: React,
-  events: {},
-  displayName: "TerraDateRangeSlider"
-});
-var date_range_slider_default = reactWrapper;
-
-export {
-  date_range_slider_default
-};

package/cdn/chunks/chunk.TJIFH3OX.js

@@ -1,19 +0,0 @@
-import {
-  TerraMenu
-} from "./chunk.UVCHR5V3.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/menu/menu.ts
-init_dirname();
-init_buffer();
-init_process();
-var menu_default = TerraMenu;
-TerraMenu.define("terra-menu");
-
-export {
-  menu_default
-};

package/cdn/chunks/chunk.TVRR3SM5.js

@@ -1,32 +0,0 @@
-import {
-  TerraScrollHint
-} from "./chunk.7QVY7QC6.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/react/scroll-hint/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-scroll-hint";
-TerraScrollHint.define("terra-scroll-hint");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraScrollHint,
-  react: React,
-  events: {
-    onTerraScroll: "terra-scroll"
-  },
-  displayName: "TerraScrollHint"
-});
-var scroll_hint_default = reactWrapper;
-
-export {
-  scroll_hint_default
-};