@nasa-terra/components 0.0.68 → 0.0.70

package/cdn/chunks/chunk.B6JXOXP5.js

@@ -1,348 +0,0 @@
-import {
-  TimeSeriesController
-} from "./chunk.T53RBNNE.js";
-import {
-  time_series_styles_default
-} from "./chunk.QQQ2BD4U.js";
-import {
-  TerraPlot
-} from "./chunk.GUYBX63F.js";
-import {
-  TerraPlotToolbar
-} from "./chunk.FNTPKP6P.js";
-import {
-  AuthController
-} from "./chunk.KIC5ZCAM.js";
-import {
-  TerraLoader
-} from "./chunk.UDCRU3NE.js";
-import {
-  TerraButton
-} from "./chunk.PAJVTERU.js";
-import {
-  GiovanniVariableCatalog
-} from "./chunk.JUQDLDHB.js";
-import {
-  formatDate
-} from "./chunk.IC4T7CZD.js";
-import {
-  TerraAlert
-} from "./chunk.UZZDJISQ.js";
-import {
-  TerraIcon
-} from "./chunk.2AIVKD54.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.O6SXSDFR.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/time-series/time-series.component.ts
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { Task, TaskStatus } from "@lit/task";
-import { cache } from "lit/directives/cache.js";
-var _timeSeriesController, _catalog, _fetchVariableTask, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _handleComponentLeave, handleComponentLeave_fn, _getYAxisLabel, getYAxisLabel_fn, _handlePlotRelayout, handlePlotRelayout_fn;
-var TerraTimeSeries = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _confirmDataPointWarning);
-    __privateAdd(this, _cancelDataPointWarning);
-    /**
-     * aborts the underlying data loading task, which cancels the network request
-     */
-    __privateAdd(this, _abortDataLoad);
-    __privateAdd(this, _handleComponentLeave);
-    __privateAdd(this, _getYAxisLabel);
-    __privateAdd(this, _handlePlotRelayout);
-    __privateAdd(this, _timeSeriesController, void 0);
-    this.quotaExceededOpen = false;
-    this.showDataPointWarning = false;
-    this.estimatedDataPoints = 0;
-    __privateAdd(this, _catalog, new GiovanniVariableCatalog());
-    this._authController = new AuthController(this);
-    // @ts-expect-error
-    __privateAdd(this, _fetchVariableTask, new Task(this, {
-      task: async (_args, { signal }) => {
-        var _a, _b, _c, _d;
-        const variableEntryId = this.getVariableEntryId();
-        console.debug("fetch variable ", variableEntryId);
-        if (!variableEntryId) {
-          return;
-        }
-        const variable = await __privateGet(this, _catalog).getVariable(variableEntryId, {
-          signal
-        });
-        console.debug("found variable ", variable);
-        if (!variable) {
-          return;
-        }
-        this.startDate = (_b = this.startDate) != null ? _b : (_a = variable.exampleInitialStartDate) == null ? void 0 : _a.toISOString();
-        this.endDate = (_d = this.endDate) != null ? _d : (_c = variable.exampleInitialEndDate) == null ? void 0 : _c.toISOString();
-        this.catalogVariable = variable;
-      },
-      args: () => [this.variableEntryId, this.collection, this.variable]
-    }));
-    __privateAdd(this, _handleQuotaError, (event) => {
-      const { status } = event.detail;
-      if (status === 429) {
-        this.quotaExceededOpen = true;
-      }
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener(
-      "terra-time-series-error",
-      __privateGet(this, _handleQuotaError)
-    );
-    __privateSet(this, _timeSeriesController, new TimeSeriesController(this));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener(
-      "terra-time-series-error",
-      __privateGet(this, _handleQuotaError)
-    );
-  }
-  render() {
-    var _a, _b, _c;
-    return html`
-            <div class="plot-container" @mouseleave=${__privateMethod(this, _handleComponentLeave, handleComponentLeave_fn)}>
-                ${this.quotaExceededOpen ? html`
-                          <terra-alert
-                              variant="warning"
-                              duration="10000"
-                              open=${this.quotaExceededOpen}
-                              closable
-                              @terra-after-hide=${() => this.quotaExceededOpen = false}
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-exclamation-triangle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              You've exceeded your request quota. Please
-                              <a
-                                  href="https://disc.gsfc.nasa.gov/information/documents?title=Contact%20Us"
-                                  >contact the help desk</a
-                              >
-                              for further assistance.
-                          </terra-alert>
-                      ` : ""}
-                ${cache(
-      this.catalogVariable ? html`<terra-plot-toolbar
-                              .catalogVariable=${this.catalogVariable}
-                              .plot=${this.plot}
-                              .timeSeriesData=${(_a = __privateGet(this, _timeSeriesController).lastTaskValue) != null ? _a : __privateGet(this, _timeSeriesController).emptyPlotData}
-                              .location=${this.location}
-                              .startDate=${this.startDate}
-                              .endDate=${this.endDate}
-                              .cacheKey=${__privateGet(this, _timeSeriesController).getCacheKey()}
-                              .variableEntryId=${this.variableEntryId}
-                          ></terra-plot-toolbar>` : html`<div class="spacer"></div>`
-    )}
-
-                <terra-plot
-                    exportparts="base:plot__base, plot-title:plot__title"
-                    .data=${(_b = __privateGet(this, _timeSeriesController).lastTaskValue) != null ? _b : __privateGet(this, _timeSeriesController).emptyPlotData}
-                    .layout="${{
-      xaxis: {
-        title: "Time",
-        showgrid: false,
-        zeroline: false,
-        range: (
-          // manually set the range as we may adjust it when we fetch new data as a user pans/zooms the plot
-          this.startDate && this.endDate ? [this.startDate, this.endDate] : void 0
-        )
-      },
-      yaxis: {
-        title: __privateMethod(this, _getYAxisLabel, getYAxisLabel_fn).call(this),
-        showline: false
-      },
-      title: {
-        text: this.catalogVariable && this.location ? `${this.catalogVariable.dataProductShortName} @ ${this.location}` : null
-      }
-    }}"
-                    .config=${{
-      displayModeBar: true,
-      displaylogo: false,
-      modeBarButtonsToRemove: ["toImage", "zoom2d", "resetScale2d"],
-      responsive: true
-    }}
-                    @terra-plot-relayout=${__privateMethod(this, _handlePlotRelayout, handlePlotRelayout_fn)}
-                ></terra-plot>
-            </div>
-
-            <dialog
-                ?open=${__privateGet(this, _timeSeriesController).task.status === TaskStatus.PENDING}
-            >
-                <terra-loader indeterminate></terra-loader>
-                <p>Plotting ${(_c = this.catalogVariable) == null ? void 0 : _c.dataFieldId}&hellip;</p>
-                <terra-button @click=${__privateMethod(this, _abortDataLoad, abortDataLoad_fn)}>Cancel</terra-button>
-            </dialog>
-
-            <dialog ?open=${this.showDataPointWarning} class="quota-dialog">
-                <h2>This is a large request</h2>
-
-                <p>
-                    You are requesting approximately
-                    ${this.estimatedDataPoints.toLocaleString()} data points.
-                </p>
-
-                <p>
-                    Requesting large amounts of data may cause you to reach your
-                    monthly quota limit.
-                </p>
-
-                <p>Would you still like to proceed with this request?</p>
-
-                <div class="dialog-buttons">
-                    <terra-button
-                        @click=${__privateMethod(this, _cancelDataPointWarning, cancelDataPointWarning_fn)}
-                        variant="default"
-                    >
-                        Cancel
-                    </terra-button>
-
-                    <terra-button
-                        @click=${__privateMethod(this, _confirmDataPointWarning, confirmDataPointWarning_fn)}
-                        variant="primary"
-                    >
-                        Proceed
-                    </terra-button>
-                </div>
-            </dialog>
-        `;
-  }
-  getVariableEntryId() {
-    var _a;
-    if (!this.variableEntryId && !(this.collection && this.variable)) {
-      return;
-    }
-    return (_a = this.variableEntryId) != null ? _a : `${this.collection}_${this.variable}`;
-  }
-};
-_timeSeriesController = new WeakMap();
-_catalog = new WeakMap();
-_fetchVariableTask = new WeakMap();
-_handleQuotaError = new WeakMap();
-_confirmDataPointWarning = new WeakSet();
-confirmDataPointWarning_fn = function() {
-  __privateGet(this, _timeSeriesController).confirmDataPointWarning();
-  __privateGet(this, _timeSeriesController).task.run();
-};
-_cancelDataPointWarning = new WeakSet();
-cancelDataPointWarning_fn = function() {
-  this.showDataPointWarning = false;
-};
-_abortDataLoad = new WeakSet();
-abortDataLoad_fn = function() {
-  var _a;
-  (_a = __privateGet(this, _timeSeriesController).task) == null ? void 0 : _a.abort();
-};
-_handleComponentLeave = new WeakSet();
-handleComponentLeave_fn = function(event) {
-  var _a;
-  const relatedTarget = event.relatedTarget;
-  if (!this.contains(relatedTarget)) {
-    (_a = this.plotToolbar) == null ? void 0 : _a.closeMenu();
-  }
-};
-_getYAxisLabel = new WeakSet();
-getYAxisLabel_fn = function() {
-  if (!this.catalogVariable) {
-    return;
-  }
-  return [this.catalogVariable.dataFieldUnits].filter(Boolean).join(", ");
-};
-_handlePlotRelayout = new WeakSet();
-handlePlotRelayout_fn = function(e) {
-  let changed = false;
-  if (e.detail.xAxisMin) {
-    this.startDate = formatDate(e.detail.xAxisMin);
-    changed = true;
-  }
-  if (e.detail.xAxisMax) {
-    this.endDate = formatDate(e.detail.xAxisMax);
-    changed = true;
-  }
-  if (changed) {
-    this.dispatchEvent(
-      new CustomEvent("terra-date-range-change", {
-        detail: {
-          startDate: this.startDate,
-          endDate: this.endDate
-        },
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-};
-TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
-TerraTimeSeries.dependencies = {
-  "terra-plot": TerraPlot,
-  "terra-loader": TerraLoader,
-  "terra-icon": TerraIcon,
-  "terra-button": TerraButton,
-  "terra-alert": TerraAlert,
-  "terra-plot-toolbar": TerraPlotToolbar
-};
-__decorateClass([
-  property({ attribute: "variable-entry-id", reflect: true })
-], TerraTimeSeries.prototype, "variableEntryId", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraTimeSeries.prototype, "collection", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraTimeSeries.prototype, "variable", 2);
-__decorateClass([
-  property({
-    attribute: "start-date",
-    reflect: true
-  })
-], TerraTimeSeries.prototype, "startDate", 2);
-__decorateClass([
-  property({
-    attribute: "end-date",
-    reflect: true
-  })
-], TerraTimeSeries.prototype, "endDate", 2);
-__decorateClass([
-  property({
-    reflect: true
-  })
-], TerraTimeSeries.prototype, "location", 2);
-__decorateClass([
-  property({ attribute: "bearer-token", reflect: false })
-], TerraTimeSeries.prototype, "bearerToken", 2);
-__decorateClass([
-  query("terra-plot")
-], TerraTimeSeries.prototype, "plot", 2);
-__decorateClass([
-  query("terra-plot-toolbar")
-], TerraTimeSeries.prototype, "plotToolbar", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "catalogVariable", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "quotaExceededOpen", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "showDataPointWarning", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "estimatedDataPoints", 2);
-
-export {
-  TerraTimeSeries
-};

package/cdn/chunks/chunk.BEDYDFXT.js

@@ -1,52 +0,0 @@
-// src/components/map/map.styles.ts
-import { css } from "lit";
-var map_styles_default = css`
-    :host {
-        display: block;
-        padding: 16px;
-        background: var(--terra-map-background-color);
-        border: 1px solid var(--terra-map-border-color);
-    }
-
-    .map {
-        aspect-ratio: 4 / 3;
-        border: solid 1px var(--terra-map-border-color);
-    }
-
-    .leaflet-mouse-position-container {
-        color: var(--terra-input-color);
-        padding: 5px;
-        background-color: var(--terra-input-background-color);
-    }
-
-    .leaflet-mouse-position-text {
-        margin: 0;
-        font-weight: 700;
-    }
-
-    .form-control {
-        display: block;
-        width: 100%;
-        height: 36px;
-        padding: 6px 12px;
-        background-image: none;
-        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-        -webkit-transition:
-            border-color ease-in-out 0.15s,
-            box-shadow ease-in-out 0.15s;
-        transition:
-            border-color ease-in-out 0.15s,
-            box-shadow ease-in-out 0.15s;
-    }
-
-    .map__select {
-        width: 100%;
-        box-shadow: none;
-        margin-bottom: 1rem;
-    }
-`;
-
-export {
-  map_styles_default
-};

package/cdn/chunks/chunk.BRVCFRLF.js

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

package/cdn/chunks/chunk.CIFC3RF3.js

@@ -1,43 +0,0 @@
-import {
-  library_default_default
-} from "./chunk.AZXB7ZHM.js";
-import {
-  library_heroicons_default
-} from "./chunk.7CMA526Q.js";
-
-// src/components/icon/library.ts
-var registry = [library_default_default, library_heroicons_default];
-var watchedIcons = [];
-function watchIcon(icon) {
-  watchedIcons.push(icon);
-}
-function unwatchIcon(icon) {
-  watchedIcons = watchedIcons.filter((el) => el !== icon);
-}
-function getIconLibrary(name) {
-  return registry.find((lib) => lib.name === name);
-}
-function registerIconLibrary(name, options) {
-  unregisterIconLibrary(name);
-  registry.push({
-    name,
-    resolver: options.resolver,
-    mutator: options.mutator
-  });
-  watchedIcons.forEach((icon) => {
-    if (icon.library === name) {
-      icon.setIcon();
-    }
-  });
-}
-function unregisterIconLibrary(name) {
-  registry = registry.filter((lib) => lib.name !== name);
-}
-
-export {
-  watchIcon,
-  unwatchIcon,
-  getIconLibrary,
-  registerIconLibrary,
-  unregisterIconLibrary
-};

package/cdn/chunks/chunk.D3DPGMVW.js

@@ -1,222 +0,0 @@
-// src/components/variable-keyword-search/variable-keyword-search.styles.ts
-import { css } from "lit";
-var variable_keyword_search_styles_default = css`
-    :host {
-        --label-height: 1.8125rem;
-
-        block-size: var(--terra-block-size, 2.1875rem);
-        box-sizing: border-box;
-        color: #1b1b1b; /* HDS uses this color for body text but does not have a defined color in the HDS palette */
-        contain: layout size style;
-        contain-intrinsic-size: var(--terra-inline-size, 100%)
-            calc(33vh + var(--terra-block-size, 2.1875rem));
-        display: block;
-        font-family: var(--terra-font-family--public-sans);
-        inline-size: var(--terra-inline-size, 100%);
-        position: relative;
-        z-index: 10;
-    }
-
-    * {
-        box-sizing: inherit;
-    }
-
-    .search-input-group {
-        block-size: 100%;
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-    .combobox {
-        block-size: var(--terra-block-size, 2.25rem);
-        flex: 1 1 auto;
-        padding-inline: 2rem;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .combobox::placeholder {
-        color: var(--terra-color-carbon-60);
-    }
-
-    .combobox:focus {
-        border-color: var(--terra-color-carbon-40);
-        outline: 0;
-    }
-
-    .search-input-group:has(.combobox:not(:focus)) + .search-results[open] {
-        border-color: var(--terra-color-carbon-30);
-    }
-
-    .search-input-button {
-        margin-block: 0;
-        margin-inline: 0;
-        outline: 0;
-        position: absolute;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-        z-index: 2;
-    }
-
-    .search-input-button::part(base) {
-        border-color: transparent;
-    }
-
-    .search-input-button::part(base):hover {
-        background-color: transparent;
-        border-color: var(--terra-color-nasa-blue-shade);
-        color: var(--terra-button-outline-text-color);
-    }
-
-    .search-button {
-        left: 0;
-    }
-
-    .clear-button {
-        right: 0;
-    }
-
-    .button-icon {
-        height: 1rem;
-        width: 1rem;
-    }
-
-    .spinner {
-        transform-origin: center;
-        animation: spin 2s linear infinite;
-    }
-
-    .spinner circle {
-        stroke-linecap: round;
-        animation: vary-stroke 1.5s ease-in-out infinite;
-    }
-
-    .external-link {
-        fill: currentColor;
-        vertical-align: middle;
-    }
-
-    .search-results {
-        background-color: var(--terra-color-spacesuit-white);
-        block-size: calc(33vh - var(--terra-block-size, 2.1875rem));
-        border-block-end: 2px solid transparent;
-        border-inline: 2px solid transparent;
-        contain: strict;
-        contain-intrinsic-size: var(--terra-inline-size, 100%)
-            calc(33vh - var(--terra-block-size, 2.1875rem));
-        content-visibility: hidden;
-        left: 0;
-        margin-block: 0;
-        margin-inline: 0;
-        max-height: 0;
-        opacity: 0;
-        overflow-y: auto;
-        overscroll-behavior: contain;
-        padding-block: 0.5rem;
-        padding-inline: 0rem;
-        position: absolute;
-        right: 0;
-        visibility: hidden;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .search-results[open] {
-        border-color: var(--terra-color-carbon-40);
-        content-visibility: auto;
-        max-height: calc(33vh - var(--terra-block-size, 2.1875rem));
-        opacity: 1;
-        visibility: visible;
-    }
-
-    .search-results .updating {
-        font-size: var(--terra-font-size-x-large);
-        padding-block: 4rem;
-        text-align: center;
-    }
-
-    .search-results .error {
-        color: var(--terra-color-nasa-red);
-        font-family: var(--terra-font-family--dm-mono);
-        padding-block: 2rem;
-    }
-
-    .listbox-option-group {
-        padding-inline: 0.5rem;
-        padding-block: 1rem 0.5rem;
-    }
-
-    .listbox-option-group:has(.clear-button) {
-        text-align: center;
-    }
-
-    .group-title {
-        font-family: var(--terra-font-family--inter);
-        font-weight: 700;
-        margin-block: 0;
-    }
-
-    .listbox-option {
-        cursor: pointer;
-        list-style: none;
-        padding-inline: 0.5rem;
-        transition: background-color 0.1s ease-in-out;
-    }
-
-    .listbox-option[aria-selected='true'] {
-        animation: traverse 0.2s ease-in-out forwards;
-        background-color: var(--terra-color-nasa-blue-shade);
-        color: var(--terra-color-spacesuit-white);
-    }
-
-    @media (prefers-reduced-motion) {
-        .button-icon {
-            transition: rotate 0s ease;
-        }
-
-        .search-results {
-            scroll-behavior: auto;
-        }
-    }
-
-    @keyframes traverse {
-        from {
-            filter: brightness(0.8);
-            opacity: 0.8;
-        }
-
-        to {
-            filter: brightness(1);
-            opacity: 1;
-        }
-    }
-
-    @keyframes spin {
-        to {
-            transform: rotate(1turn);
-        }
-    }
-
-    @keyframes vary-stroke {
-        0% {
-            stroke-dasharray: 0 150;
-            stroke-dashoffset: 0;
-        }
-        47.5% {
-            stroke-dasharray: 42 150;
-            stroke-dashoffset: -16;
-        }
-        95%,
-        100% {
-            stroke-dasharray: 42 150;
-            stroke-dashoffset: -59;
-        }
-    }
-`;
-
-export {
-  variable_keyword_search_styles_default
-};