@nasa-terra/components 0.0.138 → 0.0.139

package/dist/chunks/chunk.BBXDX7XQ.js

@@ -1,264 +0,0 @@
-import {
-  textarea_styles_default
-} from "./chunk.Q5ADS6UN.js";
-import {
-  defaultValue
-} from "./chunk.7C67ZMHT.js";
-import {
-  form_control_styles_default
-} from "./chunk.Y6E3L66U.js";
-import {
-  FormControlController
-} from "./chunk.KT52MHEF.js";
-import {
-  HasSlotController
-} from "./chunk.7YRJKZ6R.js";
-import {
-  watch
-} from "./chunk.NWXJOH5T.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.QWT24I4A.js";
-import {
-  __decorateClass
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/textarea/textarea.component.ts
-import { property, query, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { live } from "lit/directives/live.js";
-var TerraTextarea = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      value: (control) => control.value,
-      defaultValue: (control) => control.defaultValue,
-      setValue: (control, value) => control.value = value
-    });
-    this.hasSlotController = new HasSlotController(this, "help-text");
-    this.hasFocus = false;
-    this.name = "";
-    this.value = "";
-    this.placeholder = "";
-    this.disabled = false;
-    this.readonly = false;
-    this.required = false;
-    this.label = "";
-    this.hideLabel = false;
-    this.helpText = "";
-    this.resize = "vertical";
-    this.defaultValue = "";
-    this.form = "";
-  }
-  /** Gets the validity state object */
-  get validity() {
-    return this.textarea.validity;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.textarea.validationMessage;
-  }
-  firstUpdated() {
-    this.formControlController.updateValidity();
-  }
-  handleInput() {
-    this.value = this.textarea.value;
-    this.formControlController.updateValidity();
-    this.emit("terra-input");
-  }
-  handleChange() {
-    this.value = this.textarea.value;
-    this.formControlController.updateValidity();
-    this.emit("terra-change");
-  }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("terra-focus");
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.formControlController.updateValidity();
-    this.emit("terra-blur");
-  }
-  handleDisabledChange() {
-    this.formControlController.setValidity(this.disabled);
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.textarea.checkValidity();
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity() {
-    return this.textarea.reportValidity();
-  }
-  /**
-   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
-   */
-  setCustomValidity(message) {
-    this.textarea.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
-  focus(options) {
-    this.textarea.focus(options);
-  }
-  blur() {
-    this.textarea.blur();
-  }
-  select() {
-    this.textarea.select();
-  }
-  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
-    this.textarea.setSelectionRange(
-      selectionStart,
-      selectionEnd,
-      selectionDirection
-    );
-  }
-  render() {
-    const hasHelpTextSlot = this.hasSlotController.test("help-text");
-    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
-    return html`
-            <div
-                class=${classMap({
-      "form-control": true,
-      "form-control--has-help-text": hasHelpText
-    })}
-            >
-                ${this.label ? html`
-                          <label
-                              for="textarea"
-                              part="form-control-label"
-                              class=${this.hideLabel ? "textarea__label textarea__label--hidden" : "textarea__label"}
-                          >
-                              ${this.label}
-                              ${this.required ? html`<span class="textarea__required-indicator"
-                                        >*</span
-                                    >` : ""}
-                          </label>
-                      ` : ""}
-
-                <div
-                    part="base"
-                    class=${classMap({
-      textarea: true,
-      "textarea--disabled": this.disabled,
-      "textarea--focused": this.hasFocus,
-      "textarea--resize-none": this.resize === "none",
-      "textarea--resize-both": this.resize === "both",
-      "textarea--resize-horizontal": this.resize === "horizontal",
-      "textarea--resize-vertical": this.resize === "vertical"
-    })}
-                >
-                    <textarea
-                        part="textarea"
-                        id="textarea"
-                        class="textarea__control"
-                        name=${ifDefined(this.name || void 0)}
-                        ?disabled=${this.disabled}
-                        ?readonly=${this.readonly}
-                        ?required=${this.required}
-                        placeholder=${ifDefined(this.placeholder || void 0)}
-                        minlength=${ifDefined(this.minlength)}
-                        maxlength=${ifDefined(this.maxlength)}
-                        rows=${ifDefined(this.rows)}
-                        cols=${ifDefined(this.cols)}
-                        .value=${live(this.value)}
-                        autocomplete=${ifDefined(this.autocomplete)}
-                        aria-describedby="help-text"
-                        @input=${this.handleInput}
-                        @change=${this.handleChange}
-                        @invalid=${this.handleInvalid}
-                        @focus=${this.handleFocus}
-                        @blur=${this.handleBlur}
-                    ></textarea>
-                </div>
-
-                <div
-                    aria-hidden=${hasHelpText ? "false" : "true"}
-                    class="form-control__help-text"
-                    id="help-text"
-                    part="form-control-help-text"
-                >
-                    <slot name="help-text">${this.helpText}</slot>
-                </div>
-            </div>
-        `;
-  }
-};
-TerraTextarea.styles = [component_styles_default, form_control_styles_default, textarea_styles_default];
-__decorateClass([
-  query(".textarea__control")
-], TerraTextarea.prototype, "textarea", 2);
-__decorateClass([
-  state()
-], TerraTextarea.prototype, "hasFocus", 2);
-__decorateClass([
-  property()
-], TerraTextarea.prototype, "name", 2);
-__decorateClass([
-  property()
-], TerraTextarea.prototype, "value", 2);
-__decorateClass([
-  property()
-], TerraTextarea.prototype, "placeholder", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraTextarea.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraTextarea.prototype, "readonly", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraTextarea.prototype, "required", 2);
-__decorateClass([
-  property()
-], TerraTextarea.prototype, "autocomplete", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraTextarea.prototype, "minlength", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraTextarea.prototype, "maxlength", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraTextarea.prototype, "rows", 2);
-__decorateClass([
-  property({ type: Number })
-], TerraTextarea.prototype, "cols", 2);
-__decorateClass([
-  property()
-], TerraTextarea.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "hide-label", type: Boolean })
-], TerraTextarea.prototype, "hideLabel", 2);
-__decorateClass([
-  property({ attribute: "help-text" })
-], TerraTextarea.prototype, "helpText", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraTextarea.prototype, "resize", 2);
-__decorateClass([
-  defaultValue("value")
-], TerraTextarea.prototype, "defaultValue", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraTextarea.prototype, "form", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], TerraTextarea.prototype, "handleDisabledChange", 1);
-
-export {
-  TerraTextarea
-};

package/dist/chunks/chunk.BD64ORBT.js

@@ -1,21 +0,0 @@
-import {
-  TerraSkeleton
-} from "./chunk.S4TF5Z5E.js";
-
-// src/react/skeleton/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-skeleton";
-TerraSkeleton.define("terra-skeleton");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraSkeleton,
-  react: React,
-  events: {},
-  displayName: "TerraSkeleton"
-});
-var skeleton_default = reactWrapper;
-
-export {
-  skeleton_default
-};

package/dist/chunks/chunk.BDMFPOB3.js

@@ -1,153 +0,0 @@
-import {
-  option_styles_default
-} from "./chunk.3FT46B5J.js";
-import {
-  TerraIcon
-} from "./chunk.72RIQ36D.js";
-import {
-  watch
-} from "./chunk.NWXJOH5T.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.QWT24I4A.js";
-import {
-  __decorateClass
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/option/option.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var TerraOption = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.isInitialized = false;
-    this.current = false;
-    this.selected = false;
-    this.hasHover = false;
-    this.value = "";
-    this.disabled = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "option");
-    this.setAttribute("aria-selected", "false");
-  }
-  handleDefaultSlotChange() {
-    if (this.isInitialized) {
-      customElements.whenDefined("terra-select").then(() => {
-        const controller = this.closest("terra-select");
-        if (controller) {
-          controller.handleDefaultSlotChange();
-        }
-      });
-    } else {
-      this.isInitialized = true;
-    }
-  }
-  handleMouseEnter() {
-    this.hasHover = true;
-  }
-  handleMouseLeave() {
-    this.hasHover = false;
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleSelectedChange() {
-    this.setAttribute("aria-selected", this.selected ? "true" : "false");
-  }
-  handleValueChange() {
-    if (typeof this.value !== "string") {
-      this.value = String(this.value);
-    }
-    if (this.value.includes(" ")) {
-      console.error(
-        `Option values cannot include a space. All spaces have been replaced with underscores.`,
-        this
-      );
-      this.value = this.value.replace(/ /g, "_");
-    }
-  }
-  /** Returns a plain text label based on the option's content. */
-  getTextLabel() {
-    const nodes = this.childNodes;
-    let label = "";
-    [...nodes].forEach((node) => {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        if (!node.hasAttribute("slot")) {
-          label += node.textContent;
-        }
-      }
-      if (node.nodeType === Node.TEXT_NODE) {
-        label += node.textContent;
-      }
-    });
-    return label.trim();
-  }
-  render() {
-    return html`
-            <div
-                part="base"
-                class=${classMap({
-      option: true,
-      "option--current": this.current,
-      "option--disabled": this.disabled,
-      "option--selected": this.selected,
-      "option--hover": this.hasHover
-    })}
-                @mouseenter=${this.handleMouseEnter}
-                @mouseleave=${this.handleMouseLeave}
-            >
-                <terra-icon
-                    part="checked-icon"
-                    class="option__check"
-                    name="outline-check"
-                    library="heroicons"
-                    aria-hidden="true"
-                ></terra-icon>
-                <slot part="prefix" name="prefix" class="option__prefix"></slot>
-                <slot
-                    part="label"
-                    class="option__label"
-                    @slotchange=${this.handleDefaultSlotChange}
-                ></slot>
-                <slot part="suffix" name="suffix" class="option__suffix"></slot>
-            </div>
-        `;
-  }
-};
-TerraOption.styles = [component_styles_default, option_styles_default];
-TerraOption.dependencies = { "terra-icon": TerraIcon };
-__decorateClass([
-  query(".option__label")
-], TerraOption.prototype, "defaultSlot", 2);
-__decorateClass([
-  state()
-], TerraOption.prototype, "current", 2);
-__decorateClass([
-  state()
-], TerraOption.prototype, "selected", 2);
-__decorateClass([
-  state()
-], TerraOption.prototype, "hasHover", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraOption.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraOption.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled")
-], TerraOption.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("selected")
-], TerraOption.prototype, "handleSelectedChange", 1);
-__decorateClass([
-  watch("value")
-], TerraOption.prototype, "handleValueChange", 1);
-
-export {
-  TerraOption
-};

package/dist/chunks/chunk.BEGIYBUS.js

@@ -1,190 +0,0 @@
-import {
-  calculateMeanGranuleSize,
-  formatGranuleSize
-} from "./chunk.CGVPVXTX.js";
-import {
-  CmrCatalog
-} from "./chunk.3M5K2VRJ.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/data-access/data-access.controller.ts
-import { Task } from "@lit/task";
-var _host, _catalog, _totalGranules, _granules, _sampling, _cloudCoverRange, _getCatalogRepository, getCatalogRepository_fn, _getCollectionEntryId, getCollectionEntryId_fn;
-var DataAccessController = class {
-  constructor(host) {
-    __privateAdd(this, _getCatalogRepository);
-    __privateAdd(this, _getCollectionEntryId);
-    __privateAdd(this, _host, void 0);
-    __privateAdd(this, _catalog, void 0);
-    __privateAdd(this, _totalGranules, 0);
-    __privateAdd(this, _granules, []);
-    __privateAdd(this, _sampling, void 0);
-    __privateAdd(this, _cloudCoverRange, null);
-    __privateSet(this, _host, host);
-    __privateSet(this, _catalog, __privateMethod(this, _getCatalogRepository, getCatalogRepository_fn).call(this));
-    this.fetchGranulesTask = new Task(host, {
-      task: async ([
-        collectionEntryId,
-        startRow,
-        endRow,
-        sortBy,
-        sortDirection,
-        search,
-        cloudCover
-      ], { signal }) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-        console.log(
-          "fetch granules",
-          collectionEntryId,
-          startRow,
-          endRow,
-          sortBy,
-          sortDirection,
-          search,
-          cloudCover
-        );
-        if (!collectionEntryId) {
-          return void 0;
-        }
-        const granules = await __privateGet(this, _catalog).getGranules(collectionEntryId, {
-          signal,
-          offset: startRow,
-          limit: endRow - startRow,
-          sortBy,
-          sortDirection,
-          search,
-          cloudCover,
-          startDate: __privateGet(this, _host).startDate,
-          endDate: __privateGet(this, _host).endDate,
-          location: __privateGet(this, _host).location
-        });
-        __privateSet(this, _granules, (_e = (_d = (_c = (_b = (_a = granules == null ? void 0 : granules.collections) == null ? void 0 : _a.items) == null ? void 0 : _b[0]) == null ? void 0 : _c.granules) == null ? void 0 : _d.items) != null ? _e : []);
-        __privateSet(this, _totalGranules, (_j = (_i = (_h = (_g = (_f = granules == null ? void 0 : granules.collections) == null ? void 0 : _f.items) == null ? void 0 : _g[0]) == null ? void 0 : _h.granules) == null ? void 0 : _i.count) != null ? _j : 0);
-        return __privateGet(this, _granules);
-      },
-      autoRun: false
-    });
-    new Task(host, {
-      task: async ([shortName, version], { signal }) => {
-        var _a, _b, _c;
-        const collectionEntryId = __privateMethod(this, _getCollectionEntryId, getCollectionEntryId_fn).call(this, shortName, version);
-        if (!collectionEntryId) {
-          return;
-        }
-        const sampling = await __privateGet(this, _catalog).getSamplingOfGranules(
-          collectionEntryId,
-          {
-            signal
-          }
-        );
-        __privateSet(this, _sampling, (_c = (_b = (_a = sampling == null ? void 0 : sampling.collections) == null ? void 0 : _a.items) == null ? void 0 : _b[0]) != null ? _c : []);
-        return __privateGet(this, _sampling);
-      },
-      args: () => [__privateGet(this, _host).shortName, __privateGet(this, _host).version]
-    });
-    new Task(host, {
-      task: async ([shortName, version], { signal }) => {
-        const collectionEntryId = __privateMethod(this, _getCollectionEntryId, getCollectionEntryId_fn).call(this, shortName, version);
-        if (!collectionEntryId) {
-          return;
-        }
-        const cloudCoverRange = await __privateGet(this, _catalog).getCloudCoverRange(
-          collectionEntryId,
-          {
-            signal
-          }
-        );
-        __privateSet(this, _cloudCoverRange, cloudCoverRange);
-        return __privateGet(this, _cloudCoverRange);
-      },
-      args: () => [__privateGet(this, _host).shortName, __privateGet(this, _host).version]
-    });
-  }
-  get granules() {
-    return __privateGet(this, _granules);
-  }
-  get totalGranules() {
-    return __privateGet(this, _totalGranules);
-  }
-  get sampling() {
-    return __privateGet(this, _sampling);
-  }
-  get granuleMinDate() {
-    var _a;
-    if (!((_a = __privateGet(this, _sampling)) == null ? void 0 : _a.firstGranules)) {
-      return null;
-    }
-    return __privateGet(this, _sampling).firstGranules.items[0].dataGranule.productionDateTime;
-  }
-  get granuleMaxDate() {
-    var _a;
-    if (!((_a = __privateGet(this, _sampling)) == null ? void 0 : _a.lastGranules)) {
-      return null;
-    }
-    const granules = __privateGet(this, _sampling).lastGranules.items;
-    return granules[granules.length - 1].dataGranule.productionDateTime;
-  }
-  get estimatedSize() {
-    var _a, _b, _c;
-    if (!((_a = __privateGet(this, _sampling)) == null ? void 0 : _a.firstGranules)) {
-      return null;
-    }
-    const firstAndLastGranules = (_c = __privateGet(this, _sampling)) == null ? void 0 : _c.firstGranules.items.concat(
-      (_b = __privateGet(this, _sampling)) == null ? void 0 : _b.lastGranules.items
-    );
-    return firstAndLastGranules ? formatGranuleSize(
-      calculateMeanGranuleSize(firstAndLastGranules) * __privateGet(this, _totalGranules)
-    ) : null;
-  }
-  get cloudCoverRange() {
-    return __privateGet(this, _cloudCoverRange);
-  }
-  async fetchGranules({
-    collectionEntryId,
-    startRow,
-    endRow,
-    sortBy,
-    sortDirection,
-    search,
-    cloudCover
-  }) {
-    return this.fetchGranulesTask.run([
-      collectionEntryId,
-      startRow,
-      endRow,
-      sortBy != null ? sortBy : "title",
-      sortDirection != null ? sortDirection : "asc",
-      search != null ? search : "",
-      cloudCover != null ? cloudCover : { min: void 0, max: void 0 }
-    ]);
-  }
-  render(renderFunctions) {
-    return this.fetchGranulesTask.render(renderFunctions);
-  }
-};
-_host = new WeakMap();
-_catalog = new WeakMap();
-_totalGranules = new WeakMap();
-_granules = new WeakMap();
-_sampling = new WeakMap();
-_cloudCoverRange = new WeakMap();
-_getCatalogRepository = new WeakSet();
-getCatalogRepository_fn = function() {
-  return new CmrCatalog();
-};
-_getCollectionEntryId = new WeakSet();
-getCollectionEntryId_fn = function(shortName, version) {
-  if (!shortName || !version) {
-    return;
-  }
-  return `${shortName}_${version}`;
-};
-
-export {
-  DataAccessController
-};

package/dist/chunks/chunk.BENFLFQZ.js

@@ -1,11 +0,0 @@
-import {
-  TerraTimeAverageMap
-} from "./chunk.7OCJU3PJ.js";
-
-// src/components/time-average-map/time-average-map.ts
-var time_average_map_default = TerraTimeAverageMap;
-TerraTimeAverageMap.define("terra-time-average-map");
-
-export {
-  time_average_map_default
-};

package/dist/chunks/chunk.BFHIXX4U.js

@@ -1,21 +0,0 @@
-import {
-  TerraDataSubsetterHistory
-} from "./chunk.TFIG7TXR.js";
-
-// src/react/data-subsetter-history/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-data-subsetter-history";
-TerraDataSubsetterHistory.define("terra-data-subsetter-history");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDataSubsetterHistory,
-  react: React,
-  events: {},
-  displayName: "TerraDataSubsetterHistory"
-});
-var data_subsetter_history_default = reactWrapper;
-
-export {
-  data_subsetter_history_default
-};

package/dist/chunks/chunk.BGF4PQZ6.js

@@ -1,28 +0,0 @@
-import {
-  TerraCheckbox
-} from "./chunk.BAMCVKFY.js";
-
-// src/react/checkbox/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-checkbox";
-TerraCheckbox.define("terra-checkbox");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraCheckbox,
-  react: React,
-  events: {
-    onTerraBlur: "terra-blur",
-    onTerraChange: "terra-change",
-    onTerraFocus: "terra-focus",
-    onTerraInput: "terra-input",
-    onTerraInvalid: "terra-invalid"
-  },
-  displayName: "TerraCheckbox"
-});
-var checkbox_default = reactWrapper;
-
-export {
-  checkbox_default
-};

package/dist/chunks/chunk.BLERQFGP.js

@@ -1,11 +0,0 @@
-import {
-  TerraChip
-} from "./chunk.D33KF56V.js";
-
-// src/components/chip/chip.ts
-var chip_default = TerraChip;
-TerraChip.define("terra-chip");
-
-export {
-  chip_default
-};