@nasa-terra/components 0.0.0

package/dist/components/map/map.component.d.ts

@@ -0,0 +1,51 @@
+import type { CSSResultGroup } from 'lit';
+import TerraElement from '../../internal/terra-element.js';
+import { MapController } from './map.controller.js';
+/**
+ * @summary A map component for visualizing and selecting coordinates.
+ * @documentation https://disc.gsfc.nasa.gov/components/map
+ * @status mvp
+ * @since 1.0
+ *
+ */
+export default class TerraMap extends TerraElement {
+    #private;
+    static styles: CSSResultGroup;
+    /**
+     * Minimum zoom level of the map.
+     */
+    minZoom: number;
+    /**
+     * Maximum zoom level of the map.
+     */
+    maxZoom: number;
+    /**
+     * Initial map zoom level
+     */
+    zoom: number;
+    /**
+     * has map navigation toolbar
+     */
+    hasNavigation: boolean;
+    /**
+     * has coordinate tracker
+     */
+    hasCoordTracker: boolean;
+    /**
+     * has shape selector
+     */
+    hasShapeSelector: boolean;
+    value: any;
+    mapElement: HTMLDivElement;
+    valueChanged(_oldValue: any, newValue: any): void;
+    map: any;
+    /**
+     * List of geojson shapes
+     */
+    shapes: any;
+    _mapController: MapController;
+    connectedCallback(): Promise<void>;
+    firstUpdated(): Promise<void>;
+    selectTemplate(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/map/map.component.js

@@ -0,0 +1,14 @@
+import {
+  TerraMap
+} from "../../chunks/chunk.V3YTQSMP.js";
+import "../../chunks/chunk.3ZGFXEAJ.js";
+import "../../chunks/chunk.LELNKRPW.js";
+import "../../chunks/chunk.KPXFSE3J.js";
+import "../../chunks/chunk.IBEKZVOY.js";
+import "../../chunks/chunk.AAWOHDFX.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  TerraMap as default
+};

package/dist/components/map/map.controller.d.ts

@@ -0,0 +1,8 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type TerraMap from './map.js';
+export declare class MapController implements ReactiveController {
+    private host;
+    constructor(host: ReactiveControllerHost & TerraMap);
+    hostConnected(): Promise<void>;
+    private getShapeFiles;
+}

package/dist/components/map/map.controller.js

@@ -0,0 +1,7 @@
+import {
+  MapController
+} from "../../chunks/chunk.KPXFSE3J.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  MapController
+};

package/dist/components/map/map.d.ts

@@ -0,0 +1,8 @@
+import TerraMap from './map.component.js';
+export * from './map.component.js';
+export default TerraMap;
+declare global {
+    interface HTMLElementTagNameMap {
+        'terra-map': TerraMap;
+    }
+}

package/dist/components/map/map.js

@@ -0,0 +1,15 @@
+import {
+  map_default
+} from "../../chunks/chunk.36PTCDA5.js";
+import "../../chunks/chunk.V3YTQSMP.js";
+import "../../chunks/chunk.3ZGFXEAJ.js";
+import "../../chunks/chunk.LELNKRPW.js";
+import "../../chunks/chunk.KPXFSE3J.js";
+import "../../chunks/chunk.IBEKZVOY.js";
+import "../../chunks/chunk.AAWOHDFX.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  map_default as default
+};

package/dist/components/map/map.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/map/map.styles.js

@@ -0,0 +1,7 @@
+import {
+  map_styles_default
+} from "../../chunks/chunk.IBEKZVOY.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  map_styles_default as default
+};

package/dist/components/map/type.d.ts

@@ -0,0 +1,14 @@
+export interface LatLng {
+    lat: number;
+    lng: number;
+}
+export interface BoundingBox {
+    _southWest: LatLng;
+    _northEast: LatLng;
+}
+export interface MapEventDetail {
+    cause: string;
+    geoJson?: any;
+    bounds?: any;
+    latLng?: any;
+}

package/dist/components/plot/plot.component.d.ts

@@ -0,0 +1,35 @@
+import TerraElement from '../../internal/terra-element.js';
+import type { CSSResultGroup } from 'lit';
+import { type Data, type Layout, type Config } from 'plotly.js-dist-min';
+interface Plot {
+    type: string;
+    mode: string;
+    name: string;
+    x: Array<number>;
+    y: Array<number>;
+    line: string;
+}
+/**
+ * @summary A web component for interactive graphs using Plotly.js.
+ * @documentation https://disc.gsfc.nasa.gov/components/plot
+ * @status experimental
+ * @since 1.0
+ *
+ * @csspart base - The component's base wrapper.
+ */
+export default class TerraPlot extends TerraElement {
+    static styles: CSSResultGroup;
+    plotData: Array<Plot>;
+    base: HTMLElement;
+    plotTitle?: string;
+    layout?: Partial<Layout>;
+    config?: Partial<Config>;
+    data: Array<Partial<Data>>;
+    handleDataChange(): void;
+    firstUpdated(): void;
+    updatePlotWithData(): void;
+    downloadCSV(): void;
+    convertToCSV(data: any[]): string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/components/plot/plot.component.js

@@ -0,0 +1,10 @@
+import {
+  TerraPlot
+} from "../../chunks/chunk.FGILL5W6.js";
+import "../../chunks/chunk.BLNUBLUS.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  TerraPlot as default
+};

package/dist/components/plot/plot.d.ts

@@ -0,0 +1,8 @@
+import TerraPlot from './plot.component.js';
+export * from './plot.component.js';
+export default TerraPlot;
+declare global {
+    interface HTMLElementTagNameMap {
+        'terra-plot': TerraPlot;
+    }
+}

package/dist/components/plot/plot.js

@@ -0,0 +1,11 @@
+import {
+  plot_default
+} from "../../chunks/chunk.7DEY3B3N.js";
+import "../../chunks/chunk.FGILL5W6.js";
+import "../../chunks/chunk.BLNUBLUS.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  plot_default as default
+};

package/dist/components/plot/plot.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/plot/plot.styles.js

@@ -0,0 +1,7 @@
+import {
+  plot_styles_default
+} from "../../chunks/chunk.BLNUBLUS.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  plot_styles_default as default
+};

package/dist/components/spatial-picker/spatial-picker.component.d.ts

@@ -0,0 +1,64 @@
+import type { CSSResultGroup } from 'lit';
+import TerraElement from '../../internal/terra-element.js';
+import TerraMap from '../map/map.component.js';
+/**
+ * @summary A component that allows input of coordinates and rendering of map.
+ * @documentation https://disc.gsfc.nasa.gov/components/spatial-picker
+ * @status experimental
+ * @since 1.0
+ *
+ */
+export default class TerraSpatialPicker extends TerraElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'terra-map': typeof TerraMap;
+    };
+    /**
+     * Minimum zoom level of the map.
+     */
+    minZoom: number;
+    /**
+     * Maximum zoom level of the map.
+     */
+    maxZoom: number;
+    /**
+     * Initial map zoom level
+     */
+    zoom: number;
+    /**
+     * has map navigation toolbar
+     */
+    hasNavigation: boolean;
+    /**
+     * has coordinate tracker
+     */
+    hasCoordTracker: boolean;
+    /**
+     * has shape selector
+     */
+    hasShapeSelector: boolean;
+    /**
+     * initialValue of spatial picker
+     */
+    initialValue: string;
+    /**
+     * Hide the combobox's label text.
+     * When hidden, still presents to screen readers.
+     */
+    hideLabel: boolean;
+    /**
+     *  spatial picker label
+     */
+    label: string;
+    isExpanded: boolean;
+    mapValue: any;
+    spatialInput: HTMLInputElement;
+    private _blur;
+    private _click;
+    open(): void;
+    close(): void;
+    private _handleMapChange;
+    firstUpdated(): void;
+    renderMap(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/spatial-picker/spatial-picker.component.js

@@ -0,0 +1,16 @@
+import {
+  TerraSpatialPicker
+} from "../../chunks/chunk.J6NGZHLF.js";
+import "../../chunks/chunk.ZCNMYQP2.js";
+import "../../chunks/chunk.V3YTQSMP.js";
+import "../../chunks/chunk.3ZGFXEAJ.js";
+import "../../chunks/chunk.LELNKRPW.js";
+import "../../chunks/chunk.KPXFSE3J.js";
+import "../../chunks/chunk.IBEKZVOY.js";
+import "../../chunks/chunk.AAWOHDFX.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  TerraSpatialPicker as default
+};

package/dist/components/spatial-picker/spatial-picker.d.ts

@@ -0,0 +1,8 @@
+import TerraSpatialPicker from './spatial-picker.component.js';
+export * from './spatial-picker.component.js';
+export default TerraSpatialPicker;
+declare global {
+    interface HTMLElementTagNameMap {
+        'terra-spatial-picker': TerraSpatialPicker;
+    }
+}

package/dist/components/spatial-picker/spatial-picker.js

@@ -0,0 +1,17 @@
+import {
+  spatial_picker_default
+} from "../../chunks/chunk.YHSKQAEB.js";
+import "../../chunks/chunk.J6NGZHLF.js";
+import "../../chunks/chunk.ZCNMYQP2.js";
+import "../../chunks/chunk.V3YTQSMP.js";
+import "../../chunks/chunk.3ZGFXEAJ.js";
+import "../../chunks/chunk.LELNKRPW.js";
+import "../../chunks/chunk.KPXFSE3J.js";
+import "../../chunks/chunk.IBEKZVOY.js";
+import "../../chunks/chunk.AAWOHDFX.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  spatial_picker_default as default
+};

package/dist/components/spatial-picker/spatial-picker.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/spatial-picker/spatial-picker.styles.js

@@ -0,0 +1,7 @@
+import {
+  spatial_picker_styles_default
+} from "../../chunks/chunk.ZCNMYQP2.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  spatial_picker_styles_default as default
+};

package/dist/components/time-series/time-series.component.d.ts

@@ -0,0 +1,66 @@
+import type { CSSResultGroup } from 'lit';
+import TerraElement from '../../internal/terra-element.js';
+import TerraDateRangeSlider from '../date-range-slider/date-range-slider.component.js';
+import TerraPlot from '../plot/plot.component.js';
+import TerraSpatialPicker from '../spatial-picker/spatial-picker.js';
+import TerraVariableCombobox from '../variable-combobox/variable-combobox.component.js';
+/**
+ * @summary A component for visualizing time series data using the GES DISC Giovanni API.
+ * @documentation https://disc.gsfc.nasa.gov/components/time-series
+ * @status mvp
+ * @since 1.0
+ *
+ * @dependency terra-plot
+ */
+export default class TerraTimeSeries extends TerraElement {
+    #private;
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'terra-plot': typeof TerraPlot;
+        'terra-date-range-slider': typeof TerraDateRangeSlider;
+        'terra-spatial-picker': typeof TerraSpatialPicker;
+        'terra-variable-combobox': typeof TerraVariableCombobox;
+    };
+    /**
+     * a collection entry id (ex: GPM_3IMERGHH_06)
+     */
+    collection?: string;
+    /**
+     * a variable short name to plot (ex: precipitationCal)
+     */
+    variable?: string;
+    /**
+     * The start date for the time series plot. (ex: 2021-01-01)
+     */
+    startDate?: string;
+    /**
+     * The end date for the time series plot. (ex: 2021-01-01)
+     */
+    endDate?: string;
+    /**
+     * The point location in "lat,lon" format.
+     */
+    location?: string;
+    /**
+     * Units
+     */
+    units?: string;
+    dateRangeSlider: TerraDateRangeSlider;
+    plot: TerraPlot;
+    spatialPicker: TerraSpatialPicker;
+    variableCombobox: TerraVariableCombobox;
+    /**
+     * holds the start date for the earliest available data for the collection
+     */
+    collectionBeginningDateTime?: string;
+    /**
+     * holds the end date for the latest available data for the collection
+     */
+    collectionEndingDateTime?: string;
+    handleCollectionUpdate(_oldValue: string, newValue: string): void;
+    handlevariableUpdate(_oldValue: string, newValue: string): void;
+    handleStartDateUpdate(_oldValue: string, newValue: string): void;
+    handleEndDateUpdate(_oldValue: string, newValue: string): void;
+    handleLocationUpdate(_oldValue: string, newValue: string): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/time-series/time-series.component.js

@@ -0,0 +1,41 @@
+import {
+  TerraTimeSeries
+} from "../../chunks/chunk.SZQ6DLHF.js";
+import "../../chunks/chunk.WBXETWE4.js";
+import "../../chunks/chunk.ZGJAUXFV.js";
+import "../../chunks/chunk.2RBWEAYS.js";
+import "../../chunks/chunk.T322FDKI.js";
+import "../../chunks/chunk.MWHQHPUM.js";
+import "../../chunks/chunk.UU46CLE7.js";
+import "../../chunks/chunk.YHSKQAEB.js";
+import "../../chunks/chunk.J6NGZHLF.js";
+import "../../chunks/chunk.ZCNMYQP2.js";
+import "../../chunks/chunk.WJPV6KQS.js";
+import "../../chunks/chunk.OSC7AN4C.js";
+import "../../chunks/chunk.NYBJ252W.js";
+import "../../chunks/chunk.SHS42OAD.js";
+import "../../chunks/chunk.V3YTQSMP.js";
+import "../../chunks/chunk.3ZGFXEAJ.js";
+import "../../chunks/chunk.LELNKRPW.js";
+import "../../chunks/chunk.KPXFSE3J.js";
+import "../../chunks/chunk.IBEKZVOY.js";
+import "../../chunks/chunk.FGILL5W6.js";
+import "../../chunks/chunk.BLNUBLUS.js";
+import "../../chunks/chunk.R4J62P4T.js";
+import "../../chunks/chunk.AAWOHDFX.js";
+import "../../chunks/chunk.KRXFJQUH.js";
+import "../../chunks/chunk.OIDMX5LU.js";
+import "../../chunks/chunk.OU4UPMYR.js";
+import "../../chunks/chunk.KW4TJM4C.js";
+import "../../chunks/chunk.HKHDBTIC.js";
+import "../../chunks/chunk.MDRUDBRH.js";
+import "../../chunks/chunk.XTCYIPKA.js";
+import "../../chunks/chunk.UCNEPIMI.js";
+import "../../chunks/chunk.7VUSSQRI.js";
+import "../../chunks/chunk.NQKBKXPW.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  TerraTimeSeries as default
+};

package/dist/components/time-series/time-series.controller.d.ts

@@ -0,0 +1,21 @@
+import { Task } from '@lit/task';
+import type { StatusRenderer } from '@lit/task';
+import type { ReactiveControllerHost } from 'lit';
+import type { Data, PlotData } from 'plotly.js';
+import type { Collection, EndDate, StartDate, Variable, Location } from './time-series.types.js';
+export declare const plotlyDefaultData: Partial<PlotData>;
+type TaskArguments = [Collection, Variable, StartDate, EndDate, Location];
+export declare class TimeSeriesController {
+    #private;
+    host: ReactiveControllerHost;
+    emptyPlotData: Partial<Data>[];
+    task: Task<TaskArguments, Partial<Data>[]>;
+    collection: Collection;
+    variable: Variable;
+    startDate: StartDate;
+    endDate: EndDate;
+    location: Location;
+    constructor(host: ReactiveControllerHost);
+    render(renderFunctions: StatusRenderer<Partial<Data>[]>): unknown;
+}
+export {};

package/dist/components/time-series/time-series.controller.js

@@ -0,0 +1,9 @@
+import {
+  TimeSeriesController,
+  plotlyDefaultData
+} from "../../chunks/chunk.WBXETWE4.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  TimeSeriesController,
+  plotlyDefaultData
+};

package/dist/components/time-series/time-series.d.ts

@@ -0,0 +1,8 @@
+import TerraTimeSeries from './time-series.component.js';
+export * from './time-series.component.js';
+export default TerraTimeSeries;
+declare global {
+    interface HTMLElementTagNameMap {
+        'terra-time-series': TerraTimeSeries;
+    }
+}

package/dist/components/time-series/time-series.js

@@ -0,0 +1,42 @@
+import {
+  time_series_default
+} from "../../chunks/chunk.NZYKW5Y7.js";
+import "../../chunks/chunk.SZQ6DLHF.js";
+import "../../chunks/chunk.WBXETWE4.js";
+import "../../chunks/chunk.ZGJAUXFV.js";
+import "../../chunks/chunk.2RBWEAYS.js";
+import "../../chunks/chunk.T322FDKI.js";
+import "../../chunks/chunk.MWHQHPUM.js";
+import "../../chunks/chunk.UU46CLE7.js";
+import "../../chunks/chunk.YHSKQAEB.js";
+import "../../chunks/chunk.J6NGZHLF.js";
+import "../../chunks/chunk.ZCNMYQP2.js";
+import "../../chunks/chunk.WJPV6KQS.js";
+import "../../chunks/chunk.OSC7AN4C.js";
+import "../../chunks/chunk.NYBJ252W.js";
+import "../../chunks/chunk.SHS42OAD.js";
+import "../../chunks/chunk.V3YTQSMP.js";
+import "../../chunks/chunk.3ZGFXEAJ.js";
+import "../../chunks/chunk.LELNKRPW.js";
+import "../../chunks/chunk.KPXFSE3J.js";
+import "../../chunks/chunk.IBEKZVOY.js";
+import "../../chunks/chunk.FGILL5W6.js";
+import "../../chunks/chunk.BLNUBLUS.js";
+import "../../chunks/chunk.R4J62P4T.js";
+import "../../chunks/chunk.AAWOHDFX.js";
+import "../../chunks/chunk.KRXFJQUH.js";
+import "../../chunks/chunk.OIDMX5LU.js";
+import "../../chunks/chunk.OU4UPMYR.js";
+import "../../chunks/chunk.KW4TJM4C.js";
+import "../../chunks/chunk.HKHDBTIC.js";
+import "../../chunks/chunk.MDRUDBRH.js";
+import "../../chunks/chunk.XTCYIPKA.js";
+import "../../chunks/chunk.UCNEPIMI.js";
+import "../../chunks/chunk.7VUSSQRI.js";
+import "../../chunks/chunk.NQKBKXPW.js";
+import "../../chunks/chunk.ZK7QVWBI.js";
+import "../../chunks/chunk.PJXIJK2G.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  time_series_default as default
+};

package/dist/components/time-series/time-series.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/time-series/time-series.styles.js

@@ -0,0 +1,7 @@
+import {
+  time_series_styles_default
+} from "../../chunks/chunk.ZGJAUXFV.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  time_series_styles_default as default
+};

package/dist/components/time-series/time-series.types.d.ts

@@ -0,0 +1,31 @@
+export type Collection = string;
+export type Variable = string;
+export type StartDate = Date;
+export type EndDate = Date;
+export type Location = string;
+export type VariableDbEntry = TimeSeriesData & {
+    variableEntryId: string;
+    startDate: string;
+    endDate: string;
+    /** unique key to identify unique record */
+    key: string;
+};
+export type TimeSeriesData = {
+    metadata: TimeSeriesMetadata;
+    data: TimeSeriesDataRow[];
+};
+export type TimeSeriesDataRow = {
+    timestamp: string;
+    value: string;
+};
+export type TimeSeriesMetadata = {
+    prod_name: string;
+    param_short_name: string;
+    param_name: string;
+    unit: string;
+    begin_time: string;
+    end_time: string;
+    lat: number;
+    lon: number;
+    [key: string]: string | number;
+};

package/dist/components/variable-combobox/lib.d.ts

@@ -0,0 +1,8 @@
+import type { GroupedListItem, ListItem } from './variable-combobox.controller.js';
+declare function renderSearchResult(listItem: GroupedListItem, index: number): import("lit-html").TemplateResult<1>;
+declare function removeEmptyCollections(docs: GroupedListItem[]): GroupedListItem[];
+declare function groupDocsByCollection(docs: ListItem[]): GroupedListItem[];
+declare function cherryPickDocInfo(docs: Record<string, any>[]): ListItem[];
+declare function clearSelection(combobox: HTMLInputElement, listbox: HTMLUListElement): void;
+declare function walkToOption(walker: TreeWalker, combobox: HTMLInputElement, direction?: 'next' | 'previous'): void;
+export { cherryPickDocInfo, walkToOption, clearSelection, groupDocsByCollection, removeEmptyCollections, renderSearchResult, };

package/dist/components/variable-combobox/lib.js

@@ -0,0 +1,17 @@
+import {
+  cherryPickDocInfo,
+  clearSelection,
+  groupDocsByCollection,
+  removeEmptyCollections,
+  renderSearchResult,
+  walkToOption
+} from "../../chunks/chunk.UU46CLE7.js";
+import "../../chunks/chunk.RYPAZDXE.js";
+export {
+  cherryPickDocInfo,
+  clearSelection,
+  groupDocsByCollection,
+  removeEmptyCollections,
+  renderSearchResult,
+  walkToOption
+};