@nasa-terra/components 0.0.191 → 0.0.192

package/cdn/chunks/chunk.VMT2OA4F.js

@@ -1,71 +0,0 @@
-import {
-  tab_panel_styles_default
-} from "./chunk.NFI5NVW6.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.HUU6UOOJ.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/tab-panel/tab-panel.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var id = 0;
-var TerraTabPanel = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.attrId = ++id;
-    this.componentId = `terra-tab-panel-${this.attrId}`;
-    this.name = "";
-    this.active = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.id = this.id.length > 0 ? this.id : this.componentId;
-    this.setAttribute("role", "tabpanel");
-  }
-  handleActiveChange() {
-    this.setAttribute("aria-hidden", this.active ? "false" : "true");
-  }
-  render() {
-    return b`
-            <slot
-                part="base"
-                class=${e({
-      "tab-panel": true,
-      "tab-panel--active": this.active
-    })}
-            ></slot>
-        `;
-  }
-};
-TerraTabPanel.styles = [component_styles_default, tab_panel_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], TerraTabPanel.prototype, "name", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraTabPanel.prototype, "active", 2);
-__decorateClass([
-  watch("active")
-], TerraTabPanel.prototype, "handleActiveChange", 1);
-
-export {
-  TerraTabPanel
-};

package/cdn/chunks/chunk.VOVZK7CH.js

@@ -1,19 +0,0 @@
-import {
-  TerraTimeSeries
-} from "./chunk.AYVGZCLZ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/time-series/time-series.ts
-init_dirname();
-init_buffer();
-init_process();
-var time_series_default = TerraTimeSeries;
-TerraTimeSeries.define("terra-time-series");
-
-export {
-  time_series_default
-};

package/cdn/chunks/chunk.VXVQVMGN.js

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

package/cdn/chunks/chunk.W5LR7MI7.js

@@ -1,377 +0,0 @@
-import {
-  clearSelection,
-  renderSearchResult,
-  walkToOption
-} from "./chunk.YSHSEQ7M.js";
-import {
-  FetchController
-} from "./chunk.QGWK5PB4.js";
-import {
-  variable_keyword_search_styles_default
-} from "./chunk.JJRA6RDC.js";
-import {
-  icon_default
-} from "./chunk.AKPUZW7W.js";
-import {
-  QueryClientMixin
-} from "./chunk.DOUWGQFH.js";
-import {
-  Fuse
-} from "./chunk.LWXRUSS3.js";
-import {
-  o
-} from "./chunk.IL42CKDQ.js";
-import {
-  n as n2
-} from "./chunk.LRZIT4M2.js";
-import {
-  button_default
-} from "./chunk.CQ2HGWVM.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.HUU6UOOJ.js";
-import {
-  A,
-  b,
-  i
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  __spreadProps,
-  __spreadValues,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/variable-keyword-search/variable-keyword-search.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _combobox, _fetchController, _listbox, _searchEngine, _walker, _handleComboboxChange, _handleOptionClick, _handleKeydown, _manageListboxVisibility, _selectOption, _handleSearch, handleSearch_fn, _clearSearch, clearSearch_fn;
-var _TerraVariableKeywordSearch = class _TerraVariableKeywordSearch extends QueryClientMixin(
-  TerraElement
-) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handleSearch);
-    __privateAdd(this, _clearSearch);
-    __privateAdd(this, _combobox, null);
-    __privateAdd(this, _fetchController, new FetchController(this));
-    __privateAdd(this, _listbox, null);
-    __privateAdd(this, _searchEngine, null);
-    __privateAdd(this, _walker, null);
-    this.label = "Enter search terms (e.g., precipitation, AOD)";
-    this.hideLabel = true;
-    this.searchConfig = {
-      //* @see {@link https://www.fusejs.io/api/options.html#options}
-      keys: ["id"],
-      useExtendedSearch: true
-    };
-    this.isExpanded = false;
-    this.query = _TerraVariableKeywordSearch.initialQuery;
-    this.searchResults = [];
-    __privateAdd(this, _handleComboboxChange, (event) => {
-      var _a;
-      const target = event.target;
-      this.query = target.value;
-      if (target.value) {
-        this.isExpanded = true;
-      }
-      this.searchResults = (_a = __privateGet(this, _searchEngine)) == null ? void 0 : _a.search(target.value).map(({ item }) => item);
-    });
-    __privateAdd(this, _handleOptionClick, (event) => {
-      const path = event.composedPath();
-      const [target] = path.filter(
-        (eventTarget) => eventTarget.role === "option"
-      );
-      if (!target) {
-        return;
-      }
-      __privateGet(this, _selectOption).call(this, target);
-      __privateMethod(this, _handleSearch, handleSearch_fn).call(this, this.query);
-    });
-    __privateAdd(this, _handleKeydown, (event) => {
-      var _a;
-      switch (event.key) {
-        case "ArrowDown": {
-          if (!this.isExpanded) {
-            return;
-          }
-          clearSelection(
-            __privateGet(this, _combobox),
-            __privateGet(this, _listbox)
-          );
-          walkToOption(
-            __privateGet(this, _walker),
-            __privateGet(this, _combobox),
-            "next"
-          );
-          break;
-        }
-        case "ArrowUp": {
-          if (!this.isExpanded) {
-            return;
-          }
-          clearSelection(
-            __privateGet(this, _combobox),
-            __privateGet(this, _listbox)
-          );
-          walkToOption(
-            __privateGet(this, _walker),
-            __privateGet(this, _combobox),
-            "previous"
-          );
-          break;
-        }
-        case "Enter": {
-          const currentNode = (_a = __privateGet(this, _walker)) == null ? void 0 : _a.currentNode;
-          if (currentNode.role === "option") {
-            __privateGet(this, _selectOption).call(this, currentNode);
-          }
-          __privateMethod(this, _handleSearch, handleSearch_fn).call(this, this.query);
-          break;
-        }
-        case "Escape": {
-          clearSelection(
-            __privateGet(this, _combobox),
-            __privateGet(this, _listbox)
-          );
-          if (this.isExpanded) {
-            this.isExpanded = false;
-            this.dispatchEvent(new Event("cancel"));
-          } else {
-            this.query = _TerraVariableKeywordSearch.initialQuery;
-          }
-          break;
-        }
-        default: {
-          break;
-        }
-      }
-    });
-    __privateAdd(this, _manageListboxVisibility, (event) => {
-      const path = event.composedPath();
-      const containedThis = path.some(
-        (eventTarget) => eventTarget.localName === _TerraVariableKeywordSearch.tagName
-      );
-      if (!containedThis) {
-        this.isExpanded = false;
-      }
-    });
-    __privateAdd(this, _selectOption, (option) => {
-      this.query = option.id;
-      this.emit("terra-variable-keyword-search-change", { detail: option.id });
-      this.isExpanded = false;
-      clearSelection(
-        __privateGet(this, _combobox),
-        __privateGet(this, _listbox)
-      );
-    });
-  }
-  async valueChanged(_oldValue, newValue) {
-    this.query = newValue;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    globalThis.addEventListener("click", __privateGet(this, _manageListboxVisibility));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    globalThis.removeEventListener("click", __privateGet(this, _manageListboxVisibility));
-  }
-  clear() {
-    this.query = _TerraVariableKeywordSearch.initialQuery;
-  }
-  close() {
-    this.isExpanded = false;
-  }
-  toggle() {
-    this.isExpanded = !this.isExpanded;
-  }
-  render() {
-    var _a;
-    return b`<search part="base" title="Search through the list.">
-            <label for="combobox" class=${this.hideLabel ? "sr-only" : "input-label"}
-                >${this.label}</label
-            >
-            <div class="search-input-group">
-                <terra-button
-                    @click=${() => __privateMethod(this, _handleSearch, handleSearch_fn).call(this, this.query)}
-                    aria-label=${this.query ? `Search for ${this.query}.` : "Enter search term to enable search."}
-                    circle
-                    class="search-button search-input-button"
-                    outline
-                    tabindex="-1"
-                    type="button"
-                >
-                    <slot name="label">
-                        <terra-icon
-                            font-size="1.5em"
-                            library="heroicons"
-                            name="outline-magnifying-glass"
-                        ></terra-icon>
-                    </slot>
-                </terra-button>
-
-                <input
-                    ${n2((el) => {
-      var _a2;
-      if (el) {
-        (_a2 = __privateGet(this, _combobox)) != null ? _a2 : __privateSet(this, _combobox, el);
-      }
-    })}
-                    aria-autocomplete="list"
-                    aria-controls="listbox"
-                    aria-haspopup="list"
-                    aria-expanded=${this.isExpanded}
-                    autocomplete="off"
-                    class="combobox"
-                    id="combobox"
-                    part="combobox"
-                    role="combobox"
-                    type="text"
-                    .placeholder=${(_a = this.placeholder) != null ? _a : `${this.label}\u2026`}
-                    .value=${this.query}
-                    @input=${__privateGet(this, _handleComboboxChange)}
-                    @keydown=${__privateGet(this, _handleKeydown)}
-                />
-
-                ${this.query.length ? b`<terra-button
-                          @click=${() => __privateMethod(this, _clearSearch, clearSearch_fn).call(this)}
-                          aria-label="Clear the searched term and start over."
-                          circle
-                          class="clear-button search-input-button"
-                          outline
-                          tabindex="-1"
-                          type="button"
-                      >
-                          <slot name="label">
-                              <terra-icon
-                                  font-size="1.5em"
-                                  library="heroicons"
-                                  name="outline-x-circle"
-                              ></terra-icon>
-                          </slot>
-                      </terra-button>` : A}
-            </div>
-
-            <ul
-                ${n2((el) => {
-      var _a2;
-      if (el) {
-        (_a2 = __privateGet(this, _listbox)) != null ? _a2 : __privateSet(this, _listbox, el);
-      }
-    })}
-                ?inert=${!this.isExpanded}
-                ?open=${this.isExpanded}
-                @click=${__privateGet(this, _handleOptionClick)}
-                aria-label=${this.query ? `Keywords Matching ${this.query}` : "Keywords"}
-                id="listbox"
-                part="listbox"
-                role="listbox"
-                class="search-results"
-            >
-                ${__privateGet(this, _fetchController).render({
-      initial: () => b`<li class="updating">Updating List of Keywords</li>`,
-      pending: () => b`<li class="updating">Updating List of Keywords</li>`,
-      complete: (list) => {
-        __privateSet(this, _searchEngine, new Fuse(list, this.searchConfig));
-        __privateSet(this, _walker, document.createTreeWalker(
-          __privateGet(this, _listbox),
-          NodeFilter.SHOW_ELEMENT,
-          (node) => {
-            var _a2;
-            return ["option", "listbox"].includes(
-              (_a2 = node.role) != null ? _a2 : ""
-            ) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-          }
-        ));
-        return o(this.searchResults, renderSearchResult);
-      },
-      // TODO: Consider a more robust error strategy...like retry w/ backoff?
-      error: (errorMessage) => b`<li class="error">${errorMessage}</li>`
-    })}
-            </ul>
-        </search>`;
-  }
-};
-_combobox = new WeakMap();
-_fetchController = new WeakMap();
-_listbox = new WeakMap();
-_searchEngine = new WeakMap();
-_walker = new WeakMap();
-_handleComboboxChange = new WeakMap();
-_handleOptionClick = new WeakMap();
-_handleKeydown = new WeakMap();
-_manageListboxVisibility = new WeakMap();
-_selectOption = new WeakMap();
-_handleSearch = new WeakSet();
-handleSearch_fn = function(query) {
-  if (query.length) {
-    this.emit("terra-search", { detail: this.query });
-  }
-};
-_clearSearch = new WeakSet();
-clearSearch_fn = function() {
-  var _a;
-  this.query = _TerraVariableKeywordSearch.initialQuery;
-  this.emit("terra-search", { detail: this.query });
-  clearSelection(
-    __privateGet(this, _combobox),
-    __privateGet(this, _listbox)
-  );
-  (_a = __privateGet(this, _combobox)) == null ? void 0 : _a.focus();
-};
-_TerraVariableKeywordSearch.dependencies = {
-  "terra-button": button_default,
-  "terra-icon": icon_default
-};
-_TerraVariableKeywordSearch.styles = [component_styles_default, variable_keyword_search_styles_default];
-_TerraVariableKeywordSearch.shadowRootOptions = __spreadProps(__spreadValues({}, i.shadowRootOptions), {
-  delegatesFocus: true
-});
-_TerraVariableKeywordSearch.tagName = "terra-variable-keyword-search";
-_TerraVariableKeywordSearch.initialQuery = "";
-__decorateClass([
-  n()
-], _TerraVariableKeywordSearch.prototype, "label", 2);
-__decorateClass([
-  n()
-], _TerraVariableKeywordSearch.prototype, "placeholder", 2);
-__decorateClass([
-  n({ attribute: "hide-label", type: Boolean })
-], _TerraVariableKeywordSearch.prototype, "hideLabel", 2);
-__decorateClass([
-  n({ reflect: false, type: Object })
-], _TerraVariableKeywordSearch.prototype, "searchConfig", 2);
-__decorateClass([
-  n()
-], _TerraVariableKeywordSearch.prototype, "value", 2);
-__decorateClass([
-  r()
-], _TerraVariableKeywordSearch.prototype, "isExpanded", 2);
-__decorateClass([
-  r()
-], _TerraVariableKeywordSearch.prototype, "query", 2);
-__decorateClass([
-  r()
-], _TerraVariableKeywordSearch.prototype, "searchResults", 2);
-__decorateClass([
-  watch("value")
-], _TerraVariableKeywordSearch.prototype, "valueChanged", 1);
-var TerraVariableKeywordSearch = _TerraVariableKeywordSearch;
-
-export {
-  TerraVariableKeywordSearch
-};

package/cdn/chunks/chunk.W7II6UEO.js

@@ -1,34 +0,0 @@
-import {
-  TerraTimeSeries
-} from "./chunk.AYVGZCLZ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/time-series/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-time-series";
-TerraTimeSeries.define("terra-time-series");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraTimeSeries,
-  react: React,
-  events: {
-    onTerraDateRangeChange: "terra-date-range-change",
-    onTerraTimeSeriesDataChange: "terra-time-series-data-change",
-    onTerraHarmonyJobStatusUpdate: "terra-harmony-job-status-update"
-  },
-  displayName: "TerraTimeSeries"
-});
-var time_series_default = reactWrapper;
-
-export {
-  time_series_default
-};

package/cdn/chunks/chunk.WA5AZ33L.js

@@ -1,134 +0,0 @@
-import {
-  tag_styles_default
-} from "./chunk.B3SDJXLA.js";
-import {
-  TerraIcon
-} from "./chunk.5CH4R2XF.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.HUU6UOOJ.js";
-import {
-  A,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/tag/tag.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraTag = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "content";
-    this.size = "medium";
-    this.iconLibrary = "default";
-    this.stack = false;
-    this.dark = false;
-    this.handleClick = (e2) => {
-      if (this.variant === "topic") {
-        this.emit("terra-click", { detail: { originalEvent: e2 } });
-      }
-    };
-  }
-  render() {
-    const isLink = this.variant === "topic" && this.href;
-    const isContent = this.variant === "content";
-    const baseClasses = {
-      tag: true,
-      "tag--content": isContent,
-      "tag--topic": this.variant === "topic",
-      "tag--urgent": this.variant === "urgent",
-      "tag--small": this.size === "small",
-      "tag--medium": this.size === "medium",
-      "tag--large": this.size === "large"
-    };
-    const content = b`
-            ${isContent ? b`
-                      <span
-                          part="icon"
-                          class="${e({
-      tag__icon: true,
-      "tag__icon--small": this.size === "small",
-      "tag__icon--medium": this.size === "medium",
-      "tag__icon--large": this.size === "large"
-    })}"
-                      >
-                          <slot name="icon">
-                              ${this.icon ? b`
-                                        <terra-icon
-                                            name="${this.icon}"
-                                            library="${this.iconLibrary}"
-                                        ></terra-icon>
-                                    ` : A}
-                          </slot>
-                      </span>
-                  ` : A}
-            <span part="label" class="tag__label">
-                <slot></slot>
-            </span>
-        `;
-    if (isLink) {
-      return b`
-                <a
-                    part="base"
-                    href="${this.href}"
-                    class="${e(baseClasses)}"
-                    @click="${this.handleClick}"
-                >
-                    ${content}
-                </a>
-            `;
-    }
-    return b`
-            <div
-                part="base"
-                class="${e(baseClasses)}"
-                @click="${this.handleClick}"
-                role="${this.variant === "topic" ? "button" : A}"
-                tabindex="${this.variant === "topic" && !this.href ? "0" : A}"
-            >
-                ${content}
-            </div>
-        `;
-  }
-};
-TerraTag.styles = [component_styles_default, tag_styles_default];
-TerraTag.dependencies = {
-  "terra-icon": TerraIcon
-};
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "variant", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "size", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "icon", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "iconLibrary", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraTag.prototype, "stack", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraTag.prototype, "dark", 2);
-__decorateClass([
-  n()
-], TerraTag.prototype, "href", 2);
-
-export {
-  TerraTag
-};