@nasa-terra/components 0.0.6 → 0.0.9

package/dist/chunks/chunk.GPUFE4ML.js

@@ -1,63 +0,0 @@
-// src/components/time-series/time-series.styles.ts
-import { css } from "lit";
-var time_series_styles_default = css`
-    :host {
-        display: grid;
-        gap: 0.25rem 1rem;
-        grid-template-areas:
-            'variable spatial'
-            'plot plot'
-            'time time';
-        grid-template-columns: 1fr 1fr;
-    }
-
-    terra-variable-combobox {
-        grid-area: variable;
-    }
-
-    terra-spatial-picker {
-        grid-area: spatial;
-    }
-
-    terra-plot {
-        grid-area: plot;
-    }
-
-    terra-date-range-slider {
-        grid-area: time;
-    }
-
-    /* The current Giovanni API doesn't accept bounding box subsetting. */
-    terra-spatial-picker::part(leaflet-bbox),
-    terra-spatial-picker::part(leaflet-edit) {
-        display: none;
-    }
-
-    .plot-container {
-        position: relative;
-    }
-
-    dialog {
-        opacity: 0;
-        transition: all 0.15s ease-out;
-        transition-delay: 0.4s; /* a short delay, to allow local results to be displayed without a loading icon */
-        position: absolute;
-        top: 20%;
-        left: 0;
-        z-index: 100;
-    }
-
-    dialog.open {
-        opacity: 1;
-    }
-
-    @starting-style {
-        dialog.open {
-            opacity: 0;
-        }
-    }
-`;
-
-export {
-  time_series_styles_default
-};

package/dist/chunks/chunk.IBEKZVOY.js

@@ -1,80 +0,0 @@
-// src/components/map/map.styles.ts
-import { css } from "lit";
-var map_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;
-
-        display: block;
-        padding: 16px;
-        background: white;
-        border: solid 1px var(--terra-color-neutral--200, var(--color-neutral--200));
-    }
-
-    .map {
-        aspect-ratio: 4 / 3;
-    }
-
-    .leaflet-mouse-position-container {
-        color: #464646;
-        padding: 5px;
-        background-color: white;
-    }
-
-    .leaflet-mouse-position-text {
-        margin: 0;
-        font-weight: 700;
-    }
-
-    .form-control {
-        display: block;
-        border-radius: 0;
-        width: 100%;
-        height: 36px;
-        padding: 6px 12px;
-        font-size: 14px;
-        line-height: 1.42857143;
-        color: #555555;
-        background-color: #fff;
-        background-image: none;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-        outline: 0 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;
-    }
-
-    .form-control:focus {
-        border: 1px solid var(--terra-color-blue--600, var(--color-blue--600));
-    }
-
-    .map__select {
-        box-shadow: none;
-        border-radius: 0 !important;
-        margin-bottom: 1rem;
-    }
-`;
-
-export {
-  map_styles_default
-};

package/dist/chunks/chunk.TIWTYZP4.js

@@ -1,274 +0,0 @@
-import {
-  TimeSeriesController
-} from "./chunk.YCC37YOJ.js";
-import {
-  time_series_styles_default
-} from "./chunk.GPUFE4ML.js";
-import {
-  TerraVariableCombobox
-} from "./chunk.DYMAZVQ6.js";
-import {
-  TerraPlot
-} from "./chunk.ZNMJES4B.js";
-import {
-  spatial_picker_default
-} from "./chunk.6LKH47P2.js";
-import {
-  TerraLoader
-} from "./chunk.2HRRJNXL.js";
-import {
-  TerraDateRangeSlider
-} from "./chunk.PG33VP73.js";
-import {
-  watch
-} from "./chunk.ZK7QVWBI.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.AU3AGC4X.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.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.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];