@nasa-terra/components 0.0.198 → 0.0.199

package/cdn/chunks/chunk.66IWKBC6.js

@@ -0,0 +1,364 @@
+import {
+  MapService
+} from "./chunk.5LFN6KT3.js";
+import {
+  map_styles_default
+} from "./chunk.OCOILS4L.js";
+import {
+  h
+} from "./chunk.ASJLND3B.js";
+import {
+  QueryClientMixin
+} from "./chunk.DOUWGQFH.js";
+import {
+  o
+} from "./chunk.IL42CKDQ.js";
+import {
+  queryGiovanniGeoJsonShape,
+  queryGiovanniShapeFiles
+} from "./chunk.GOSTHSKP.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e,
+  n,
+  r
+} from "./chunk.TG3YYWRJ.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.fill = 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, pixel) => {
+        this.cursorCoordinates = coordinate;
+        this.emit("terra-map-pointer-move", {
+          detail: { coordinate, pixel }
+        });
+      },
+      onDraw: (detail) => {
+        this.emit("terra-map-change", { detail });
+      },
+      onShapeLoading: (loading) => {
+        this.shapeLoading = loading;
+      }
+    }));
+  }
+  /**
+   * Adds a custom layer to the map. By default the layer is placed below
+   * the borders/labels layers so they continue to render on top of it; pass
+   * `{ position: 'top' }` to place it above everything else instead.
+   */
+  addLayer(layer, options) {
+    var _a;
+    (_a = __privateGet(this, _service)) == null ? void 0 : _a.addLayer(layer, options);
+  }
+  /**
+   * Removes a previously added layer by the `name` it was given.
+   */
+  removeLayer(name) {
+    var _a;
+    (_a = __privateGet(this, _service)) == null ? void 0 : _a.removeLayer(name);
+  }
+  /**
+   * Gets a layer (built-in or custom) by name.
+   */
+  getLayer(name) {
+    var _a;
+    return (_a = __privateGet(this, _service)) == null ? void 0 : _a.getLayer(name);
+  }
+  /**
+   * Fits the map's view to the given extent, reprojecting from
+   * `options.projection` to the map's view projection if provided.
+   */
+  fitToExtent(extent, options) {
+    var _a;
+    (_a = __privateGet(this, _service)) == null ? void 0 : _a.fitToExtent(extent, options);
+  }
+  addInteraction(interaction) {
+    var _a;
+    (_a = __privateGet(this, _service)) == null ? void 0 : _a.addInteraction(interaction);
+  }
+  removeInteraction(interaction) {
+    var _a;
+    (_a = __privateGet(this, _service)) == null ? void 0 : _a.removeInteraction(interaction);
+  }
+  /**
+   * Returns the map's rendered canvas/svg elements, in z-order, for
+   * consumers that need to composite the rendered map (e.g. exporting an
+   * image or capturing a thumbnail).
+   */
+  getCanvasElements() {
+    var _a;
+    return (_a = __privateGet(this, _service)) == null ? void 0 : _a.getCanvasElements();
+  }
+  getSize() {
+    var _a;
+    return (_a = __privateGet(this, _service)) == null ? void 0 : _a.getSize();
+  }
+  getPixelFromCoordinate(coordinate) {
+    var _a;
+    return (_a = __privateGet(this, _service)) == null ? void 0 : _a.getPixelFromCoordinate(coordinate);
+  }
+  renderComplete() {
+    var _a;
+    return (_a = __privateGet(this, _service)) == null ? void 0 : _a.renderComplete();
+  }
+  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.fill ? "fill" : ""}`}
+            >
+                ${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({ type: Boolean, reflect: true })
+], TerraMap.prototype, "fill", 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.6D2IDMCW.js

@@ -0,0 +1,106 @@
+import {
+  login_styles_default
+} from "./chunk.GTDPC327.js";
+import {
+  loader_default
+} from "./chunk.PR55CF2E.js";
+import {
+  AuthController
+} from "./chunk.4JXPGYJW.js";
+import {
+  icon_default
+} from "./chunk.7C3LJSTD.js";
+import {
+  button_default
+} from "./chunk.RGMOIMLO.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.TG3YYWRJ.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/login/login.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _authController, _applyUserToMessage, applyUserToMessage_fn;
+var TerraLogin = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _applyUserToMessage);
+    this.buttonLabel = "Earthdata Login";
+    __privateAdd(this, _authController, new AuthController(this));
+  }
+  login() {
+    if (this.onLoginClick) {
+      this.onLoginClick();
+      return;
+    }
+    __privateGet(this, _authController).login();
+  }
+  logout() {
+    __privateGet(this, _authController).logout();
+  }
+  render() {
+    var _a;
+    if ((_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) {
+      const template = this.querySelector(
+        'template[slot="logged-in"]'
+      );
+      return b`${template ? template.content.cloneNode(true) : b`<slot name="logged-in" .user=${__privateGet(this, _authController).state.user}
+                      >${__privateMethod(this, _applyUserToMessage, applyUserToMessage_fn).call(this, this.loggedInMessage)}</slot
+                  >`}`;
+    }
+    if (__privateGet(this, _authController).state.isLoading) {
+      return b`<slot name="loading">${this.loadingMessage}</slot>`;
+    }
+    return b` <slot name="logged-out">${this.loggedOutMessage}</slot
+            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`;
+  }
+};
+_authController = new WeakMap();
+_applyUserToMessage = new WeakSet();
+applyUserToMessage_fn = function(message) {
+  var _a, _b, _c, _d, _e, _f;
+  return (message != null ? message : "").replace("{username}", (_b = (_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) != null ? _b : "").replace(
+    "{first_name}",
+    (_d = (_c = __privateGet(this, _authController).state.user) == null ? void 0 : _c.first_name) != null ? _d : ""
+  ).replace("{last_name}", (_f = (_e = __privateGet(this, _authController).state.user) == null ? void 0 : _e.last_name) != null ? _f : "");
+};
+TerraLogin.dependencies = {
+  "terra-button": button_default,
+  "terra-icon": icon_default,
+  "terra-loader": loader_default
+};
+TerraLogin.styles = [component_styles_default, login_styles_default];
+__decorateClass([
+  n({ attribute: "button-label" })
+], TerraLogin.prototype, "buttonLabel", 2);
+__decorateClass([
+  n({ attribute: "logged-in-message" })
+], TerraLogin.prototype, "loggedInMessage", 2);
+__decorateClass([
+  n({ attribute: "logged-out-message" })
+], TerraLogin.prototype, "loggedOutMessage", 2);
+__decorateClass([
+  n({ attribute: "loading-message" })
+], TerraLogin.prototype, "loadingMessage", 2);
+__decorateClass([
+  n({ attribute: false })
+], TerraLogin.prototype, "onLoginClick", 2);
+
+export {
+  TerraLogin
+};

package/cdn/chunks/chunk.6JG52BSF.js

@@ -0,0 +1,35 @@
+import {
+  TerraToast
+} from "./chunk.SPVQ3TUO.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/toast/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-toast";
+TerraToast.define("terra-toast");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraToast,
+  react: React,
+  events: {
+    onTerraShow: "terra-show",
+    onTerraAfterShow: "terra-after-show",
+    onTerraHide: "terra-hide",
+    onTerraAfterHide: "terra-after-hide"
+  },
+  displayName: "TerraToast"
+});
+var toast_default = reactWrapper;
+
+export {
+  toast_default
+};

package/cdn/chunks/chunk.6O7XOHAP.js

@@ -0,0 +1,32 @@
+import {
+  TerraPagination
+} from "./chunk.YHKRAHVP.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/pagination/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-pagination";
+TerraPagination.define("terra-pagination");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraPagination,
+  react: React,
+  events: {
+    onTerraPageChange: "terra-page-change"
+  },
+  displayName: "TerraPagination"
+});
+var pagination_default = reactWrapper;
+
+export {
+  pagination_default
+};