@nasa-terra/components 0.0.138 → 0.0.139

package/dist/chunks/chunk.SBQXHA4N.js

@@ -1,279 +0,0 @@
-import {
-  GiovanniGeoJsonShapes
-} from "./chunk.RGVKW43A.js";
-import {
-  __spreadValues
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/map/leaflet-utils.ts
-import * as L from "leaflet";
-import "leaflet-draw";
-globalThis.type = "";
-function parseBoundingBox(input) {
-  let inputString = input;
-  if (inputString instanceof L.LatLng) {
-    inputString = `${inputString.lat}, ${inputString.lng}`;
-  } else if (inputString instanceof L.LatLngBounds) {
-    inputString = `${inputString.getSouthWest().lat}, ${inputString.getSouthWest().lng}, ${inputString.getNorthEast().lat}, ${inputString.getNorthEast().lng}`;
-  }
-  const coords = inputString.split(",");
-  if (coords.length !== 2 && coords.length !== 4) {
-    throw new Error(
-      'Input must contain exactly 2 or 4 numbers. e.g "9.51, 21.80" or "52.03, -9.38, 96.33, 32.90"'
-    );
-  }
-  if (coords.length == 2) {
-    return {
-      lat: parseFloat(coords[0]),
-      lng: parseFloat(coords[1])
-    };
-  }
-  const bounds = coords.map(function(coord) {
-    let num = parseFloat(coord);
-    if (isNaN(num)) {
-      throw new Error("All parts of the input string must be valid numbers.");
-    }
-    return num;
-  });
-  const leafletBounds = [
-    [bounds[1], bounds[0]],
-    [bounds[3], bounds[2]]
-  ];
-  return leafletBounds;
-}
-function StringifyBoundingBox(input) {
-  if ("_southWest" in input && "_northEast" in input) {
-    return `${input._southWest.lng.toFixed(2)}, ${input._southWest.lat.toFixed(
-      2
-    )}, ${input._northEast.lng.toFixed(2)}, ${input._northEast.lat.toFixed(2)}`;
-  } else if ("lat" in input && "lng" in input) {
-    return `${input.lat.toFixed(2)}, ${input.lng.toFixed(2)}`;
-  } else {
-    throw new Error("Invalid input type");
-  }
-}
-var Leaflet = class {
-  constructor() {
-    this.listeners = [];
-    this.isMapReady = false;
-    this.handleShapeSelect = this.handleShapeSelect.bind(this);
-    this.geoJsonRepository = new GiovanniGeoJsonShapes();
-  }
-  // map initialization function
-  initializeMap(container, options) {
-    let mapOptions = {
-      center: options.latitude && options.longitude ? L.latLng(options.latitude, options.longitude) : L.latLng(40.731253, -73.996139),
-      zoom: options.zoom,
-      attributionControl: false,
-      minZoom: options.minZoom,
-      maxZoom: options.maxZoom
-    };
-    if (options.staticMode) {
-      mapOptions.zoomControl = false;
-      mapOptions.doubleClickZoom = false;
-      mapOptions.scrollWheelZoom = false;
-      mapOptions.dragging = false;
-      mapOptions.touchZoom = false;
-      mapOptions.boxZoom = false;
-    }
-    this.map = new L.Map(container, mapOptions);
-    L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
-      maxZoom: options.maxZoom
-    }).addTo(this.map);
-    if (options.hasCoordTracker) {
-      this.addCoordTracker();
-    }
-    if (options.hasNavigation) {
-      this.addDrawControl(options);
-    }
-    this.map.whenReady((_e) => {
-      var _a;
-      this.isMapReady = true;
-      if (options.initialValue && "lat" in options.initialValue && "lng" in options.initialValue) {
-        L.marker(options.initialValue, {
-          icon: L.icon({
-            iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
-            iconAnchor: [15, 40],
-            shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png"
-          })
-        }).addTo(this.editableLayers);
-        this.map.setView(options.initialValue, 5);
-        return;
-      }
-      if (options.initialValue && (((_a = options.initialValue) == null ? void 0 : _a.length) > 0 || "getNorthEast" in options.initialValue)) {
-        L.rectangle(options.initialValue, {
-          stroke: true,
-          color: "#3388ff",
-          weight: 4,
-          opacity: 0.5,
-          fill: true,
-          fillOpacity: 0.2
-        }).addTo(this.editableLayers);
-        this.map.fitBounds(options.initialValue);
-      }
-    });
-  }
-  addCoordTracker() {
-    const CoordTracker = L.Control.extend({
-      options: {
-        position: "bottomleft",
-        title: "Mouse Position",
-        exclude: [],
-        include: []
-      },
-      onAdd: function(map) {
-        this.div = L.DomUtil.create(
-          "div",
-          "leaflet-mouse-position-container leaflet-bar"
-        );
-        this.p = L.DomUtil.create(
-          "p",
-          "leaflet-mouse-position-text",
-          this.div
-        );
-        let content = "lat: 0, lng: 0";
-        this.p.innerHTML = content;
-        L.DomEvent.addListener(map, "mousemove", this._onChange, this);
-        return this.div;
-      },
-      _onChange: function(e) {
-        this.p.innerHTML = `lat: ${Math.round(
-          e.latlng.lat
-        )}, lng: ${Math.round(e.latlng.lng)}`;
-      }
-    });
-    const coordTracker = new CoordTracker();
-    coordTracker.addTo(this.map);
-  }
-  addDrawControl(options) {
-    this.editableLayers = new L.FeatureGroup();
-    this.editableLayers.addTo(this.map);
-    let drawControl = new L.Control.Draw({
-      position: "topleft",
-      draw: {
-        polyline: false,
-        polygon: false,
-        circle: false,
-        // Turns off this drawing tool
-        circlemarker: false,
-        rectangle: (options == null ? void 0 : options.hideBoundingBoxDrawTool) ? false : {},
-        marker: (options == null ? void 0 : options.hidePointSelectionDrawTool) ? false : {
-          icon: L.icon({
-            iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
-            iconAnchor: [15, 40],
-            shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png"
-          })
-        }
-      },
-      edit: {
-        featureGroup: this.editableLayers
-        //REQUIRED!!
-      }
-    });
-    this.map.addControl(drawControl);
-    this.map.on("draw:created", (event) => {
-      this.editableLayers.clearLayers();
-      const { layer, layerType } = event;
-      this.editableLayers.addLayer(layer);
-      const detail = __spreadValues(__spreadValues({
-        geoJson: layer.toGeoJSON()
-      }, layerType === "rectangle" && { bounds: layer.getBounds() }), layerType === "marker" && { latLng: layer._latlng });
-      this.dispatch("draw", detail);
-    });
-    this.map.on("draw:edited", (event) => {
-      const { layer, layerType } = event;
-      const detail = __spreadValues(__spreadValues({
-        geoJson: layer.toGeoJSON()
-      }, layerType === "rectangle" && { bounds: layer.getBounds() }), layerType === "marker" && { latLng: layer._latlng });
-      this.dispatch("draw", detail);
-    });
-    this.map.on("draw:deleted", (_event) => {
-      this.editableLayers.clearLayers();
-      this.dispatch("clear");
-    });
-  }
-  on(eventName, callback) {
-    this.listeners.push({
-      eventName,
-      callback
-    });
-  }
-  dispatch(eventName, detail = null) {
-    const eventTriggered = this.listeners.filter(
-      (listener) => listener.eventName === eventName
-    );
-    eventTriggered.forEach((listener) => {
-      listener.callback(detail);
-    });
-  }
-  transformShapeData(data) {
-    const shapes = data.shapes;
-    const shapefileID = data.shapefileID;
-    const transformedShapes = Object.keys(shapes).map((key) => {
-      const shape = shapes[key];
-      let name;
-      if (shapefileID === "lakes") {
-        name = shape.values[2];
-      } else if (shapefileID === "gpmLandMask" || shapefileID === "gpmSeaMask") {
-        name = shape.values.find(
-          (value) => typeof value === "string" && value.includes("deg")
-        );
-      } else if (shapefileID === "state_dept_countries_2017" || shapefileID === "world_regions" || shapefileID === "major_world_basins") {
-        name = shape.values[1];
-      } else if (shapefileID === "tl_2014_us_state") {
-        name = shape.values[6];
-      }
-      return {
-        name,
-        [data.uniqueShapeIDField]: key,
-        shapefileID
-      };
-    });
-    return transformedShapes;
-  }
-  async handleShapeSelect(event) {
-    var _a;
-    event.preventDefault();
-    const selectedShape = event.target.value;
-    if (!selectedShape)
-      return;
-    const shapeGeoJson = await this.geoJsonRepository.getGeoJson(selectedShape);
-    if ((_a = this.selectedGeoJson) == null ? void 0 : _a.hasLayer) {
-      this.selectedGeoJson.remove();
-    }
-    this.selectedGeoJson = L.geoJson(shapeGeoJson.features).addTo(
-      this.editableLayers
-    );
-    this.map.fitBounds(this.selectedGeoJson.getBounds());
-    this.dispatch("draw", {
-      geoJson: this.selectedGeoJson.toGeoJSON(),
-      bounds: this.selectedGeoJson.getBounds()
-    });
-  }
-  drawRectangle(bounds) {
-    this.clearLayers();
-    L.rectangle(bounds, {
-      stroke: true,
-      color: "#3388ff",
-      weight: 4,
-      opacity: 0.5,
-      fill: true,
-      fillOpacity: 0.2
-    }).addTo(this.editableLayers);
-  }
-  setValue(value) {
-    if (this.isMapReady) {
-      this.drawRectangle(value);
-      this.map.fitBounds(value);
-    }
-  }
-  clearLayers() {
-    this.editableLayers.clearLayers();
-  }
-};
-
-export {
-  parseBoundingBox,
-  StringifyBoundingBox,
-  Leaflet
-};

package/dist/chunks/chunk.TALRRPAJ.js

@@ -1,27 +0,0 @@
-import {
-  TerraTooltip
-} from "./chunk.RCNNYHAP.js";
-
-// src/react/tooltip/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-tooltip";
-TerraTooltip.define("terra-tooltip");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraTooltip,
-  react: React,
-  events: {
-    onTerraShow: "terra-show",
-    onTerraAfterShow: "terra-after-show",
-    onTerraHide: "terra-hide",
-    onTerraAfterHide: "terra-after-hide"
-  },
-  displayName: "TerraTooltip"
-});
-var tooltip_default = reactWrapper;
-
-export {
-  tooltip_default
-};

package/dist/chunks/chunk.TBDE7WHX.js

@@ -1,11 +0,0 @@
-import {
-  TerraCheckbox
-} from "./chunk.BAMCVKFY.js";
-
-// src/components/checkbox/checkbox.ts
-var checkbox_default = TerraCheckbox;
-TerraCheckbox.define("terra-checkbox");
-
-export {
-  checkbox_default
-};

package/dist/chunks/chunk.TFIG7TXR.js

@@ -1,229 +0,0 @@
-import {
-  data_subsetter_history_styles_default
-} from "./chunk.7674U7FT.js";
-import {
-  TerraDataSubsetter
-} from "./chunk.TGXTBKMP.js";
-import {
-  TerraDialog
-} from "./chunk.UQOAG4HF.js";
-import {
-  DataSubsetterHistoryController
-} from "./chunk.WVJDTT7W.js";
-import {
-  AuthController
-} from "./chunk.DHM36JBP.js";
-import {
-  TerraIcon
-} from "./chunk.72RIQ36D.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.QWT24I4A.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/data-subsetter-history/data-subsetter-history.component.ts
-import { property, query, state } from "lit/decorators.js";
-import { html, nothing } from "lit";
-var _controller, _renderHistoryItems, renderHistoryItems_fn, _handleHistoryItemClick, handleHistoryItemClick_fn;
-var TerraDataSubsetterHistory = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _renderHistoryItems);
-    __privateAdd(this, _handleHistoryItemClick);
-    this.label = "History";
-    this.alwaysShow = true;
-    this.collapsed = true;
-    this.hideCancelled = true;
-    __privateAdd(this, _controller, new DataSubsetterHistoryController(this));
-    this._authController = new AuthController(this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addController(__privateGet(this, _controller));
-  }
-  toggleCollapsed() {
-    this.collapsed = !this.collapsed;
-  }
-  render() {
-    const jobs = __privateGet(this, _controller).jobs;
-    const hasJobs = jobs && jobs.jobs.length > 0;
-    if (!hasJobs) {
-      return nothing;
-    }
-    return html`
-            <div class="${this.collapsed ? "collapsed" : ""}">
-                <div class="history-header" @click=${this.toggleCollapsed}>
-                    <span>${this.label}</span>
-                </div>
-
-                <div class="history-panel">
-                    ${hasJobs ? html`
-                              <div class="history-link-row">
-                                  <label>
-                                      <input
-                                          type="checkbox"
-                                          .checked=${this.hideCancelled}
-                                          @change=${(e) => {
-      this.hideCancelled = e.target.checked;
-    }}
-                                      />
-                                      Hide Cancelled
-                                  </label>
-
-                                  <a
-                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
-                                      target="_blank"
-                                      rel="noopener noreferrer"
-                                      class="history-link"
-                                  >
-                                      View all
-                                      <terra-icon
-                                          name="outline-arrow-top-right-on-square"
-                                          library="heroicons"
-                                          size="32px"
-                                      ></terra-icon>
-                                  </a>
-                              </div>
-                          ` : nothing}
-
-                    <div class="history-list">
-                        ${jobs ? hasJobs ? __privateMethod(this, _renderHistoryItems, renderHistoryItems_fn).call(this, jobs) : html`<div class="history-alert-message">
-                                      You haven't made any requests yet.<br />
-                                      Get started by
-                                      <a
-                                          href="#"
-                                          class="history-alert-link"
-                                          @click=${(e) => {
-      var _a;
-      e.preventDefault();
-      this.selectedJob = void 0;
-      (_a = this.dialog) == null ? void 0 : _a.show();
-    }}
-                                      >
-                                          creating your first request!</a
-                                      >.
-                                  </div>` : html`<div class="history-alert-message">
-                                  Retrieving your requests....
-                              </div>`}
-                    </div>
-                </div>
-            </div>
-
-            <terra-dialog part="dialog" width="1500px">
-                <terra-data-subsetter
-                    .jobId=${this.selectedJob}
-                    .bearerToken=${this.bearerToken}
-                ></terra-data-subsetter>
-            </terra-dialog>
-        `;
-  }
-};
-_controller = new WeakMap();
-_renderHistoryItems = new WeakSet();
-renderHistoryItems_fn = function(subsetJobs) {
-  const filteredJobs = subsetJobs.jobs.slice().filter((job) => {
-    if (this.hideCancelled) {
-      return job.status !== "canceled" /* CANCELED */;
-    }
-    return true;
-  }).sort(
-    (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
-  );
-  if (!filteredJobs.length) {
-    return html`
-                <div class="history-alert-message">
-                    There are no active requests to show.<br />
-                    If you'd like, you can
-                    <a
-                        href="#"
-                        class="history-alert-link"
-                        @click=${(e) => {
-      var _a;
-      e.preventDefault();
-      this.selectedJob = void 0;
-      (_a = this.dialog) == null ? void 0 : _a.show();
-    }}
-                    >
-                        create a new request.</a
-                    >
-                </div>
-            `;
-  }
-  return filteredJobs.map((job) => {
-    var _a;
-    let fillColor = "#0066cc";
-    if (job.status === "successful" /* SUCCESSFUL */ || job.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ || job.status === "running_with_errors" /* RUNNING_WITH_ERRORS */) {
-      fillColor = "#28a745";
-    } else if (job.status === "failed" /* FAILED */) {
-      fillColor = "#dc3545";
-    } else if (job.status === "canceled" /* CANCELED */) {
-      fillColor = "#ffc107";
-    }
-    const progressLabel = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? job.status : `${job.progress}%`;
-    const progress = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? 100 : job.progress;
-    return html`
-                <div
-                    class="history-item"
-                    @click=${__privateMethod(this, _handleHistoryItemClick, handleHistoryItemClick_fn).bind(this, job)}
-                >
-                    <div class="item-header">
-                        <span class="item-title">
-                            ${((_a = job.labels) == null ? void 0 : _a.length) ? job.labels.join(" ") : job.request.split(".nasa.gov").pop()}
-                        </span>
-                    </div>
-
-                    <div class="progress-bar">
-                        <div
-                            class="progress-fill"
-                            style="width: ${progress}%; background-color: ${fillColor}"
-                        >
-                            ${progressLabel}
-                        </div>
-                    </div>
-                </div>
-            `;
-  });
-};
-_handleHistoryItemClick = new WeakSet();
-handleHistoryItemClick_fn = function(job) {
-  var _a;
-  this.selectedJob = job.jobID;
-  (_a = this.dialog) == null ? void 0 : _a.show();
-};
-TerraDataSubsetterHistory.dependencies = {
-  "terra-icon": TerraIcon,
-  "terra-data-subsetter": TerraDataSubsetter,
-  "terra-dialog": TerraDialog
-};
-TerraDataSubsetterHistory.styles = [component_styles_default, data_subsetter_history_styles_default];
-__decorateClass([
-  property()
-], TerraDataSubsetterHistory.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "bearer-token" })
-], TerraDataSubsetterHistory.prototype, "bearerToken", 2);
-__decorateClass([
-  property({ attribute: "always-show", type: Boolean })
-], TerraDataSubsetterHistory.prototype, "alwaysShow", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetterHistory.prototype, "collapsed", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetterHistory.prototype, "selectedJob", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetterHistory.prototype, "hideCancelled", 2);
-__decorateClass([
-  query('[part~="dialog"]')
-], TerraDataSubsetterHistory.prototype, "dialog", 2);
-
-export {
-  TerraDataSubsetterHistory
-};