@nasa-terra/components 0.0.194 → 0.0.196

package/cdn/apis/cmr.api.d.ts

@@ -110,6 +110,8 @@ declare class CmrApi {
         maxDate?: string;
         isSubDaily: boolean;
         hasGranules: boolean;
+        firstGranule?: UmmG;
+        lastGranule?: UmmG;
     }>;
     searchGranules(params: SearchGranulesParams, options?: RequestOptions): Promise<UmmResponse<UmmG>>;
     getCollectionCitation(collectionEntryId: string, options?: RequestOptions): Promise<CmrCollectionCitationItem>;

package/cdn/chunks/chunk.223EDARB.js

@@ -0,0 +1,134 @@
+import {
+  tag_styles_default
+} from "./chunk.B3SDJXLA.js";
+import {
+  TerraIcon
+} from "./chunk.NPREEPWC.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.S7PDZNJ7.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
+};

package/cdn/chunks/chunk.25O3XREN.js

@@ -0,0 +1,19 @@
+import {
+  TerraCombobox
+} from "./chunk.FEEGZU35.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/combobox/combobox.ts
+init_dirname();
+init_buffer();
+init_process();
+var combobox_default = TerraCombobox;
+TerraCombobox.define("terra-combobox");
+
+export {
+  combobox_default
+};

package/cdn/chunks/chunk.2DPNENYJ.js

@@ -0,0 +1,99 @@
+import {
+  login_styles_default
+} from "./chunk.GTDPC327.js";
+import {
+  loader_default
+} from "./chunk.6UPMQVDK.js";
+import {
+  AuthController
+} from "./chunk.4JXPGYJW.js";
+import {
+  icon_default
+} from "./chunk.LZ2JHNZM.js";
+import {
+  button_default
+} from "./chunk.UABDU5XG.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.S7PDZNJ7.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/login/login.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _authController, _applyUserToMessage, applyUserToMessage_fn;
+var TerraLogin = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _applyUserToMessage);
+    this.buttonLabel = "Earthdata Login";
+    __privateAdd(this, _authController, new AuthController(this));
+  }
+  login() {
+    __privateGet(this, _authController).login();
+  }
+  logout() {
+    __privateGet(this, _authController).logout();
+  }
+  render() {
+    var _a;
+    if ((_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) {
+      const template = this.querySelector(
+        'template[slot="logged-in"]'
+      );
+      return b`${template ? template.content.cloneNode(true) : b`<slot name="logged-in" .user=${__privateGet(this, _authController).state.user}
+                      >${__privateMethod(this, _applyUserToMessage, applyUserToMessage_fn).call(this, this.loggedInMessage)}</slot
+                  >`}`;
+    }
+    if (__privateGet(this, _authController).state.isLoading) {
+      return b`<slot name="loading">${this.loadingMessage}</slot>`;
+    }
+    return b` <slot name="logged-out">${this.loggedOutMessage}</slot
+            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`;
+  }
+};
+_authController = new WeakMap();
+_applyUserToMessage = new WeakSet();
+applyUserToMessage_fn = function(message) {
+  var _a, _b, _c, _d, _e, _f;
+  return (message != null ? message : "").replace("{username}", (_b = (_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) != null ? _b : "").replace(
+    "{first_name}",
+    (_d = (_c = __privateGet(this, _authController).state.user) == null ? void 0 : _c.first_name) != null ? _d : ""
+  ).replace("{last_name}", (_f = (_e = __privateGet(this, _authController).state.user) == null ? void 0 : _e.last_name) != null ? _f : "");
+};
+TerraLogin.dependencies = {
+  "terra-button": button_default,
+  "terra-icon": icon_default,
+  "terra-loader": loader_default
+};
+TerraLogin.styles = [component_styles_default, login_styles_default];
+__decorateClass([
+  n({ attribute: "button-label" })
+], TerraLogin.prototype, "buttonLabel", 2);
+__decorateClass([
+  n({ attribute: "logged-in-message" })
+], TerraLogin.prototype, "loggedInMessage", 2);
+__decorateClass([
+  n({ attribute: "logged-out-message" })
+], TerraLogin.prototype, "loggedOutMessage", 2);
+__decorateClass([
+  n({ attribute: "loading-message" })
+], TerraLogin.prototype, "loadingMessage", 2);
+
+export {
+  TerraLogin
+};

package/cdn/chunks/chunk.2GYY4GR6.js

@@ -0,0 +1,33 @@
+import {
+  TerraVariableKeywordSearch
+} from "./chunk.XETYAXDA.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/variable-keyword-search/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-variable-keyword-search";
+TerraVariableKeywordSearch.define("terra-variable-keyword-search");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraVariableKeywordSearch,
+  react: React,
+  events: {
+    onTerraVariableKeywordSearchChange: "terra-variable-keyword-search-change",
+    onTerraSearch: "terra-search"
+  },
+  displayName: "TerraVariableKeywordSearch"
+});
+var variable_keyword_search_default = reactWrapper;
+
+export {
+  variable_keyword_search_default
+};

package/cdn/chunks/chunk.2HTJLWCA.js

@@ -0,0 +1,132 @@
+import {
+  tab_styles_default
+} from "./chunk.GMQKNYVV.js";
+import {
+  TerraIcon
+} from "./chunk.NPREEPWC.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e as e2,
+  n
+} from "./chunk.S7PDZNJ7.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/tab/tab.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var id = 0;
+var TerraTab = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.attrId = ++id;
+    this.componentId = `terra-tab-${this.attrId}`;
+    this.panel = "";
+    this.active = false;
+    this.closable = false;
+    this.disabled = false;
+    this.size = "large";
+    this.tabIndex = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "tab");
+  }
+  handleCloseClick(event) {
+    event.stopPropagation();
+    this.emit("terra-close");
+  }
+  handleActiveChange() {
+    this.setAttribute("aria-selected", this.active ? "true" : "false");
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+    if (this.disabled && !this.active) {
+      this.tabIndex = -1;
+    } else {
+      this.tabIndex = 0;
+    }
+  }
+  render() {
+    this.id = this.id.length > 0 ? this.id : this.componentId;
+    return b`
+            <div
+                part="base"
+                class=${e({
+      tab: true,
+      "tab--active": this.active,
+      "tab--closable": this.closable,
+      "tab--disabled": this.disabled,
+      "tab--large": this.size === "large",
+      "tab--small": this.size === "small"
+    })}
+            >
+                <slot></slot>
+                ${this.closable ? b`
+                          <button
+                              part="close-button"
+                              class="tab__close-button"
+                              @click=${this.handleCloseClick}
+                              tabindex="-1"
+                              aria-label="Close tab"
+                              type="button"
+                          >
+                              <terra-icon
+                                  name="x-mark"
+                                  library="heroicons"
+                                  font-size="1rem"
+                              ></terra-icon>
+                          </button>
+                      ` : ""}
+            </div>
+        `;
+  }
+};
+TerraTab.styles = [component_styles_default, tab_styles_default];
+TerraTab.dependencies = { "terra-icon": TerraIcon };
+__decorateClass([
+  e2(".tab")
+], TerraTab.prototype, "tab", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTab.prototype, "panel", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "active", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "closable", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "disabled", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTab.prototype, "size", 2);
+__decorateClass([
+  n({ type: Number, reflect: true })
+], TerraTab.prototype, "tabIndex", 2);
+__decorateClass([
+  watch("active")
+], TerraTab.prototype, "handleActiveChange", 1);
+__decorateClass([
+  watch("disabled")
+], TerraTab.prototype, "handleDisabledChange", 1);
+
+export {
+  TerraTab
+};

package/cdn/chunks/chunk.2JNRHC3A.js

@@ -0,0 +1,35 @@
+import {
+  TerraDropdown
+} from "./chunk.DPD2TPND.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/dropdown/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-dropdown";
+TerraDropdown.define("terra-dropdown");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDropdown,
+  react: React,
+  events: {
+    onTerraShow: "terra-show",
+    onTerraAfterShow: "terra-after-show",
+    onTerraHide: "terra-hide",
+    onTerraAfterHide: "terra-after-hide"
+  },
+  displayName: "TerraDropdown"
+});
+var dropdown_default = reactWrapper;
+
+export {
+  dropdown_default
+};

package/cdn/chunks/chunk.2KI6CF74.js

@@ -0,0 +1,33 @@
+import {
+  TerraTabs
+} from "./chunk.7MDERBD3.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/tabs/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-tabs";
+TerraTabs.define("terra-tabs");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTabs,
+  react: React,
+  events: {
+    onTerraTabShow: "terra-tab-show",
+    onTerraTabHide: "terra-tab-hide"
+  },
+  displayName: "TerraTabs"
+});
+var tabs_default = reactWrapper;
+
+export {
+  tabs_default
+};

package/cdn/chunks/chunk.2KWUH2W7.js

@@ -0,0 +1,19 @@
+import {
+  TerraStepper
+} from "./chunk.5F2EIVTA.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/stepper/stepper.ts
+init_dirname();
+init_buffer();
+init_process();
+var stepper_default = TerraStepper;
+TerraStepper.define("terra-stepper");
+
+export {
+  stepper_default
+};

package/cdn/chunks/chunk.2NPU54GH.js

@@ -0,0 +1,104 @@
+import {
+  chip_styles_default
+} from "./chunk.ELT22S3K.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.S7PDZNJ7.js";
+import {
+  A,
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/chip/chip.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _handleRemoveClick;
+var TerraChip = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.size = "medium";
+    this.closeable = false;
+    this.stack = false;
+    __privateAdd(this, _handleRemoveClick, () => {
+      this.emit("terra-remove");
+      this.remove();
+    });
+  }
+  render() {
+    return b`
+            <div
+                class="${e({
+      "chip--small": this.size === "small",
+      "chip--medium": this.size === "medium",
+      "chip--large": this.size === "large"
+    })}
+                chip"
+            >
+                <div
+                    class="${e({
+      "chip-content--small": this.size === "small",
+      "chip-content--medium": this.size === "medium",
+      "chip-content--large": this.size === "large"
+    })}
+                    chip-content"
+                >
+                    <slot part="content" class="tag__content"></slot>
+                </div>
+                ${this.closeable ? b`
+                          <button
+                              class="chip-close"
+                              @click="${__privateGet(this, _handleRemoveClick)}"
+                          >
+                              <svg
+                                  class="${e({
+      // Sizes
+      "chip-svg--small": this.size === "small",
+      "chip-svg--medium": this.size === "medium",
+      "chip-svg--large": this.size === "large"
+    })}
+                        chip-svg"
+                                  focusable="false"
+                                  viewBox="0 0 500 500"
+                                  aria-hidden="true"
+                              >
+                                  <path
+                                      d="M 227 56.036 H 265 V 227.037 H 436 V 265.036 H 265 V 436.036 H 227 V 265.036 H 56 V 227.037 H 227 Z"
+                                      style="paint-order: fill; fill-rule: nonzero; stroke-width: 0px; transform-origin: 246px 246.036px;"
+                                      transform="matrix(0.707107007504, 0.707107007504, -0.707107007504, 0.707107007504, -9.98393e-7, -0.000026419743)"
+                                  ></path>
+                              </svg>
+                          </button>
+                      ` : A}
+            </div>
+        `;
+  }
+};
+_handleRemoveClick = new WeakMap();
+TerraChip.styles = [component_styles_default, chip_styles_default];
+__decorateClass([
+  n({ reflect: true })
+], TerraChip.prototype, "size", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraChip.prototype, "closeable", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraChip.prototype, "stack", 2);
+
+export {
+  TerraChip
+};

package/cdn/chunks/chunk.2VFMFDPH.js

@@ -0,0 +1,19 @@
+import {
+  TerraBadge
+} from "./chunk.IQIMCVU7.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/badge/badge.ts
+init_dirname();
+init_buffer();
+init_process();
+var badge_default = TerraBadge;
+TerraBadge.define("terra-badge");
+
+export {
+  badge_default
+};