@nasa-terra/components 0.0.7 → 0.0.9

package/dist/chunks/chunk.RFKXBNLY.js

@@ -1,102 +0,0 @@
-import {
-  __decorateClass,
-  __spreadValues
-} from "./chunk.RYPAZDXE.js";
-
-// src/styles/component.styles.ts
-import { css } from "lit";
-var component_styles_default = css`
-    :host {
-        box-sizing: border-box;
-    }
-
-    :host *,
-    :host *::before,
-    :host *::after {
-        box-sizing: inherit;
-    }
-
-    [hidden] {
-        display: none !important;
-    }
-
-    /* UTILITY CSS */
-    .sr-only {
-        block-size: 1px;
-        border-width: 0;
-        clip: rect(0, 0, 0, 0);
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        white-space: nowrap;
-        width: 1px;
-    }
-`;
-
-// src/internal/terra-element.ts
-import { LitElement } from "lit";
-import { property } from "lit/decorators.js";
-var TerraElement = class extends LitElement {
-  emit(name, options) {
-    const event = new CustomEvent(name, __spreadValues({
-      bubbles: true,
-      cancelable: false,
-      composed: true,
-      detail: {}
-    }, options));
-    this.dispatchEvent(event);
-    return event;
-  }
-  /* eslint-enable */
-  static define(name, elementConstructor = this, options = {}) {
-    const currentlyRegisteredConstructor = customElements.get(name);
-    if (!currentlyRegisteredConstructor) {
-      customElements.define(
-        name,
-        class extends elementConstructor {
-        },
-        options
-      );
-      return;
-    }
-    let newVersion = " (unknown version)";
-    let existingVersion = newVersion;
-    if ("version" in elementConstructor && elementConstructor.version) {
-      newVersion = " v" + elementConstructor.version;
-    }
-    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
-      existingVersion = " v" + currentlyRegisteredConstructor.version;
-    }
-    if (newVersion && existingVersion && newVersion === existingVersion) {
-      return;
-    }
-    console.warn(
-      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
-    );
-  }
-  constructor() {
-    super();
-    Object.entries(
-      this.constructor.dependencies
-    ).forEach(([name, component]) => {
-      ;
-      this.constructor.define(name, component);
-    });
-  }
-};
-/* eslint-disable */
-// @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.7";
-TerraElement.dependencies = {};
-__decorateClass([
-  property()
-], TerraElement.prototype, "dir", 2);
-__decorateClass([
-  property()
-], TerraElement.prototype, "lang", 2);
-
-export {
-  component_styles_default,
-  TerraElement
-};

package/dist/chunks/chunk.S3WKONT5.js

@@ -1,274 +0,0 @@
-import {
-  TerraVariableCombobox
-} from "./chunk.Y72ZRL5L.js";
-import {
-  spatial_picker_default
-} from "./chunk.UNE3VYFP.js";
-import {
-  TimeSeriesController
-} from "./chunk.52JSYSOV.js";
-import {
-  time_series_styles_default
-} from "./chunk.GPUFE4ML.js";
-import {
-  TerraPlot
-} from "./chunk.IEHDLSGA.js";
-import {
-  TerraLoader
-} from "./chunk.XW5YT7AB.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.GBVXVADE.js";
-import {
-  watch
-} from "./chunk.ZK7QVWBI.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.RFKXBNLY.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod
-} from "./chunk.RYPAZDXE.js";
-
-// src/components/time-series/time-series.component.ts
-import dayjs from "dayjs";
-import utc from "dayjs/plugin/utc.js";
-import timezone from "dayjs/plugin/timezone.js";
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { TaskStatus } from "@lit/task";
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.tz.setDefault("Etc/GMT");
-var _timeSeriesController, _adaptPropertyToController, adaptPropertyToController_fn, _maybeSliceTimeForStartEnd, maybeSliceTimeForStartEnd_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _abortDataLoad, abortDataLoad_fn;
-var TerraTimeSeries = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _adaptPropertyToController);
-    /**
-     * The Collection Beginning DateTime changes when a new collection is selected.
-     * We want to auto-select a reasonable slice of time and send a request to the data API, the
-     * same as if the user moved the time slider.
-     * However, if the component has the startDate or endDate set externally, don't override that;
-     * this is an init-only action.
-     */
-    __privateAdd(this, _maybeSliceTimeForStartEnd);
-    __privateAdd(this, _handleVariableChange);
-    __privateAdd(this, _handleMapChange);
-    /**
-     * anytime the date range slider changes, update the start and end date
-     */
-    __privateAdd(this, _handleDateRangeSliderChangeEvent);
-    /**
-     * aborts the underlying data loading task, which cancels the network request
-     */
-    __privateAdd(this, _abortDataLoad);
-    __privateAdd(this, _timeSeriesController, new TimeSeriesController(this));
-  }
-  handleCollectionUpdate(_oldValue, newValue) {
-    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "collection", newValue);
-  }
-  handlevariableUpdate(_oldValue, newValue) {
-    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "variable", newValue);
-  }
-  handleStartDateUpdate(_oldValue, newValue) {
-    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "startDate", newValue);
-  }
-  handleEndDateUpdate(_oldValue, newValue) {
-    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "endDate", newValue);
-  }
-  handleLocationUpdate(_oldValue, newValue) {
-    __privateMethod(this, _adaptPropertyToController, adaptPropertyToController_fn).call(this, "location", newValue);
-  }
-  render() {
-    var _a;
-    return html`
-            <terra-variable-combobox
-                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
-                value=${`${this.collection}_${this.variable}`}
-                @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-plot
-                exportparts="base:plot__base"
-                data="${JSON.stringify(
-      (_a = __privateGet(this, _timeSeriesController).lastTaskValue) != null ? _a : __privateGet(this, _timeSeriesController).emptyPlotData
-    )}"
-                .layout="${{
-      title: this.variable,
-      xaxis: {
-        title: "Time",
-        showgrid: false,
-        zeroline: false
-      },
-      yaxis: {
-        title: this.units,
-        showline: false
-      }
-    }}"
-            ></terra-plot>
-            <terra-date-range-slider
-                exportparts="slider:date-range-slider__slider"
-                min-date=${this.collectionBeginningDateTime}
-                max-date=${this.collectionEndingDateTime}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                @terra-date-range-change="${__privateMethod(this, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn)}"
-            ></terra-date-range-slider>
-
-            <dialog
-                open
-                class="${__privateGet(this, _timeSeriesController).task.status === TaskStatus.PENDING ? "open" : ""}"
-            >
-                <terra-loader indeterminate></terra-loader>
-                <p>Plotting ${this.collection} ${this.variable}...</p>
-                <terra-button @click=${__privateMethod(this, _abortDataLoad, abortDataLoad_fn)}>Cancel</terra-button>
-            </dialog>
-        `;
-  }
-};
-_timeSeriesController = new WeakMap();
-_adaptPropertyToController = new WeakSet();
-adaptPropertyToController_fn = function(property2, value) {
-  switch (property2) {
-    case "startDate":
-    case "endDate":
-      __privateGet(this, _timeSeriesController)[property2] = dayjs.utc(value).toDate();
-      break;
-    case "location":
-      const [lat, lon] = value.split(",");
-      __privateGet(this, _timeSeriesController)[property2] = `${lon},%20${lat}`;
-      break;
-    default:
-      __privateGet(this, _timeSeriesController)[property2] = value;
-      break;
-  }
-  __privateGet(this, _timeSeriesController).task.run();
-};
-_maybeSliceTimeForStartEnd = new WeakSet();
-maybeSliceTimeForStartEnd_fn = function() {
-  const hasExternallySetDates = !!this.startDate || !!this.endDate;
-  const hasBothDatesFromCollection = !!this.collectionBeginningDateTime && !!this.collectionEndingDateTime;
-  if (hasExternallySetDates || !hasBothDatesFromCollection) {
-    return;
-  }
-  const diff = Math.abs(
-    new Date(this.collectionEndingDateTime).getTime() - new Date(this.collectionBeginningDateTime).getTime()
-  );
-  const threeQuarterRange = Math.floor(diff * 0.75);
-  const startDate = Math.abs(
-    new Date(this.collectionBeginningDateTime).getTime() + threeQuarterRange
-  );
-  this.startDate = dayjs.utc(startDate).format();
-  this.endDate = dayjs.utc(this.collectionEndingDateTime).format();
-};
-_handleVariableChange = new WeakSet();
-handleVariableChange_fn = function(event) {
-  this.collectionBeginningDateTime = dayjs.utc().format(event.detail.collectionBeginningDateTime);
-  this.collectionEndingDateTime = dayjs.utc().format(event.detail.collectionEndingDateTime);
-  __privateMethod(this, _maybeSliceTimeForStartEnd, maybeSliceTimeForStartEnd_fn).call(this);
-  this.collection = `${event.detail.collectionShortName}_${event.detail.collectionVersion}`;
-  this.variable = event.detail.name;
-  this.units = event.detail.name;
-};
-_handleMapChange = new WeakSet();
-handleMapChange_fn = function(event) {
-  const type = event.detail.geoJson.geometry.type;
-  if (type === "Point") {
-    const { latLng } = event.detail;
-    this.location = `${latLng.lng},${latLng.lat}`;
-  }
-};
-_handleDateRangeSliderChangeEvent = new WeakSet();
-handleDateRangeSliderChangeEvent_fn = function(event) {
-  this.startDate = event.detail.startDate;
-  this.endDate = event.detail.endDate;
-};
-_abortDataLoad = new WeakSet();
-abortDataLoad_fn = function() {
-  var _a;
-  (_a = __privateGet(this, _timeSeriesController).task) == null ? void 0 : _a.abort();
-};
-TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
-TerraTimeSeries.dependencies = {
-  "terra-plot": TerraPlot,
-  "terra-date-range-slider": TerraDateRangeSlider,
-  "terra-spatial-picker": spatial_picker_default,
-  "terra-variable-combobox": TerraVariableCombobox,
-  "terra-loader": TerraLoader
-};
-__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({
-    reflect: true
-  })
-], TerraTimeSeries.prototype, "units", 2);
-__decorateClass([
-  query("terra-date-range-slider")
-], TerraTimeSeries.prototype, "dateRangeSlider", 2);
-__decorateClass([
-  query("terra-plot")
-], TerraTimeSeries.prototype, "plot", 2);
-__decorateClass([
-  query("terra-spatial-picker")
-], TerraTimeSeries.prototype, "spatialPicker", 2);
-__decorateClass([
-  query("terra-variable-combobo")
-], TerraTimeSeries.prototype, "variableCombobox", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "collectionBeginningDateTime", 2);
-__decorateClass([
-  state()
-], TerraTimeSeries.prototype, "collectionEndingDateTime", 2);
-__decorateClass([
-  watch("collection")
-], TerraTimeSeries.prototype, "handleCollectionUpdate", 1);
-__decorateClass([
-  watch("variable")
-], TerraTimeSeries.prototype, "handlevariableUpdate", 1);
-__decorateClass([
-  watch("startDate")
-], TerraTimeSeries.prototype, "handleStartDateUpdate", 1);
-__decorateClass([
-  watch("endDate")
-], TerraTimeSeries.prototype, "handleEndDateUpdate", 1);
-__decorateClass([
-  watch("location")
-], TerraTimeSeries.prototype, "handleLocationUpdate", 1);
-
-export {
-  TerraTimeSeries
-};

package/dist/chunks/chunk.XW5YT7AB.js

@@ -1,89 +0,0 @@
-import {
-  loader_styles_default
-} from "./chunk.CL62YJ3N.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.RFKXBNLY.js";
-import {
-  __decorateClass
-} from "./chunk.RYPAZDXE.js";
-
-// src/components/loader/loader.component.ts
-import { property } from "lit/decorators.js";
-import { html, nothing } from "lit";
-import { classMap } from "lit/directives/class-map.js";
-var TerraLoader = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.size = "large";
-    this.percent = 0;
-    this.indeterminate = false;
-    this.label = "Loading request";
-    this.message = "";
-  }
-  formatPercent(percent) {
-    if (percent > 100) {
-      percent = 100;
-    }
-    return percent > 0 ? percent + "%" : "";
-  }
-  render() {
-    return html`
-            <div
-                class=${classMap({
-      loader: true,
-      "loader--small": this.size === "small",
-      "loader--large": this.size === "large",
-      "loader--light": this.theme === "light",
-      "loader--dark": this.theme === "dark"
-    })}
-                arial-lable=${this.label}
-                aria-valuetext="${this.message || nothing}"
-                ${this.message != "" ? "aria-valuetext=${this.message}" : ""}
-                aria-valuenow=${this.formatPercent(this.percent)}
-                role="progressbar"
-                tabindex="-1"
-            >
-                ${this.size === "large" ? html`
-                          <div class="percent">
-                              ${this.formatPercent(this.percent)}
-                          </div>
-                      ` : ``}
-
-                <svg
-                    viewBox=${this.size == "small" ? "0 0 30 30" : "0 0 52 52"}
-                    aria-hidden="true"
-                    style="--progress: ${this.percent}"
-                    class="circular-progress ${this.indeterminate ? "indeterminate" : ""}"
-                >
-                    <circle class="bg"></circle>
-                    <circle class="fg"></circle>
-                </svg>
-            </div>
-        `;
-  }
-};
-TerraLoader.styles = [component_styles_default, loader_styles_default];
-__decorateClass([
-  property({ reflect: true })
-], TerraLoader.prototype, "size", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraLoader.prototype, "theme", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraLoader.prototype, "percent", 2);
-__decorateClass([
-  property({ type: Boolean })
-], TerraLoader.prototype, "indeterminate", 2);
-__decorateClass([
-  property({ type: String })
-], TerraLoader.prototype, "label", 2);
-__decorateClass([
-  property({ type: String })
-], TerraLoader.prototype, "message", 2);
-
-export {
-  TerraLoader
-};

package/dist/chunks/chunk.ZCNMYQP2.js

@@ -1,113 +0,0 @@
-// src/components/spatial-picker/spatial-picker.styles.ts
-import { css } from "lit";
-var spatial_picker_styles_default = css`
-    :host {
-        --color-blue--400: #007acc;
-        --color-blue--500: #1c67e3;
-        --color-blue--600: #0b3d91;
-
-        --color-red--400: #f64137;
-        --color-red--500: #b60109;
-
-        --color-neutral--000: #ffffff;
-        --color-neutral--100: #f7f7f7;
-        --color-neutral--200: #d1d1d1;
-        --color-neutral--300: #b9b9bb;
-        --color-neutral--400: #959599;
-        --color-neutral--500: #767676;
-        --color-neutral--600: #58585b;
-        --color-neutral--700: #2e2e32;
-        --color-neutral--800: #1b1b1b;
-
-        --font-family--inter: Inter, sans-serif;
-        --font-family--public-sans: 'Public Sans', sans-serif;
-        --font-family--dm-mono: 'DM Mono', monospace;
-
-        --label-height: 1.8125rem;
-        --help-height: 1.8125rem;
-        --host-height: 5.8125rem;
-
-        display: block;
-        position: relative;
-        z-index: 1;
-    }
-
-    :host .spatial-picker__input_fields {
-        position: relative;
-    }
-
-    :host input {
-        box-shadow: none;
-        border-radius: 0 !important;
-    }
-
-    .spatial-picker__input_label {
-        font-family: var(--terra-font-family--inter, var(--font-family--inter));
-        font-weight: 600;
-        line-height: 1.1875rem;
-    }
-
-    .form-control {
-        width: 100%;
-        padding-inline-start: 1rem;
-        padding-inline-end: 2.5rem;
-        padding-block: 0.375rem;
-        font-size: 0.85rem;
-        line-height: 1.42857143;
-        color: currentColor;
-        background-color: var(--terra-color-neutral--100, var(--color-neutral--100));
-        block-size: var(--terra-block-size, 2.1875rem);
-        border-block: 2px solid
-            var(--terra-color-neutral--200, var(--color-neutral--200));
-        border-inline-end: 0;
-        border-inline-start: 2px solid
-            var(--terra-color-neutral--200, var(--color-neutral--200));
-        border-radius: 4px;
-        outline: 0;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .form-control:focus {
-        border-radius: 4px;
-        border: 2px solid var(--terra-color-blue--500, var(--color-blue--500));
-    }
-
-    .form-control:focus + .spatial-picker__input_icon_button {
-        background-color: var(--terra-color-neutral--800, var(--color-neutral--800));
-    }
-
-    .spatial-picker__input_icon_button {
-        block-size: var(--terra-block-size, 2.1875rem);
-        padding-inline: 0.5rem;
-        position: absolute;
-        padding-top: 5px;
-        top: 0;
-        right: 0;
-        z-index: 2;
-        border: none;
-        cursor: pointer;
-        box-shadow: none;
-        background-color: var(--terra-color-neutral--700, var(--color-neutral--700));
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .spatial-picker__input_icon_button svg {
-        height: 1.2rem;
-        width: 1.2rem;
-        color: white;
-    }
-
-    terra-map {
-        position: absolute;
-        left: 0;
-        right: 0;
-    }
-`;
-
-export {
-  spatial_picker_styles_default
-};

package/{dist/chunks/chunk.MDRUDBRH.js → cdn/chunks/chunk.7DOMZGX7.js}

@@ -1,9 +1,9 @@
-import {
-  library_default_default
-} from "./chunk.XTCYIPKA.js";
 import {
   library_heroicons_default
 } from "./chunk.UCNEPIMI.js";
+import {
+  library_default_default
+} from "./chunk.XTCYIPKA.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_heroicons_default];

package/cdn/chunks/{chunk.7R2BPQLY.js → chunk.ABHIFWYD.js}

@@ -1,10 +1,10 @@
+import {
+  format
+} from "./chunk.BPNFS4ED.js";
 import {
   h,
   i
 } from "./chunk.UGTZ22DI.js";
-import {
-  format
-} from "./chunk.BPNFS4ED.js";
 import {
   __asyncGenerator,
   __await,

package/cdn/chunks/{chunk.LQCRC4E2.js → chunk.XR56EMXH.js}

@@ -1,11 +1,3 @@
-import {
-  n,
-  o,
-  s
-} from "./chunk.GNSDRDLV.js";
-import {
-  e as e2
-} from "./chunk.YVSJQ4KD.js";
 import {
   e as e5,
   n as n3
@@ -18,6 +10,14 @@ import {
   f,
   m
 } from "./chunk.6NYH4BZ2.js";
+import {
+  n,
+  o,
+  s
+} from "./chunk.GNSDRDLV.js";
+import {
+  e as e2
+} from "./chunk.YVSJQ4KD.js";
 import {
   e,
   i,

package/{cdn/chunks/chunk.MDRUDBRH.js → dist/chunks/chunk.7DOMZGX7.js}

@@ -1,9 +1,9 @@
-import {
-  library_default_default
-} from "./chunk.XTCYIPKA.js";
 import {
   library_heroicons_default
 } from "./chunk.UCNEPIMI.js";
+import {
+  library_default_default
+} from "./chunk.XTCYIPKA.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_heroicons_default];