@nasa-terra/components 0.0.191 → 0.0.192

package/cdn/chunks/chunk.SISTE6BF.js

@@ -1,170 +0,0 @@
-import {
-  getUTCDate
-} from "./chunk.TKSEPVAL.js";
-import {
-  queryGiovanniVariables
-} from "./chunk.ZS2NFAQK.js";
-import {
-  giovanni_api_default
-} from "./chunk.KNUKVURG.js";
-import {
-  QueryController
-} from "./chunk.YY3ZUPZV.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  __spreadProps,
-  __spreadValues,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/browse-variables/browse-variables.controller.ts
-init_dirname();
-init_buffer();
-init_process();
-var _query, _host, _hasAutoSelectedVariables, _selectVariables, selectVariables_fn, _buildSearchParams, buildSearchParams_fn, _adaptVariables, adaptVariables_fn, _getReasonableInitialDates, getReasonableInitialDates_fn;
-var BrowseVariablesController = class {
-  constructor(host) {
-    __privateAdd(this, _selectVariables);
-    __privateAdd(this, _buildSearchParams);
-    __privateAdd(this, _adaptVariables);
-    __privateAdd(this, _getReasonableInitialDates);
-    __privateAdd(this, _query, void 0);
-    __privateAdd(this, _host, void 0);
-    __privateAdd(this, _hasAutoSelectedVariables, false);
-    __privateSet(this, _host, host);
-    host.addController(this);
-    __privateSet(this, _query, new QueryController(host, () => {
-      const { q, filter } = __privateMethod(this, _buildSearchParams, buildSearchParams_fn).call(this);
-      return queryGiovanniVariables({ q, filter });
-    }));
-  }
-  hostConnected() {
-  }
-  hostDisconnected() {
-  }
-  async hostUpdated() {
-    var _a;
-    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
-    if (!data || __privateGet(this, _hasAutoSelectedVariables))
-      return;
-    await __privateMethod(this, _selectVariables, selectVariables_fn).call(this, data);
-  }
-  get facetsByCategory() {
-    var _a;
-    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
-    if (!data)
-      return void 0;
-    const facetsByCategory = {
-      depths: [],
-      disciplines: [],
-      measurements: [],
-      observations: [],
-      platformInstruments: [],
-      portals: [],
-      spatialResolutions: [],
-      specialFeatures: [],
-      temporalResolutions: [],
-      wavelengths: []
-    };
-    for (const facet of data.facets) {
-      const category = facet.category;
-      if (category in facetsByCategory) {
-        facetsByCategory[category] = facet.values;
-      }
-    }
-    return facetsByCategory;
-  }
-  get variables() {
-    var _a;
-    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
-    return data ? __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, data.variables) : [];
-  }
-  get total() {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data) == null ? void 0 : _b.total) != null ? _c : 0;
-  }
-  get isPending() {
-    var _a, _b;
-    return (_b = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.isFetching) != null ? _b : false;
-  }
-  async getVariable(variableEntryId) {
-    const variable = await giovanni_api_default.getVariable(variableEntryId);
-    return variable ? __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, [variable])[0] : null;
-  }
-};
-_query = new WeakMap();
-_host = new WeakMap();
-_hasAutoSelectedVariables = new WeakMap();
-_selectVariables = new WeakSet();
-selectVariables_fn = async function(data) {
-  if (!__privateGet(this, _host).selectedVariableEntryIds || __privateGet(this, _host).selectedVariables.length > 0) {
-    return;
-  }
-  __privateSet(this, _hasAutoSelectedVariables, true);
-  const adaptedVariables = __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, data.variables);
-  const variableEntryIds = __privateGet(this, _host).selectedVariableEntryIds.split(",");
-  const variables = adaptedVariables.filter(
-    (variable) => variableEntryIds.includes(variable.dataFieldId) || variableEntryIds.includes(
-      `${variable.dataProductShortName}_${variable.dataProductVersion}_${variable.dataFieldAccessName}`
-    )
-  );
-  const missingVariableIds = variableEntryIds.filter(
-    (id) => !variables.some((v) => v.dataFieldId === id)
-  );
-  const missingVariables = (await Promise.all(missingVariableIds.map((id) => this.getVariable(id)))).filter(Boolean);
-  __privateGet(this, _host).selectedVariables = [...variables, ...missingVariables];
-};
-_buildSearchParams = new WeakSet();
-buildSearchParams_fn = function() {
-  var _a, _b;
-  const { searchQuery: query, selectedFacets } = __privateGet(this, _host);
-  if ((query === "Aerosols" || query === "aerosols") && !((_a = selectedFacets == null ? void 0 : selectedFacets.observations) == null ? void 0 : _a.includes("Aerosols"))) {
-    return {
-      q: void 0,
-      filter: __spreadProps(__spreadValues({}, selectedFacets), {
-        disciplines: [...(_b = selectedFacets == null ? void 0 : selectedFacets.disciplines) != null ? _b : [], "Aerosols"]
-      })
-    };
-  }
-  return {
-    q: query,
-    filter: selectedFacets
-  };
-};
-_adaptVariables = new WeakSet();
-adaptVariables_fn = function(variables) {
-  return variables.map((variable) => {
-    const exampleInitialDates = __privateMethod(this, _getReasonableInitialDates, getReasonableInitialDates_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
-    });
-  });
-};
-_getReasonableInitialDates = new WeakSet();
-getReasonableInitialDates_fn = function(variable) {
-  if (!(variable == null ? void 0 : variable.dataProductBeginDateTime) || !(variable == null ? void 0 : variable.dataProductEndDateTime)) {
-    return void 0;
-  }
-  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 {
-  BrowseVariablesController
-};

package/cdn/chunks/chunk.SMQJ5R6S.js

@@ -1,123 +0,0 @@
-import {
-  avatar_styles_default
-} from "./chunk.2KIRSUMB.js";
-import {
-  TerraIcon
-} from "./chunk.5CH4R2XF.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.HUU6UOOJ.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/avatar/avatar.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraAvatar = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.hasError = false;
-    this.image = "";
-    this.label = "";
-    this.initials = "";
-    this.loading = "eager";
-    this.shape = "circle";
-  }
-  handleImageChange() {
-    this.hasError = false;
-  }
-  handleImageLoadError() {
-    this.hasError = true;
-    this.emit("terra-error");
-  }
-  render() {
-    const avatarWithImage = b`
-            <img
-                part="image"
-                class="avatar__image"
-                src="${this.image}"
-                loading="${this.loading}"
-                alt=""
-                @error="${this.handleImageLoadError}"
-            />
-        `;
-    let avatarWithoutImage = b``;
-    if (this.initials) {
-      avatarWithoutImage = b`<div part="initials" class="avatar__initials">
-                ${this.initials}
-            </div>`;
-    } else {
-      avatarWithoutImage = b`
-                <div part="icon" class="avatar__icon" aria-hidden="true">
-                    <slot name="icon">
-                        <terra-icon
-                            name="solid-user"
-                            library="heroicons"
-                        ></terra-icon>
-                    </slot>
-                </div>
-            `;
-    }
-    return b`
-            <div
-                part="base"
-                class=${e({
-      avatar: true,
-      "avatar--circle": this.shape === "circle",
-      "avatar--rounded": this.shape === "rounded",
-      "avatar--square": this.shape === "square"
-    })}
-                role="img"
-                aria-label=${this.label}
-            >
-                ${this.image && !this.hasError ? avatarWithImage : avatarWithoutImage}
-            </div>
-        `;
-  }
-};
-TerraAvatar.styles = [component_styles_default, avatar_styles_default];
-TerraAvatar.dependencies = {
-  "terra-icon": TerraIcon
-};
-__decorateClass([
-  r()
-], TerraAvatar.prototype, "hasError", 2);
-__decorateClass([
-  n()
-], TerraAvatar.prototype, "image", 2);
-__decorateClass([
-  n()
-], TerraAvatar.prototype, "label", 2);
-__decorateClass([
-  n()
-], TerraAvatar.prototype, "initials", 2);
-__decorateClass([
-  n()
-], TerraAvatar.prototype, "loading", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraAvatar.prototype, "shape", 2);
-__decorateClass([
-  watch("image")
-], TerraAvatar.prototype, "handleImageChange", 1);
-
-export {
-  TerraAvatar
-};

package/cdn/chunks/chunk.SQZOUKTN.js

@@ -1,19 +0,0 @@
-import {
-  TerraMenu
-} from "./chunk.R6FQRIIQ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/menu/menu.ts
-init_dirname();
-init_buffer();
-init_process();
-var menu_default = TerraMenu;
-TerraMenu.define("terra-menu");
-
-export {
-  menu_default
-};

package/cdn/chunks/chunk.SRN76VVR.js

@@ -1,19 +0,0 @@
-import {
-  TerraInput
-} from "./chunk.ZEJSSTEK.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/input/input.ts
-init_dirname();
-init_buffer();
-init_process();
-var input_default = TerraInput;
-TerraInput.define("terra-input");
-
-export {
-  input_default
-};

package/cdn/chunks/chunk.SZVOEV6H.js

@@ -1,29 +0,0 @@
-import {
-  TerraSiteHeader
-} from "./chunk.3SWDEX6X.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/site-header/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-site-header";
-TerraSiteHeader.define("terra-site-header");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraSiteHeader,
-  react: React,
-  events: {},
-  displayName: "TerraSiteHeader"
-});
-var site_header_default = reactWrapper;
-
-export {
-  site_header_default
-};

package/cdn/chunks/chunk.T4ASJ5DA.js

@@ -1,294 +0,0 @@
-import {
-  MapService
-} from "./chunk.KQZCVDQH.js";
-import {
-  map_styles_default
-} from "./chunk.VZZ5VWGT.js";
-import {
-  h
-} from "./chunk.ASJLND3B.js";
-import {
-  QueryClientMixin
-} from "./chunk.DOUWGQFH.js";
-import {
-  o
-} from "./chunk.IL42CKDQ.js";
-import {
-  queryGiovanniGeoJsonShape,
-  queryGiovanniShapeFiles
-} from "./chunk.ZS2NFAQK.js";
-import {
-  QueryController
-} from "./chunk.YY3ZUPZV.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.HUU6UOOJ.js";
-import {
-  A,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/map/map.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _service;
-var TerraMap = class extends QueryClientMixin(TerraElement) {
-  constructor() {
-    super(...arguments);
-    this.minZoom = 0;
-    this.maxZoom = 23;
-    this.zoom = 1;
-    this.hasNavigation = false;
-    this.showMouseCoordinates = false;
-    this.hasShapeSelector = false;
-    this.showGraticule = false;
-    this.showBoundingBoxSelection = false;
-    this.showPointSelection = false;
-    this.showPolygonSelection = false;
-    this.showCircleSelection = false;
-    this.staticMode = false;
-    this.noWorldWrap = false;
-    this.spatialConstraints = "-180, -90, 180, 90";
-    this.fitToValue = false;
-    this.cursorCoordinates = [0, 0];
-    this.shapeLoading = false;
-    __privateAdd(this, _service, void 0);
-    /**
-     * List of geojson shapes
-     */
-    this.shapesQuery = new QueryController(this, () => queryGiovanniShapeFiles());
-  }
-  zoomChanged() {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.setZoom(this.zoom);
-  }
-  set hasCoordTracker(value) {
-    console.warn(
-      'The "has-coord-tracker" property is deprecated. Please use "show-mouse-coordinates" instead.'
-    );
-    this.showMouseCoordinates = value;
-  }
-  get hasCoordTracker() {
-    return this.showMouseCoordinates;
-  }
-  showGraticuleChanged() {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.toggleLayerVisibility("graticule", this.showGraticule);
-  }
-  set hideBoundingBoxSelection(value) {
-    console.warn(
-      'The "hide-bounding-box-selection" property is deprecated. Please use "show-bounding-box-selection" instead.'
-    );
-    this.showBoundingBoxSelection = !value;
-  }
-  get hideBoundingBoxSelection() {
-    return !this.showBoundingBoxSelection;
-  }
-  set hidePointSelection(value) {
-    console.warn(
-      'The "hide-point-selection" property is deprecated. Please use "show-point-selection" instead.'
-    );
-    this.showPointSelection = !value;
-  }
-  get hidePointSelection() {
-    return !this.showPointSelection;
-  }
-  drawButtonSelectionChanged() {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.updateDrawToolbarVisibility({
-      showBoundingBoxSelection: this.showBoundingBoxSelection,
-      showPointSelection: this.showPointSelection,
-      showPolygonSelection: this.showPolygonSelection,
-      showCircleSelection: this.showCircleSelection
-    });
-  }
-  valueChanged(_oldValue, newValue) {
-    var _a;
-    (_a = __privateGet(this, _service)) == null ? void 0 : _a.setValue(newValue);
-  }
-  async firstUpdated() {
-    __privateSet(this, _service, new MapService(this.mapElement, {
-      zoom: this.zoom,
-      minZoom: this.minZoom,
-      maxZoom: this.maxZoom,
-      showGraticule: this.showGraticule,
-      showBoundingBoxSelection: this.showBoundingBoxSelection,
-      showPointSelection: this.showPointSelection,
-      showPolygonSelection: this.showPolygonSelection,
-      showCircleSelection: this.showCircleSelection,
-      noWorldWrap: this.noWorldWrap,
-      value: this.value,
-      fitToValue: this.fitToValue,
-      getGeoJson: (shapeId) => this.queryClient.fetchQuery(queryGiovanniGeoJsonShape(shapeId)),
-      onMouseMove: (coordinate) => {
-        this.cursorCoordinates = coordinate;
-      },
-      onDraw: (detail) => {
-        this.emit("terra-map-change", { detail });
-      },
-      onShapeLoading: (loading) => {
-        this.shapeLoading = loading;
-      }
-    }));
-  }
-  selectTemplate() {
-    var _a;
-    const shapes = (_a = this.shapesQuery.result) == null ? void 0 : _a.data;
-    return b`
-            <select
-                class="map__select form-control"
-                @change=${(e2) => {
-      var _a2;
-      return (_a2 = __privateGet(this, _service)) == null ? void 0 : _a2.handleShapeSelect(e2);
-    }}
-            >
-                <option value="">Select a Shape...</option>
-
-                ${h(
-      o(shapes != null ? shapes : void 0, (category) => {
-        return b`<optgroup label="${category.title}">
-                            ${category.shapes.map((shape) => {
-          return b`
-                                    <option
-                                        value="${shape.shapefileID}/${shape.shapeID}"
-                                    >
-                                        ${shape.name}
-                                    </option>
-                                `;
-        })}
-                        </optgroup> `;
-      })
-    )}
-            </select>
-        `;
-  }
-  render() {
-    return b`
-            ${this.hasShapeSelector ? this.selectTemplate() : A}
-            <div part="map" class=${`map ${this.staticMode ? "static" : ""}`}>
-                ${this.showMouseCoordinates ? b`
-                          <div id="mouse-info">
-                              <div>
-                                  <strong
-                                      >lat: ${this.cursorCoordinates[1].toFixed(2)},
-                                      lng:
-                                      ${this.cursorCoordinates[0].toFixed(2)}</strong
-                                  >
-                              </div>
-                          </div>
-                      ` : A}
-                ${this.shapeLoading ? b`
-                          <div class="map__loading-overlay">
-                              <div class="map__spinner"></div>
-                          </div>
-                      ` : A}
-            </div>
-        `;
-  }
-};
-_service = new WeakMap();
-TerraMap.styles = [component_styles_default, map_styles_default];
-__decorateClass([
-  n({ attribute: "min-zoom", type: Number })
-], TerraMap.prototype, "minZoom", 2);
-__decorateClass([
-  n({ attribute: "max-zoom", type: Number })
-], TerraMap.prototype, "maxZoom", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraMap.prototype, "zoom", 2);
-__decorateClass([
-  watch("zoom")
-], TerraMap.prototype, "zoomChanged", 1);
-__decorateClass([
-  n({ attribute: "has-navigation", type: Boolean })
-], TerraMap.prototype, "hasNavigation", 2);
-__decorateClass([
-  n({ attribute: "show-mouse-coordinates", type: Boolean })
-], TerraMap.prototype, "showMouseCoordinates", 2);
-__decorateClass([
-  n({ attribute: "has-coord-tracker", type: Boolean })
-], TerraMap.prototype, "hasCoordTracker", 1);
-__decorateClass([
-  n({ attribute: "has-shape-selector", type: Boolean })
-], TerraMap.prototype, "hasShapeSelector", 2);
-__decorateClass([
-  n({ attribute: "show-graticule", type: Boolean })
-], TerraMap.prototype, "showGraticule", 2);
-__decorateClass([
-  watch("showGraticule")
-], TerraMap.prototype, "showGraticuleChanged", 1);
-__decorateClass([
-  n({ attribute: "show-bounding-box-selection", type: Boolean })
-], TerraMap.prototype, "showBoundingBoxSelection", 2);
-__decorateClass([
-  n({ attribute: "hide-bounding-box-selection", type: Boolean })
-], TerraMap.prototype, "hideBoundingBoxSelection", 1);
-__decorateClass([
-  n({ attribute: "show-point-selection", type: Boolean })
-], TerraMap.prototype, "showPointSelection", 2);
-__decorateClass([
-  n({ attribute: "hide-point-selection", type: Boolean })
-], TerraMap.prototype, "hidePointSelection", 1);
-__decorateClass([
-  n({ attribute: "show-polygon-selection", type: Boolean })
-], TerraMap.prototype, "showPolygonSelection", 2);
-__decorateClass([
-  n({ attribute: "show-circle-selection", type: Boolean })
-], TerraMap.prototype, "showCircleSelection", 2);
-__decorateClass([
-  n({ type: Boolean })
-], TerraMap.prototype, "staticMode", 2);
-__decorateClass([
-  n({ attribute: "no-world-wrap", type: Boolean })
-], TerraMap.prototype, "noWorldWrap", 2);
-__decorateClass([
-  n({ attribute: "spatial-constraints" })
-], TerraMap.prototype, "spatialConstraints", 2);
-__decorateClass([
-  n({ type: String })
-], TerraMap.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "fit-to-feature" })
-], TerraMap.prototype, "fitToValue", 2);
-__decorateClass([
-  e('[part="map"]')
-], TerraMap.prototype, "mapElement", 2);
-__decorateClass([
-  r()
-], TerraMap.prototype, "cursorCoordinates", 2);
-__decorateClass([
-  r()
-], TerraMap.prototype, "shapeLoading", 2);
-__decorateClass([
-  watch([
-    "showBoundingBoxSelection",
-    "showPointSelection",
-    "showPolygonSelection",
-    "showCircleSelection"
-  ])
-], TerraMap.prototype, "drawButtonSelectionChanged", 1);
-__decorateClass([
-  watch("value")
-], TerraMap.prototype, "valueChanged", 1);
-
-export {
-  TerraMap
-};

package/cdn/chunks/chunk.TAKBJ4KW.js

@@ -1,37 +0,0 @@
-import {
-  TerraInput
-} from "./chunk.ZEJSSTEK.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/input/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-input";
-TerraInput.define("terra-input");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraInput,
-  react: React,
-  events: {
-    onTerraInput: "terra-input",
-    onTerraChange: "terra-change",
-    onTerraFocus: "terra-focus",
-    onTerraBlur: "terra-blur",
-    onTerraInvalid: "terra-invalid",
-    onTerraClear: "terra-clear"
-  },
-  displayName: "TerraInput"
-});
-var input_default = reactWrapper;
-
-export {
-  input_default
-};