@nasa-terra/components 0.0.146 → 0.0.148

package/dist/chunks/chunk.YB2HW4RD.js

@@ -1,11 +0,0 @@
-import {
-  TerraRadioGroup
-} from "./chunk.ROTDM5PO.js";
-
-// src/components/radio-group/radio-group.ts
-var radio_group_default = TerraRadioGroup;
-TerraRadioGroup.define("terra-radio-group");
-
-export {
-  radio_group_default
-};

package/dist/chunks/chunk.YHNSW265.js

@@ -1,229 +0,0 @@
-import {
-  data_subsetter_history_styles_default
-} from "./chunk.7674U7FT.js";
-import {
-  TerraDataSubsetter
-} from "./chunk.KVWBDTVE.js";
-import {
-  TerraDialog
-} from "./chunk.2H7Y4QZW.js";
-import {
-  DataSubsetterHistoryController
-} from "./chunk.WVJDTT7W.js";
-import {
-  AuthController
-} from "./chunk.DHM36JBP.js";
-import {
-  TerraIcon
-} from "./chunk.2Y2SR6DW.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.ARSHNYXW.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
-};

package/dist/chunks/chunk.YHQMEGNP.js

@@ -1,21 +0,0 @@
-import {
-  TerraStatusIndicator
-} from "./chunk.RQQ4RAE2.js";
-
-// src/react/status-indicator/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-status-indicator";
-TerraStatusIndicator.define("terra-status-indicator");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraStatusIndicator,
-  react: React,
-  events: {},
-  displayName: "TerraStatusIndicator"
-});
-var status_indicator_default = reactWrapper;
-
-export {
-  status_indicator_default
-};

package/dist/chunks/chunk.YOEQGKZU.js

@@ -1,214 +0,0 @@
-// src/components/earthdata-login/earthdata-login.styles.ts
-import { css } from "lit";
-var earthdata_login_styles_default = css`
-    :host {
-        box-sizing: border-box;
-        color: #1b1b1b; /* HDS uses this color for body text but does not have a defined color in the HDS palette */
-        display: block;
-        font-family: var(--terra-font-family--public-sans);
-    }
-
-    .login-container {
-        background: var(--terra-color-spacesuit-white);
-        border-radius: var(--terra-border-radius-large);
-        box-shadow: var(--terra-shadow-medium);
-        overflow: hidden;
-        width: 100%;
-        max-width: 420px;
-    }
-
-    .login-header {
-        background: var(--terra-color-carbon-black);
-        padding: var(--terra-spacing-medium);
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: var(--terra-spacing-small);
-    }
-
-    .login-header > a:first-child {
-        display: flex;
-        align-items: center;
-        gap: var(--terra-spacing-small);
-        text-decoration: none;
-        color: var(--terra-color-spacesuit-white);
-    }
-
-    .login-header .help-link {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        text-decoration: none;
-        color: var(--terra-color-spacesuit-white);
-        background-color: var(--terra-color-carbon-40);
-        border: 1px solid var(--terra-color-carbon-40);
-        border-radius: 50%;
-        width: 1.5rem;
-        height: 1.5rem;
-        transition:
-            background-color var(--terra-transition-fast),
-            border-color var(--terra-transition-fast);
-    }
-
-    .login-header .help-link terra-icon {
-        font-size: 0.875em;
-    }
-
-    .login-header .help-link:hover,
-    .login-header .help-link:focus-visible {
-        background-color: var(--terra-color-carbon-50);
-        border-color: var(--terra-color-carbon-50);
-        color: var(--terra-color-spacesuit-white);
-    }
-
-    .login-header .help-link:focus-visible {
-        outline: 2px solid var(--terra-color-spacesuit-white);
-        outline-offset: 2px;
-    }
-
-    .login-header > a:first-child terra-icon {
-        width: 40px;
-        height: 34px;
-    }
-
-    .login-header h1 {
-        color: var(--terra-color-spacesuit-white);
-        font-size: var(--terra-font-size-medium);
-        font-weight: var(--terra-font-weight-normal);
-        margin: 0;
-        font-family: var(--terra-font-family--public-sans);
-    }
-
-    .login-form {
-        padding: var(--terra-spacing-large);
-    }
-
-    .login-form terra-input {
-        display: block;
-        margin-bottom: var(--terra-spacing-medium);
-    }
-
-    /* Make inputs more compact by reducing internal spacing */
-    .login-form terra-input::part(input) {
-        padding: var(--terra-spacing-x-small) var(--terra-spacing-small);
-        font-size: var(--terra-font-size-small);
-    }
-
-    .login-button {
-        width: 100%;
-    }
-
-    .help-text {
-        color: var(--terra-color-carbon-60);
-        font-size: var(--terra-font-size-small);
-        line-height: var(--terra-line-height-normal);
-        margin-block: 0;
-    }
-
-    label,
-    input {
-        display: block;
-    }
-
-    input {
-        padding-inline: 0.5em;
-    }
-
-    terra-button[data-task-status='2']::part(base),
-    terra-button[data-task-status='3']::part(base) {
-        padding-inline: 0;
-
-        transition-delay: 4s;
-        transition-property: padding-inline;
-    }
-
-    terra-button[data-task-status='2']::part(label),
-    terra-button[data-task-status='3']::part(label) {
-        padding-inline: var(--terra-spacing-medium);
-    }
-
-    .login-task {
-        animation-delay: 4s;
-        animation-duration: 0.3s;
-        animation-fill-mode: forwards;
-        animation-name: fade-out;
-        animation-timing-function: ease-in;
-
-        transition-behavior: allow-discrete;
-    }
-
-    .login-task--pending {
-        font-size: 1em;
-    }
-
-    .login-task--complete {
-        color: var(--terra-color-active-green-tint);
-        font-size: 1.8em;
-    }
-
-    .login-task--error {
-        color: var(--terra-color-international-orange-tint);
-        font-size: 1.8em;
-    }
-
-    .form-feedback {
-        color: var(--terra-color-nasa-red-shade);
-        display: block;
-        font-size: 0.875em;
-        margin-top: var(--terra-spacing-small);
-    }
-
-    .form-feedback .link {
-        display: inline-block;
-        margin-right: var(--terra-spacing-small);
-    }
-
-    @keyframes fade-out {
-        0% {
-            opacity: 1;
-            scale: 1;
-        }
-
-        50% {
-            opacity: 0;
-            scale: 1;
-        }
-
-        95% {
-            opacity: 0;
-            scale: 1;
-        }
-
-        100% {
-            display: none;
-            opacity: 0;
-            scale: 0;
-            font-size: 0;
-        }
-    }
-
-    /* Dark Mode Styles
-     * Dark mode uses CSS variables that change automatically when .terra-theme-dark class
-     * is applied or when prefers-color-scheme: dark is active with .terra-prefers-color-scheme
-     */
-    @media (prefers-color-scheme: dark) {
-        .login-container {
-            background: var(--terra-color-carbon-10);
-        }
-
-        .login-header .help-link {
-            background-color: var(--terra-color-carbon-60);
-            border-color: var(--terra-color-carbon-60);
-        }
-
-        .login-header .help-link:hover,
-        .login-header .help-link:focus-visible {
-            background-color: var(--terra-color-carbon-50);
-            border-color: var(--terra-color-carbon-50);
-        }
-    }
-`;
-
-export {
-  earthdata_login_styles_default
-};

package/dist/chunks/chunk.YZ7YDVM4.js

@@ -1,161 +0,0 @@
-import {
-  TerraVariableCombobox
-} from "./chunk.HTDDMELY.js";
-import {
-  TerraTimeSeries
-} from "./chunk.QTHHBDBZ.js";
-import {
-  getFetchVariableTask
-} from "./chunk.RO4MUFVF.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.PFOPI3VS.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.OUX5ZAJF.js";
-import {
-  getVariableEntryId
-} from "./chunk.CGVPVXTX.js";
-import {
-  data_rods_styles_default
-} from "./chunk.KDXR6RAM.js";
-import {
-  getUTCDate
-} from "./chunk.Y4QEHGFE.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.ARSHNYXW.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateMethod
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/data-rods/data-rods.component.ts
-import { property, state } from "lit/decorators.js";
-import { html } from "lit";
-var _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn;
-var TerraDataRods = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    /**
-     * anytime the date range slider changes, update the start and end date
-     */
-    __privateAdd(this, _handleDateRangeSliderChangeEvent);
-    __privateAdd(this, _handleVariableChange);
-    __privateAdd(this, _handleMapChange);
-    __privateAdd(this, _handleTimeSeriesDateRangeChange);
-    this._fetchVariableTask = getFetchVariableTask(this);
-  }
-  render() {
-    var _a;
-    const minDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductBeginDateTime) : void 0;
-    const maxDate = this.catalogVariable ? getUTCDate(this.catalogVariable.dataProductEndDateTime) : void 0;
-    return html`
-            <terra-variable-combobox
-                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
-                .value=${getVariableEntryId(this)}
-                .bearerToken=${(_a = this.bearerToken) != null ? _a : null}
-                .useTags=${true}
-                @terra-combobox-change="${__privateMethod(this, _handleVariableChange, handleVariableChange_fn)}"
-            ></terra-variable-combobox>
-
-            <terra-spatial-picker
-                initial-value=${this.location}
-                exportparts="map:spatial-picker__map, leaflet-bbox:spatial-picker__leaflet-bbox, leaflet-point:spatial-picker__leaflet-point"
-                label="Select Point"
-                @terra-map-change=${__privateMethod(this, _handleMapChange, handleMapChange_fn)}
-            ></terra-spatial-picker>
-
-            <terra-time-series
-                variable-entry-id=${getVariableEntryId(this)}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                location=${this.location}
-                bearer-token=${this.bearerToken}
-                show-citation=${true}
-                @terra-date-range-change=${__privateMethod(this, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn)}
-            >
-                <li slot="help-links">
-                    <a
-                        href="https://disc.gsfc.nasa.gov/information/tools?title=Hydrology%20Time%20Series"
-                        >User Guide</a
-                    >
-                </li>
-            </terra-time-series>
-
-            <terra-date-range-slider
-                exportparts="slider:date-range-slider__slider"
-                min-date=${minDate}
-                max-date=${maxDate}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                @terra-date-range-change="${__privateMethod(this, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn)}"
-            ></terra-date-range-slider>
-        `;
-  }
-};
-_handleDateRangeSliderChangeEvent = new WeakSet();
-handleDateRangeSliderChangeEvent_fn = function(event) {
-  this.startDate = event.detail.startDate;
-  this.endDate = event.detail.endDate;
-};
-_handleVariableChange = new WeakSet();
-handleVariableChange_fn = function(event) {
-  this.variableEntryId = event.detail.entryId;
-};
-_handleMapChange = new WeakSet();
-handleMapChange_fn = function(event) {
-  if (event.detail.type === "point" /* POINT */) {
-    this.location = `${event.detail.latLng.lat.toFixed(4)},${event.detail.latLng.lng.toFixed(4)}`;
-  }
-};
-_handleTimeSeriesDateRangeChange = new WeakSet();
-handleTimeSeriesDateRangeChange_fn = function(event) {
-  this.startDate = event.detail.startDate;
-  this.endDate = event.detail.endDate;
-};
-TerraDataRods.styles = [component_styles_default, data_rods_styles_default];
-TerraDataRods.dependencies = {
-  "terra-time-series": TerraTimeSeries,
-  "terra-date-range-slider": TerraDateRangeSlider,
-  "terra-spatial-picker": TerraSpatialPicker,
-  "terra-variable-combobox": TerraVariableCombobox
-};
-__decorateClass([
-  property({ attribute: "variable-entry-id", reflect: true })
-], TerraDataRods.prototype, "variableEntryId", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraDataRods.prototype, "collection", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraDataRods.prototype, "variable", 2);
-__decorateClass([
-  property({
-    attribute: "start-date",
-    reflect: true
-  })
-], TerraDataRods.prototype, "startDate", 2);
-__decorateClass([
-  property({
-    attribute: "end-date",
-    reflect: true
-  })
-], TerraDataRods.prototype, "endDate", 2);
-__decorateClass([
-  property({
-    reflect: true
-  })
-], TerraDataRods.prototype, "location", 2);
-__decorateClass([
-  property({ attribute: "bearer-token", reflect: false })
-], TerraDataRods.prototype, "bearerToken", 2);
-__decorateClass([
-  state()
-], TerraDataRods.prototype, "catalogVariable", 2);
-
-export {
-  TerraDataRods
-};

package/dist/chunks/chunk.Z3NYHC6Y.js

@@ -1,11 +0,0 @@
-import {
-  TerraOption
-} from "./chunk.ICNQF3X6.js";
-
-// src/components/option/option.ts
-var option_default = TerraOption;
-TerraOption.define("terra-option");
-
-export {
-  option_default
-};