@nasa-terra/components 0.0.137 → 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.SEQTHRF4.js

@@ -1,11 +0,0 @@
-import {
-  TerraButton
-} from "./chunk.4SXKWAH4.js";
-
-// src/components/button/button.ts
-var button_default = TerraButton;
-TerraButton.define("terra-button");
-
-export {
-  button_default
-};

package/dist/chunks/chunk.SGMS4MGY.js

@@ -1,74 +0,0 @@
-// src/components/data-subsetter/notebooks/subsetter-notebook.ts
-function getNotebook(host) {
-  var _a;
-  return [
-    {
-      cell_type: "markdown",
-      id: "367f56b9-7ca8-4435-9dcc-89bf586f33ab",
-      metadata: {},
-      source: [
-        "### Prerequisites:\n",
-        "\n",
-        "This notebook uses the `terra_ui_components` and `anywidget` packages.\n",
-        "\n",
-        "After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."
-      ]
-    },
-    {
-      id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
-      cell_type: "code",
-      source: '%pip install -q "terra_ui_components==0.0.137" "anywidget==0.9.15"',
-      metadata: {
-        trusted: true
-      },
-      outputs: [],
-      execution_count: null
-    },
-    {
-      cell_type: "markdown",
-      id: "35aa4a00-8e2c-4478-9df7-de633fd8f6ce",
-      metadata: {},
-      source: [`### Render the subsetter`]
-    },
-    {
-      id: "870c1384-e706-48ee-ba07-fd552a949869",
-      cell_type: "code",
-      source: `from terra_ui_components import TerraDataSubsetter
-subsetter = TerraDataSubsetter()
-
-${host.collectionEntryId ? `subsetter.collectionEntryId = '${host.collectionEntryId}'
-` : ""}${((_a = host.controller.currentJob) == null ? void 0 : _a.jobID) ? `subsetter.jobId = '${host.controller.currentJob.jobID}'
-` : ""}${host.environment ? `subsetter.environment = '${host.environment}'` : ""}
-subsetter`,
-      metadata: {
-        trusted: true
-      },
-      outputs: [],
-      execution_count: null
-    },
-    {
-      cell_type: "markdown",
-      id: "25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",
-      metadata: {},
-      source: [
-        "### Download the files\n",
-        "\n",
-        "Once the subset job completes, you can download the files:"
-      ]
-    },
-    {
-      id: "870c1384-e706-48ee-ba07-fd552a949868",
-      cell_type: "code",
-      source: `subsetter.job['links']`,
-      metadata: {
-        trusted: true
-      },
-      outputs: [],
-      execution_count: null
-    }
-  ];
-}
-
-export {
-  getNotebook
-};

package/dist/chunks/chunk.SO7HBYRG.js

@@ -1,180 +0,0 @@
-import {
-  toast_styles_default
-} from "./chunk.YXBUPVH7.js";
-import {
-  TerraAlert
-} from "./chunk.S6KXROR3.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.M25BNXYX.js";
-import {
-  __decorateClass
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/toast/toast.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var TerraToast = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "primary";
-    this.duration = 3e3;
-    this.closable = true;
-  }
-  get alert() {
-    if (!this.shadowRoot) {
-      return null;
-    }
-    return this.shadowRoot.querySelector("terra-alert");
-  }
-  firstUpdated() {
-    const alert = this.alert;
-    if (alert) {
-      alert.addEventListener("terra-show", () => this.emit("terra-show"));
-      alert.addEventListener(
-        "terra-after-show",
-        () => this.emit("terra-after-show")
-      );
-      alert.addEventListener("terra-hide", () => this.emit("terra-hide"));
-      alert.addEventListener(
-        "terra-after-hide",
-        () => this.emit("terra-after-hide")
-      );
-    }
-  }
-  /**
-   * Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   */
-  async toast() {
-    return new Promise(async (resolve) => {
-      await this.updateComplete;
-      if (!this.shadowRoot) {
-        await this.updateComplete;
-      }
-      let alert = this.alert;
-      if (!alert) {
-        await customElements.whenDefined("terra-alert");
-        await this.updateComplete;
-        alert = this.alert;
-      }
-      if (!alert) {
-        resolve();
-        return;
-      }
-      await alert.updateComplete;
-      const toastStack = TerraAlert.toastStack;
-      if (toastStack.parentElement === null) {
-        document.body.append(toastStack);
-      }
-      toastStack.appendChild(this);
-      requestAnimationFrame(async () => {
-        this.clientWidth;
-        await this.updateComplete;
-        await alert.updateComplete;
-        if (!alert.open) {
-          await alert.show();
-        }
-      });
-      this.addEventListener(
-        "terra-after-hide",
-        () => {
-          if (toastStack.contains(this)) {
-            toastStack.removeChild(this);
-          }
-          resolve();
-          if (toastStack.querySelector("terra-toast") === null && toastStack.querySelector("terra-alert") === null) {
-            toastStack.remove();
-          }
-        },
-        { once: true }
-      );
-    });
-  }
-  /** Shows the toast. */
-  async show() {
-    await this.updateComplete;
-    const alert = this.alert;
-    if (!alert) {
-      throw new Error("TerraToast: Alert element not found");
-    }
-    await alert.updateComplete;
-    return alert.show();
-  }
-  /** Hides the toast. */
-  async hide() {
-    await this.updateComplete;
-    const alert = this.alert;
-    if (!alert) {
-      throw new Error("TerraToast: Alert element not found");
-    }
-    await alert.updateComplete;
-    return alert.hide();
-  }
-  /**
-   * Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
-   * body, and displays it as a notification.
-   *
-   * @param message - The message to display in the toast.
-   * @param variant - The toast variant. Defaults to 'primary'.
-   * @param icon - Optional icon name to display. Defaults to undefined.
-   * @param duration - The duration in milliseconds. Defaults to 3000.
-   * @returns A promise that resolves after the toast is hidden.
-   */
-  static async notify(message, variant = "primary", icon, duration = 3e3) {
-    const escapeHtml = (html2) => {
-      const div = document.createElement("div");
-      div.textContent = html2;
-      return div.innerHTML;
-    };
-    const toast = Object.assign(document.createElement("terra-toast"), {
-      variant,
-      duration,
-      closable: true,
-      innerHTML: icon ? `
-                    <terra-icon name="${icon}" slot="icon" library="heroicons"></terra-icon>
-                    ${escapeHtml(message)}
-                ` : escapeHtml(message)
-    });
-    document.body.append(toast);
-    await customElements.whenDefined("terra-toast");
-    await toast.updateComplete;
-    return toast.toast();
-  }
-  render() {
-    return html`
-            <terra-alert
-                part="base"
-                exportparts="base:base__base, icon:base__icon, message:base__message"
-                variant=${this.variant}
-                duration=${this.duration}
-                closable=${this.closable}
-                countdown=${this.countdown || ""}
-                appearance="filled"
-            >
-                <slot name="icon" slot="icon"></slot>
-                <slot></slot>
-            </terra-alert>
-        `;
-  }
-};
-TerraToast.styles = [component_styles_default, toast_styles_default];
-TerraToast.dependencies = { "terra-alert": TerraAlert };
-__decorateClass([
-  property({ reflect: true })
-], TerraToast.prototype, "variant", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraToast.prototype, "duration", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraToast.prototype, "closable", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], TerraToast.prototype, "countdown", 2);
-
-export {
-  TerraToast
-};