@nasa-terra/components 0.0.181 → 0.0.182

package/cdn/chunks/chunk.DEDLPLON.js

@@ -1,47 +0,0 @@
-import {
-  breadcrumbs_styles_default
-} from "./chunk.3WMCCZLC.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.XQO3ZO7J.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/breadcrumbs/breadcrumbs.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraBreadcrumbs = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.ariaLabel = "Breadcrumb";
-    this.theme = "light";
-  }
-  render() {
-    return b`
-            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
-                <slot></slot>
-            </nav>
-        `;
-  }
-};
-TerraBreadcrumbs.styles = [component_styles_default, breadcrumbs_styles_default];
-__decorateClass([
-  n({ attribute: "aria-label" })
-], TerraBreadcrumbs.prototype, "ariaLabel", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraBreadcrumbs.prototype, "theme", 2);
-
-export {
-  TerraBreadcrumbs
-};

package/cdn/chunks/chunk.DHRENFRE.js

@@ -1,285 +0,0 @@
-import {
-  MapController
-} from "./chunk.S3NVOH7F.js";
-import {
-  MapService
-} from "./chunk.MVC5FVKI.js";
-import {
-  map_styles_default
-} from "./chunk.XPZE3KH3.js";
-import {
-  h
-} from "./chunk.ASJLND3B.js";
-import {
-  o
-} from "./chunk.IL42CKDQ.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.XQO3ZO7J.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 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);
-    this._mapController = new MapController(this);
-  }
-  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,
-      onMouseMove: (coordinate) => {
-        this.cursorCoordinates = coordinate;
-      },
-      onDraw: (detail) => {
-        this.emit("terra-map-change", { detail });
-      },
-      onShapeLoading: (loading) => {
-        this.shapeLoading = loading;
-      }
-    }));
-  }
-  selectTemplate() {
-    var _a;
-    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((_a = this.shapes) == null ? void 0 : _a.categories, (category) => {
-        return b`<optgroup label="${category.title}">
-                            ${category.shapes.map((shape) => {
-          return b`
-                                    <option
-                                        value="shape=${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);
-__decorateClass([
-  r()
-], TerraMap.prototype, "shapes", 2);
-
-export {
-  TerraMap
-};

package/cdn/chunks/chunk.DNHL2E5Q.js

@@ -1,19 +0,0 @@
-import {
-  TerraLogin
-} from "./chunk.JIY4UZ2J.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/login/login.ts
-init_dirname();
-init_buffer();
-init_process();
-var login_default = TerraLogin;
-TerraLogin.define("terra-login");
-
-export {
-  login_default
-};

package/cdn/chunks/chunk.DSYH36LJ.js

@@ -1,19 +0,0 @@
-import {
-  TerraAlert
-} from "./chunk.SJFGHGKH.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.DXWMVI4V.js

@@ -1,29 +0,0 @@
-import {
-  TerraCombobox
-} from "./chunk.USXZCB3X.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/combobox/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-combobox";
-TerraCombobox.define("terra-combobox");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraCombobox,
-  react: React,
-  events: {},
-  displayName: "TerraCombobox"
-});
-var combobox_default = reactWrapper;
-
-export {
-  combobox_default
-};

package/cdn/chunks/chunk.DYDZ3LJN.js

@@ -1,165 +0,0 @@
-import {
-  option_styles_default
-} from "./chunk.YNIY33OW.js";
-import {
-  TerraIcon
-} from "./chunk.QRJLBELU.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n,
-  r
-} from "./chunk.XQO3ZO7J.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/option/option.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraOption = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.isInitialized = false;
-    this.current = false;
-    this.selected = false;
-    this.hasHover = false;
-    this.value = "";
-    this.disabled = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "option");
-    this.setAttribute("aria-selected", "false");
-  }
-  handleDefaultSlotChange() {
-    if (this.isInitialized) {
-      customElements.whenDefined("terra-select").then(() => {
-        const controller = this.closest("terra-select");
-        if (controller) {
-          controller.handleDefaultSlotChange();
-        }
-      });
-    } else {
-      this.isInitialized = true;
-    }
-  }
-  handleMouseEnter() {
-    this.hasHover = true;
-  }
-  handleMouseLeave() {
-    this.hasHover = false;
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleSelectedChange() {
-    this.setAttribute("aria-selected", this.selected ? "true" : "false");
-  }
-  handleValueChange() {
-    if (typeof this.value !== "string") {
-      this.value = String(this.value);
-    }
-    if (this.value.includes(" ")) {
-      console.error(
-        `Option values cannot include a space. All spaces have been replaced with underscores.`,
-        this
-      );
-      this.value = this.value.replace(/ /g, "_");
-    }
-  }
-  /** Returns a plain text label based on the option's content. */
-  getTextLabel() {
-    const nodes = this.childNodes;
-    let label = "";
-    [...nodes].forEach((node) => {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        if (!node.hasAttribute("slot")) {
-          label += node.textContent;
-        }
-      }
-      if (node.nodeType === Node.TEXT_NODE) {
-        label += node.textContent;
-      }
-    });
-    return label.trim();
-  }
-  render() {
-    return b`
-            <div
-                part="base"
-                class=${e({
-      option: true,
-      "option--current": this.current,
-      "option--disabled": this.disabled,
-      "option--selected": this.selected,
-      "option--hover": this.hasHover
-    })}
-                @mouseenter=${this.handleMouseEnter}
-                @mouseleave=${this.handleMouseLeave}
-            >
-                <terra-icon
-                    part="checked-icon"
-                    class="option__check"
-                    name="outline-check"
-                    library="heroicons"
-                    aria-hidden="true"
-                ></terra-icon>
-                <slot part="prefix" name="prefix" class="option__prefix"></slot>
-                <slot
-                    part="label"
-                    class="option__label"
-                    @slotchange=${this.handleDefaultSlotChange}
-                ></slot>
-                <slot part="suffix" name="suffix" class="option__suffix"></slot>
-            </div>
-        `;
-  }
-};
-TerraOption.styles = [component_styles_default, option_styles_default];
-TerraOption.dependencies = { "terra-icon": TerraIcon };
-__decorateClass([
-  e2(".option__label")
-], TerraOption.prototype, "defaultSlot", 2);
-__decorateClass([
-  r()
-], TerraOption.prototype, "current", 2);
-__decorateClass([
-  r()
-], TerraOption.prototype, "selected", 2);
-__decorateClass([
-  r()
-], TerraOption.prototype, "hasHover", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraOption.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraOption.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled")
-], TerraOption.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("selected")
-], TerraOption.prototype, "handleSelectedChange", 1);
-__decorateClass([
-  watch("value")
-], TerraOption.prototype, "handleValueChange", 1);
-
-export {
-  TerraOption
-};