@nasa-terra/components 0.0.145 → 0.0.147

package/cdn/chunks/chunk.TI4AY3RR.js

@@ -1,35 +0,0 @@
-import {
-  TerraToast
-} from "./chunk.ADCAV5HR.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.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.U4KJW4UN.js

@@ -1,19 +0,0 @@
-import {
-  TerraCaption
-} from "./chunk.OTVKHAWS.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/caption/caption.ts
-init_dirname();
-init_buffer();
-init_process();
-var caption_default = TerraCaption;
-TerraCaption.define("terra-caption");
-
-export {
-  caption_default
-};

package/cdn/chunks/chunk.UAVRSKWO.js

@@ -1,19 +0,0 @@
-import {
-  TerraVariableKeywordSearch
-} from "./chunk.67OQ6GXQ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/variable-keyword-search/variable-keyword-search.ts
-init_dirname();
-init_buffer();
-init_process();
-var variable_keyword_search_default = TerraVariableKeywordSearch;
-TerraVariableKeywordSearch.define("terra-variable-keyword-search");
-
-export {
-  variable_keyword_search_default
-};

package/cdn/chunks/chunk.UB356SWC.js

@@ -1,36 +0,0 @@
-import {
-  TerraTextarea
-} from "./chunk.RE6UH4BS.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/react/textarea/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-textarea";
-TerraTextarea.define("terra-textarea");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraTextarea,
-  react: React,
-  events: {
-    onTerraInput: "terra-input",
-    onTerraChange: "terra-change",
-    onTerraFocus: "terra-focus",
-    onTerraBlur: "terra-blur",
-    onTerraInvalid: "terra-invalid"
-  },
-  displayName: "TerraTextarea"
-});
-var textarea_default = reactWrapper;
-
-export {
-  textarea_default
-};

package/cdn/chunks/chunk.UYSIJOFS.js

@@ -1,32 +0,0 @@
-import {
-  TerraScrollHint
-} from "./chunk.64X35PH5.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
-};

package/cdn/chunks/chunk.V6OFBRWM.js

@@ -1,19 +0,0 @@
-import {
-  TerraPagination
-} from "./chunk.YKT5ARJU.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/pagination/pagination.ts
-init_dirname();
-init_buffer();
-init_process();
-var pagination_default = TerraPagination;
-TerraPagination.define("terra-pagination");
-
-export {
-  pagination_default
-};

package/cdn/chunks/chunk.VAJUOMFW.js

@@ -1,36 +0,0 @@
-import {
-  TerraToggle
-} from "./chunk.AEVIVGMP.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/react/toggle/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-toggle";
-TerraToggle.define("terra-toggle");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraToggle,
-  react: React,
-  events: {
-    onTerraBlur: "terra-blur",
-    onTerraChange: "terra-change",
-    onTerraInput: "terra-input",
-    onTerraFocus: "terra-focus",
-    onTerraInvalid: "terra-invalid"
-  },
-  displayName: "TerraToggle"
-});
-var toggle_default = reactWrapper;
-
-export {
-  toggle_default
-};

package/cdn/chunks/chunk.WHNJW7PX.js

@@ -1,264 +0,0 @@
-import {
-  waitForEvent
-} from "./chunk.DFBLDLFE.js";
-import {
-  HasSlotController
-} from "./chunk.YTY4DQKX.js";
-import {
-  e
-} from "./chunk.P3OLQVQM.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n,
-  r
-} from "./chunk.RMVH2WPH.js";
-import {
-  alert_styles_default
-} from "./chunk.FQVBY6CM.js";
-import {
-  x
-} from "./chunk.3ZQGAH53.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/alert/alert.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _TerraAlert = class _TerraAlert extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "icon", "suffix");
-    this.open = false;
-    this.closable = false;
-    this.variant = "primary";
-    this.appearance = "filled";
-    this.duration = Infinity;
-    this.remainingTime = this.duration;
-  }
-  static get toastStack() {
-    if (!this.currentToastStack) {
-      this.currentToastStack = Object.assign(document.createElement("div"), {
-        className: "terra-toast-stack"
-      });
-    }
-    return this.currentToastStack;
-  }
-  firstUpdated() {
-    this.base.hidden = !this.open;
-  }
-  restartAutoHide() {
-    this.handleCountdownChange();
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-    if (this.open && this.duration < Infinity) {
-      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);
-      this.remainingTime = this.duration;
-      this.remainingTimeInterval = window.setInterval(() => {
-        this.remainingTime -= 100;
-      }, 100);
-    }
-  }
-  pauseAutoHide() {
-    var _a;
-    (_a = this.countdownAnimation) == null ? void 0 : _a.pause();
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-  }
-  resumeAutoHide() {
-    var _a;
-    if (this.duration < Infinity) {
-      this.autoHideTimeout = window.setTimeout(
-        () => this.hide(),
-        this.remainingTime
-      );
-      this.remainingTimeInterval = window.setInterval(() => {
-        this.remainingTime -= 100;
-      }, 100);
-      (_a = this.countdownAnimation) == null ? void 0 : _a.play();
-    }
-  }
-  handleCountdownChange() {
-    if (this.open && this.duration < Infinity && this.countdown) {
-      const { countdownElement } = this;
-      const start = "100%";
-      const end = "0";
-      this.countdownAnimation = countdownElement.animate(
-        [{ width: start }, { width: end }],
-        {
-          duration: this.duration,
-          easing: "linear"
-        }
-      );
-    }
-  }
-  handleCloseClick() {
-    this.hide();
-  }
-  async handleOpenChange() {
-    this.base.hidden = !this.open;
-    if (this.open) {
-      this.emit("terra-show");
-      if (this.duration < Infinity) {
-        this.restartAutoHide();
-      }
-      this.emit("terra-after-show");
-    } else {
-      this.emit("terra-hide");
-      clearTimeout(this.autoHideTimeout);
-      clearInterval(this.remainingTimeInterval);
-      this.emit("terra-after-hide");
-    }
-  }
-  handleDurationChange() {
-    this.restartAutoHide();
-  }
-  /** Shows the alert. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    this.open = true;
-    return waitForEvent(this, "terra-after-show");
-  }
-  /** Hides the alert */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "terra-after-hide");
-  }
-  /**
-   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-   * calling this method again. The returned promise will resolve after the alert is hidden.
-   */
-  async toast() {
-    return new Promise((resolve) => {
-      this.handleCountdownChange();
-      if (_TerraAlert.toastStack.parentElement === null) {
-        document.body.append(_TerraAlert.toastStack);
-      }
-      _TerraAlert.toastStack.appendChild(this);
-      requestAnimationFrame(() => {
-        this.clientWidth;
-        this.show();
-      });
-      this.addEventListener(
-        "terra-after-hide",
-        () => {
-          _TerraAlert.toastStack.removeChild(this);
-          resolve();
-          if (_TerraAlert.toastStack.querySelector("terra-alert") === null) {
-            _TerraAlert.toastStack.remove();
-          }
-        },
-        { once: true }
-      );
-    });
-  }
-  render() {
-    return x`
-            <div
-                part="base"
-                class=${e({
-      alert: true,
-      "alert--open": this.open,
-      "alert--closable": this.closable,
-      "alert--has-countdown": !!this.countdown,
-      "alert--has-icon": this.hasSlotController.test("icon"),
-      "alert--primary": this.variant === "primary",
-      "alert--success": this.variant === "success",
-      "alert--neutral": this.variant === "neutral",
-      "alert--warning": this.variant === "warning",
-      "alert--danger": this.variant === "danger",
-      "alert--filled": this.appearance === "filled",
-      "alert--white": this.appearance === "white"
-    })}
-                role="alert"
-                aria-hidden=${this.open ? "false" : "true"}
-                @mouseenter=${this.pauseAutoHide}
-                @mouseleave=${this.resumeAutoHide}
-            >
-                <div part="icon" class="alert__icon">
-                    <slot name="icon"></slot>
-                </div>
-
-                <div part="message" class="alert__message" aria-live="polite">
-                    <slot></slot>
-                </div>
-
-                ${this.closable ? x`
-                          <terra-icon
-                              class="alert__close-button"
-                              name="solid-x-mark"
-                              library="heroicons"
-                              @click=${this.handleCloseClick}
-                          ></terra-icon>
-                      ` : ""}
-
-                <div role="timer" class="alert__timer">${this.remainingTime}</div>
-
-                ${this.countdown ? x`
-                          <div
-                              class=${e({
-      alert__countdown: true,
-      "alert__countdown--ltr": this.countdown === "ltr"
-    })}
-                          >
-                              <div class="alert__countdown-elapsed"></div>
-                          </div>
-                      ` : ""}
-            </div>
-        `;
-  }
-};
-_TerraAlert.styles = [component_styles_default, alert_styles_default];
-__decorateClass([
-  e2('[part~="base"]')
-], _TerraAlert.prototype, "base", 2);
-__decorateClass([
-  e2(".alert__countdown-elapsed")
-], _TerraAlert.prototype, "countdownElement", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], _TerraAlert.prototype, "open", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], _TerraAlert.prototype, "closable", 2);
-__decorateClass([
-  n({ reflect: true })
-], _TerraAlert.prototype, "variant", 2);
-__decorateClass([
-  n({ reflect: true })
-], _TerraAlert.prototype, "appearance", 2);
-__decorateClass([
-  n({ type: Number })
-], _TerraAlert.prototype, "duration", 2);
-__decorateClass([
-  n({ type: String, reflect: true })
-], _TerraAlert.prototype, "countdown", 2);
-__decorateClass([
-  r()
-], _TerraAlert.prototype, "remainingTime", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], _TerraAlert.prototype, "handleOpenChange", 1);
-__decorateClass([
-  watch("duration")
-], _TerraAlert.prototype, "handleDurationChange", 1);
-var TerraAlert = _TerraAlert;
-
-export {
-  TerraAlert
-};

package/cdn/chunks/chunk.WHRRXMP2.js

@@ -1,229 +0,0 @@
-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 {
-  Leaflet
-} from "./chunk.4UFYI2TK.js";
-import {
-  h
-} from "./chunk.AH6W6EGS.js";
-import {
-  o
-} from "./chunk.RRPJMP3C.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.RMVH2WPH.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.noWorldWrap = 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,
-      noWorldWrap: this.noWorldWrap
-    });
-    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({ attribute: "no-world-wrap", type: Boolean })
-], TerraMap.prototype, "noWorldWrap", 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
-};