@nasa-terra/components 0.0.68 → 0.0.69

package/cdn/chunks/chunk.HUX2RF6U.js

@@ -1,53 +0,0 @@
-import {
-  getRandomIntInclusive
-} from "./chunk.UZAIWUWC.js";
-import {
-  skeleton_styles_default
-} from "./chunk.G6SMK5II.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.O6SXSDFR.js";
-import {
-  __decorateClass
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/skeleton/skeleton.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { SlSkeleton } from "@shoelace-style/shoelace";
-var TerraSkeleton = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.rows = 1;
-    this.effect = "pulse";
-    this.variableWidths = true;
-  }
-  render() {
-    return html`
-            ${new Array(parseInt(this.rows.toString())).fill(0).map(
-      () => html`<sl-skeleton
-                            effect=${this.effect}
-                            style=${this.variableWidths ? `width: ${getRandomIntInclusive(60, 100)}%` : ""}
-                        ></sl-skeleton>`
-    )}
-        `;
-  }
-};
-TerraSkeleton.styles = [component_styles_default, skeleton_styles_default];
-TerraSkeleton.dependencies = {
-  "sl-skeleton": SlSkeleton
-};
-__decorateClass([
-  property()
-], TerraSkeleton.prototype, "rows", 2);
-__decorateClass([
-  property()
-], TerraSkeleton.prototype, "effect", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraSkeleton.prototype, "variableWidths", 2);
-
-export {
-  TerraSkeleton
-};

package/cdn/chunks/chunk.HWZP2UTW.js

@@ -1,49 +0,0 @@
-// src/internal/slot.ts
-var HasSlotController = class {
-  constructor(host, ...slotNames) {
-    this.slotNames = [];
-    this.handleSlotChange = (event) => {
-      const slot = event.target;
-      if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
-        this.host.requestUpdate();
-      }
-    };
-    ;
-    (this.host = host).addController(this);
-    this.slotNames = slotNames;
-  }
-  hasDefaultSlot() {
-    return [...this.host.childNodes].some((node) => {
-      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
-        return true;
-      }
-      if (node.nodeType === node.ELEMENT_NODE) {
-        const el = node;
-        const tagName = el.tagName.toLowerCase();
-        if (tagName === "terra-visually-hidden") {
-          return false;
-        }
-        if (!el.hasAttribute("slot")) {
-          return true;
-        }
-      }
-      return false;
-    });
-  }
-  hasNamedSlot(name) {
-    return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
-  }
-  test(slotName) {
-    return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
-  }
-  hostConnected() {
-    this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
-  }
-  hostDisconnected() {
-    this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
-  }
-};
-
-export {
-  HasSlotController
-};

package/cdn/chunks/chunk.IC4T7CZD.js

@@ -1,62 +0,0 @@
-// src/utilities/date.ts
-import { isValid } from "date-fns";
-import dayjs from "dayjs";
-import timezone from "dayjs/plugin/timezone.js";
-import utc from "dayjs/plugin/utc.js";
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.tz.setDefault("Etc/GMT");
-function isValidDate(date) {
-  const parsedDate = Date.parse(date);
-  return !isNaN(parsedDate) && isValid(parsedDate);
-}
-function getUTCDate(date, endOfDay = false) {
-  const utcDate = dayjs.utc(date).toDate();
-  if (endOfDay)
-    utcDate.setUTCHours(23, 59, 59, 999);
-  return utcDate;
-}
-function formatDate(date, format) {
-  if (!dayjs.isDayjs(date)) {
-    date = dayjs.utc(date);
-  }
-  return date.format(format);
-}
-function isDateRangeContained(start1, end1, start2, end2) {
-  const startOfDay1 = new Date(
-    start1.getFullYear(),
-    start1.getMonth(),
-    start1.getDate()
-  );
-  const startOfDay2 = new Date(
-    start2.getFullYear(),
-    start2.getMonth(),
-    start2.getDate()
-  );
-  const endOfDay1 = new Date(
-    end1.getFullYear(),
-    end1.getMonth(),
-    end1.getDate(),
-    23,
-    59,
-    59,
-    999
-  );
-  const endOfDay2 = new Date(
-    end2.getFullYear(),
-    end2.getMonth(),
-    end2.getDate(),
-    23,
-    59,
-    59,
-    999
-  );
-  return startOfDay1 >= startOfDay2 && endOfDay1 <= endOfDay2;
-}
-
-export {
-  isValidDate,
-  getUTCDate,
-  formatDate,
-  isDateRangeContained
-};

package/cdn/chunks/chunk.IJC2KB5R.js

@@ -1,25 +0,0 @@
-import {
-  TerraDialog
-} from "./chunk.2LGINANI.js";
-
-// src/react/dialog/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-dialog";
-TerraDialog.define("terra-dialog");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDialog,
-  react: React,
-  events: {
-    onTerraDialogShow: "terra-dialog-show",
-    onTerraDialogHide: "terra-dialog-hide"
-  },
-  displayName: "TerraDialog"
-});
-var dialog_default = reactWrapper;
-
-export {
-  dialog_default
-};

package/cdn/chunks/chunk.J25AAZTC.js

@@ -1,21 +0,0 @@
-import {
-  GiovanniGeoJsonShapes
-} from "./chunk.XXFKVRN5.js";
-
-// src/components/map/map.controller.ts
-var MapController = class {
-  constructor(host) {
-    this.host = host;
-    this.geoJsonShapes = new GiovanniGeoJsonShapes();
-    this.host.addController(this);
-  }
-  async hostConnected() {
-    if (this.host.hasShapeSelector) {
-      this.host.shapes = await this.geoJsonShapes.getShapeFiles();
-    }
-  }
-};
-
-export {
-  MapController
-};

package/cdn/chunks/chunk.JOFHFGQP.js

@@ -1,180 +0,0 @@
-import {
-  date_range_slider_styles_default
-} from "./chunk.7AEQ2LX4.js";
-import {
-  mergeTooltips
-} from "./chunk.L63WM7I3.js";
-import {
-  isValidDate
-} from "./chunk.IC4T7CZD.js";
-import {
-  watch
-} from "./chunk.DTUHBE3U.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.O6SXSDFR.js";
-import {
-  __decorateClass
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/date-range-slider/date-range-slider.component.ts
-import { property, query } from "lit/decorators.js";
-import { html } from "lit";
-import noUiSlider, {
-  PipsMode
-} from "nouislider";
-import { format } from "date-fns";
-var TerraDateRangeSlider = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.timeScale = "daily";
-    this.disabled = false;
-    this.hasPips = true;
-  }
-  updateSlider() {
-    this.renderSlider();
-  }
-  disabledChanged() {
-    var _a, _b, _c, _d;
-    this.disabled ? (_b = (_a = this.slider) == null ? void 0 : _a.noUiSlider) == null ? void 0 : _b.disable() : (_d = (_c = this.slider) == null ? void 0 : _c.noUiSlider) == null ? void 0 : _d.enable();
-  }
-  firstUpdated() {
-    this.renderSlider();
-  }
-  renderSlider() {
-    var _a;
-    if (!this.slider) {
-      return;
-    }
-    (_a = this.slider.noUiSlider) == null ? void 0 : _a.destroy();
-    if (!isValidDate(this.minDate) || !isValidDate(this.maxDate)) {
-      this.renderEmptySlider();
-      this.minDate && !isValidDate(this.minDate) && console.error("Invalid min date provided");
-      this.maxDate && !isValidDate(this.maxDate) && console.error("Invalid max date provided");
-      return;
-    }
-    const minDate = new Date(this.minDate);
-    const maxDate = new Date(this.maxDate);
-    const startDate = new Date(
-      isValidDate(this.startDate) ? this.startDate : this.minDate
-    );
-    const endDate = new Date(
-      isValidDate(this.endDate) ? this.endDate : this.maxDate
-    );
-    minDate.setUTCHours(0, 0, 0, 0);
-    startDate.setUTCHours(0, 0, 0, 0);
-    maxDate.setUTCHours(23, 59, 59, 999);
-    endDate.setUTCHours(23, 59, 59, 999);
-    const sliderOptions = {
-      range: {
-        // convert to milliseconds to define a range
-        min: minDate.getTime(),
-        max: maxDate.getTime()
-      },
-      behaviour: "drag",
-      step: this._getStep(),
-      start: [startDate.getTime(), endDate.getTime()],
-      // defaults to either the given start/end dates or the full date range (min/max date)
-      tooltips: [true, true],
-      // for each handle, choose whether to show a tooltip
-      connect: true,
-      // whether to connect the handles with a colorized bar
-      pips: {
-        mode: PipsMode.Range,
-        density: -1,
-        format: this._getSliderFormatter()
-      },
-      format: this._getSliderFormatter()
-    };
-    noUiSlider.create(this.slider, sliderOptions);
-    mergeTooltips(this.slider);
-    this.slider.noUiSlider.on("change", (values) => {
-      this.emit("terra-date-range-change", {
-        detail: {
-          startDate: this._formatDate(values[0]),
-          endDate: this._formatDate(values[1])
-        }
-      });
-    });
-  }
-  renderEmptySlider() {
-    noUiSlider.create(this.slider, {
-      start: [0, 0],
-      range: {
-        min: 0,
-        max: 0
-      }
-    });
-  }
-  _getStep() {
-    const oneMinuteMillis = 60 * 1e3;
-    const oneHourMillis = 60 * oneMinuteMillis;
-    const oneDayMillis = 24 * oneHourMillis;
-    switch (this.timeScale) {
-      case "half-hourly":
-        return 30 * oneMinuteMillis;
-      case "hourly":
-        return oneHourMillis;
-      default:
-        return oneDayMillis;
-    }
-  }
-  _getSliderFormatter() {
-    return {
-      to: (value) => {
-        return this._formatDate(value);
-      },
-      from: (value) => {
-        return Number(value);
-      }
-    };
-  }
-  _formatDate(date) {
-    const dateFormat = this.timeScale === "daily" ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm";
-    return format(new Date(date).toUTCString(), dateFormat);
-  }
-  render() {
-    const containerClass = "container" + this.hasPips ? " hasPips" : "";
-    return html`
-            <div class="${containerClass}">
-                <div part="slider"></div>
-            </div>
-        `;
-  }
-};
-TerraDateRangeSlider.styles = [component_styles_default, date_range_slider_styles_default];
-__decorateClass([
-  query('[part~="slider"]')
-], TerraDateRangeSlider.prototype, "slider", 2);
-__decorateClass([
-  property({ attribute: "time-scale" })
-], TerraDateRangeSlider.prototype, "timeScale", 2);
-__decorateClass([
-  property({ attribute: "min-date" })
-], TerraDateRangeSlider.prototype, "minDate", 2);
-__decorateClass([
-  property({ attribute: "max-date" })
-], TerraDateRangeSlider.prototype, "maxDate", 2);
-__decorateClass([
-  property({ attribute: "start-date" })
-], TerraDateRangeSlider.prototype, "startDate", 2);
-__decorateClass([
-  property({ attribute: "end-date" })
-], TerraDateRangeSlider.prototype, "endDate", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraDateRangeSlider.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "has-pips" })
-], TerraDateRangeSlider.prototype, "hasPips", 2);
-__decorateClass([
-  watch(["startDate", "endDate", "minDate", "maxDate"])
-], TerraDateRangeSlider.prototype, "updateSlider", 1);
-__decorateClass([
-  watch("disabled")
-], TerraDateRangeSlider.prototype, "disabledChanged", 1);
-
-export {
-  TerraDateRangeSlider
-};

package/cdn/chunks/chunk.JUQDLDHB.js

@@ -1,139 +0,0 @@
-import {
-  GET_SEARCH_KEYWORDS,
-  GET_VARIABLES
-} from "./chunk.A6D5MCCT.js";
-import {
-  getUTCDate
-} from "./chunk.IC4T7CZD.js";
-import {
-  getGraphQLClient
-} from "./chunk.LDCRCQNJ.js";
-import {
-  __privateAdd,
-  __privateMethod,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.TVFCHGU3.js";
-
-// src/metadata-catalog/giovanni-variable-catalog.ts
-var _adaptVariablesForResponse, adaptVariablesForResponse_fn, _getReasonableInitialStartAndEndDateTime, getReasonableInitialStartAndEndDateTime_fn;
-var GiovanniVariableCatalog = class {
-  constructor() {
-    __privateAdd(this, _adaptVariablesForResponse);
-    /**
-     * Get reasonable initial start and end date
-     *
-     * When we load a variable into a plot, we may want to show the user some initial data while they change the date
-     * This function returns a reasonable slice of time that components can choose to use
-     */
-    __privateAdd(this, _getReasonableInitialStartAndEndDateTime);
-  }
-  async getSearchKeywords() {
-    const client = await getGraphQLClient();
-    const response = await client.query({
-      query: GET_SEARCH_KEYWORDS,
-      fetchPolicy: "cache-first"
-    });
-    if (response.errors) {
-      throw new Error(
-        `Failed to fetch search keywords: ${response.errors[0].message}`
-      );
-    }
-    return response.data.aesirKeywords;
-  }
-  async searchVariablesAndFacets(query, selectedFacets, options) {
-    const client = await getGraphQLClient();
-    const response = await client.query({
-      query: GET_VARIABLES,
-      variables: {
-        q: query,
-        filter: selectedFacets
-      },
-      context: {
-        fetchOptions: {
-          signal: options == null ? void 0 : options.signal
-        }
-      }
-    });
-    if (response.errors) {
-      throw new Error(
-        `Failed to fetch variables: ${response.errors[0].message}`
-      );
-    }
-    const { variables, facets, total } = response.data.getVariables;
-    const facetsByCategory = {
-      depths: [],
-      disciplines: [],
-      measurements: [],
-      observations: [],
-      platformInstruments: [],
-      portals: [],
-      spatialResolutions: [],
-      specialFeatures: [],
-      temporalResolutions: [],
-      wavelengths: []
-    };
-    facets.forEach((facet) => {
-      const category = facet.category;
-      if (category in facetsByCategory) {
-        facetsByCategory[category] = facet.values;
-      }
-    });
-    return {
-      variables: __privateMethod(this, _adaptVariablesForResponse, adaptVariablesForResponse_fn).call(this, variables),
-      facetsByCategory,
-      total
-    };
-  }
-  async getVariable(variableEntryId, options) {
-    const client = await getGraphQLClient();
-    const response = await client.query({
-      query: GET_VARIABLES,
-      variables: {
-        variableEntryIds: [variableEntryId]
-      },
-      context: {
-        fetchOptions: {
-          signal: options == null ? void 0 : options.signal
-        }
-      }
-    });
-    if (response.errors) {
-      throw new Error(`Failed to fetch variable: ${response.errors[0].message}`);
-    }
-    const { variables } = response.data.getVariables;
-    return variables.length ? __privateMethod(this, _adaptVariablesForResponse, adaptVariablesForResponse_fn).call(this, variables)[0] : null;
-  }
-};
-_adaptVariablesForResponse = new WeakSet();
-adaptVariablesForResponse_fn = function(variables) {
-  return variables.map((variable) => {
-    const exampleInitialDates = __privateMethod(this, _getReasonableInitialStartAndEndDateTime, getReasonableInitialStartAndEndDateTime_fn).call(this, variable);
-    return __spreadProps(__spreadValues({}, variable), {
-      exampleInitialStartDate: exampleInitialDates == null ? void 0 : exampleInitialDates.exampleInitialStartDate,
-      exampleInitialEndDate: exampleInitialDates == null ? void 0 : exampleInitialDates.exampleInitialEndDate,
-      dataFieldShortName: !variable.dataFieldShortName || variable.dataFieldShortName == "" ? variable.dataFieldAccessName : variable.dataFieldShortName
-    });
-  });
-};
-_getReasonableInitialStartAndEndDateTime = new WeakSet();
-getReasonableInitialStartAndEndDateTime_fn = function(variable) {
-  if (!(variable == null ? void 0 : variable.dataProductBeginDateTime) || !(variable == null ? void 0 : variable.dataProductEndDateTime)) {
-    return;
-  }
-  const diff = Math.abs(
-    new Date(variable.dataProductEndDateTime).getTime() - new Date(variable.dataProductBeginDateTime).getTime()
-  );
-  const threeQuarterRange = Math.floor(diff * 0.75);
-  const startDate = Math.abs(
-    new Date(variable.dataProductBeginDateTime).getTime() + threeQuarterRange
-  );
-  return {
-    exampleInitialStartDate: getUTCDate(startDate),
-    exampleInitialEndDate: getUTCDate(variable.dataProductEndDateTime)
-  };
-};
-
-export {
-  GiovanniVariableCatalog
-};

package/cdn/chunks/chunk.KIC5ZCAM.js

@@ -1,63 +0,0 @@
-import {
-  authService
-} from "./chunk.O6SXSDFR.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateSet
-} from "./chunk.TVFCHGU3.js";
-
-// src/auth/auth.controller.ts
-import { Task } from "@lit/task";
-var _host;
-var AuthController = class {
-  constructor(host) {
-    __privateAdd(this, _host, void 0);
-    __privateSet(this, _host, host);
-    this.task = new Task(host, {
-      task: async ([]) => {
-        this.unsubscribe = authService.subscribe(
-          (state) => {
-            if (state.token) {
-              __privateGet(this, _host).bearerToken = state.token;
-            }
-            __privateGet(this, _host).emit("terra-login", {
-              detail: state
-            });
-            __privateGet(this, _host).requestUpdate();
-          },
-          // @ts-expect-error - we can't guarantee the host has a bearerToken property
-          __privateGet(this, _host).bearerToken
-        );
-        __privateGet(this, _host).emit("terra-login", {
-          detail: authService.getState()
-        });
-        return authService.getState();
-      },
-      args: () => [],
-      autoRun: true
-    });
-  }
-  get state() {
-    return authService.getState();
-  }
-  login() {
-    authService.login();
-  }
-  logout() {
-    authService.logout();
-  }
-  render(renderFunctions) {
-    return this.task.render(renderFunctions);
-  }
-  disconnectedCallback() {
-    if (this.unsubscribe) {
-      this.unsubscribe();
-    }
-  }
-};
-_host = new WeakMap();
-
-export {
-  AuthController
-};

package/cdn/chunks/chunk.KLCOAQUS.js

@@ -1,65 +0,0 @@
-import {
-  cherryPickDocInfo
-} from "./chunk.6KIVAUVU.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  __spreadValues
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/variable-combobox/variable-combobox.controller.ts
-import { Task, TaskStatus } from "@lit/task";
-var apiError = new Error(
-  "Failed to fetch the data required to make a list of searchable items."
-);
-var _apiTask, _bearerToken;
-var FetchController = class {
-  constructor(host, bearerToken) {
-    __privateAdd(this, _apiTask, void 0);
-    __privateAdd(this, _bearerToken, null);
-    __privateSet(this, _bearerToken, bearerToken);
-    __privateSet(this, _apiTask, new Task(host, {
-      task: async () => {
-        const response = await fetch(
-          "https://lb.gesdisc.eosdis.nasa.gov/windmill/api/r/website/data-rods-variables",
-          {
-            headers: __spreadValues({
-              Accept: "application/json"
-            }, __privateGet(this, _bearerToken) ? { Authorization: `Bearer: ${__privateGet(this, _bearerToken)}` } : {})
-          }
-        );
-        if (!response.ok) {
-          throw apiError;
-        }
-        const {
-          response: { docs }
-        } = await response.json();
-        return cherryPickDocInfo(docs);
-      },
-      args: () => []
-    }));
-  }
-  get taskComplete() {
-    return __privateGet(this, _apiTask).taskComplete;
-  }
-  get value() {
-    return __privateGet(this, _apiTask).value;
-  }
-  get taskStatus() {
-    const readableStatus = Object.entries(TaskStatus).reduce((accumulator, [key, value]) => {
-      accumulator[value] = key;
-      return accumulator;
-    }, {});
-    return readableStatus[__privateGet(this, _apiTask).status];
-  }
-  render(renderFunctions) {
-    return __privateGet(this, _apiTask).render(renderFunctions);
-  }
-};
-_apiTask = new WeakMap();
-_bearerToken = new WeakMap();
-
-export {
-  FetchController
-};

package/cdn/chunks/chunk.KUSRVQBO.js

@@ -1,20 +0,0 @@
-// src/components/icon/icon.styles.ts
-import { css } from "lit";
-var icon_styles_default = css`
-    :host {
-        display: inline-block;
-        width: 1em;
-        height: 1em;
-        box-sizing: content-box !important;
-    }
-
-    svg {
-        display: block;
-        height: 100%;
-        width: 100%;
-    }
-`;
-
-export {
-  icon_styles_default
-};