@nasa-terra/components 0.0.170 → 0.0.172

package/cdn/chunks/chunk.4K7DWAUK.js

@@ -0,0 +1,165 @@
+import {
+  option_styles_default
+} from "./chunk.CWE7S2N2.js";
+import {
+  TerraIcon
+} from "./chunk.MVGDUHXD.js";
+import {
+  e
+} from "./chunk.P3OLQVQM.js";
+import {
+  watch
+} from "./chunk.5WMSKURU.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e as e2,
+  n,
+  r
+} from "./chunk.TBAPGHFB.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/option/option.component.ts
+init_dirname();
+init_buffer();
+init_process();
+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 x`
+            <div
+                part="base"
+                class=${e({
+      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([
+  e2(".option__label")
+], TerraOption.prototype, "defaultSlot", 2);
+__decorateClass([
+  r()
+], TerraOption.prototype, "current", 2);
+__decorateClass([
+  r()
+], TerraOption.prototype, "selected", 2);
+__decorateClass([
+  r()
+], TerraOption.prototype, "hasHover", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraOption.prototype, "value", 2);
+__decorateClass([
+  n({ 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/cdn/chunks/chunk.4LU3KPCC.js

@@ -0,0 +1,99 @@
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/metadata-catalog/utilities.ts
+init_dirname();
+init_buffer();
+init_process();
+function getGranuleUrl(granule) {
+  const getDataUrl = granule.relatedUrls.find((url) => url.type === "GET DATA");
+  return getDataUrl == null ? void 0 : getDataUrl.url;
+}
+function getVariableEntryId(host) {
+  var _a, _b;
+  if ((_a = host.variableEntryIds) == null ? void 0 : _a.length) {
+    return host.variableEntryIds[0];
+  }
+  if (!host.variableEntryId && !(host.collection && host.variable)) {
+    return;
+  }
+  return (_b = host.variableEntryId) != null ? _b : `${host.collection}_${host.variable}`;
+}
+function getVariableEntryIds(host) {
+  var _a;
+  if ((_a = host.variableEntryIds) == null ? void 0 : _a.length) {
+    return [
+      ...new Set(host.variableEntryIds.map((id) => id.trim()).filter(Boolean))
+    ];
+  }
+  const variableEntryId = getVariableEntryId(host);
+  return variableEntryId ? [variableEntryId] : [];
+}
+function formatGranuleSize(sizeInMB) {
+  const UNITS = ["MB", "GB", "TB", "PB"];
+  const THRESHOLD = 1e3;
+  let size = sizeInMB;
+  let unitIndex = 0;
+  while (size >= THRESHOLD && unitIndex < UNITS.length - 1) {
+    size /= 1024;
+    unitIndex++;
+  }
+  const decimals = size >= 100 ? 0 : size >= 10 ? 1 : 2;
+  return `${size.toFixed(decimals)} ${UNITS[unitIndex]}`;
+}
+function calculateMeanGranuleSize(granules) {
+  const sizes = granules.map((granule) => calculateGranuleSize(granule, "MB"));
+  return sizes.reduce((a, b) => a + b, 0) / sizes.length;
+}
+function calculateGranuleSize(granule, unit) {
+  const archiveInfo = granule.dataGranule.archiveAndDistributionInformation;
+  if (!archiveInfo || !Array.isArray(archiveInfo)) {
+    return 0;
+  }
+  const BYTES_PER_UNIT = {
+    KB: 1024,
+    MB: 1024 * 1024,
+    GB: 1024 * 1024 * 1024,
+    TB: 1024 * 1024 * 1024 * 1024,
+    PB: 1024 * 1024 * 1024 * 1024 * 1024,
+    NA: 0
+  };
+  let totalBytes = 0;
+  function processItem(item) {
+    if (item.sizeInBytes != null) {
+      return item.sizeInBytes;
+    }
+    if (item.size != null && item.sizeUnit) {
+      const conversionFactor = BYTES_PER_UNIT[item.sizeUnit];
+      if (conversionFactor) {
+        return item.size * conversionFactor;
+      }
+    }
+    return 0;
+  }
+  function processFilePackageOrFile(item) {
+    let itemBytes = processItem(item);
+    if (item.files && Array.isArray(item.files)) {
+      for (const file of item.files) {
+        itemBytes += processItem(file);
+      }
+    }
+    return itemBytes;
+  }
+  for (const item of archiveInfo) {
+    totalBytes += processFilePackageOrFile(item);
+  }
+  return totalBytes / BYTES_PER_UNIT[unit];
+}
+
+export {
+  getGranuleUrl,
+  getVariableEntryId,
+  getVariableEntryIds,
+  formatGranuleSize,
+  calculateMeanGranuleSize,
+  calculateGranuleSize
+};

package/cdn/chunks/chunk.534PJBWA.js

@@ -0,0 +1,293 @@
+import {
+  input_default
+} from "./chunk.HCQP36AM.js";
+import {
+  earthdata_login_styles_default
+} from "./chunk.RZZHOKXL.js";
+import {
+  loader_default
+} from "./chunk.UDFTBRW5.js";
+import {
+  AuthController
+} from "./chunk.PBKMNUYF.js";
+import {
+  icon_default
+} from "./chunk.SQLAADR2.js";
+import {
+  button_default
+} from "./chunk.6HUSY5A5.js";
+import {
+  s
+} from "./chunk.WQPCK3PB.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e,
+  n,
+  r
+} from "./chunk.TBAPGHFB.js";
+import {
+  E,
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/earthdata-login/earthdata-login.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _authController, _handleUsernameInput, handleUsernameInput_fn, _handlePasswordInput, handlePasswordInput_fn, _validateUsername, validateUsername_fn, _validatePassword, validatePassword_fn, _handleFormSubmit, handleFormSubmit_fn;
+var TerraEarthdataLogin = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _handleUsernameInput);
+    __privateAdd(this, _handlePasswordInput);
+    __privateAdd(this, _validateUsername);
+    __privateAdd(this, _validatePassword);
+    __privateAdd(this, _handleFormSubmit);
+    this.username = "";
+    this.password = "";
+    this.hidePasswordToggle = false;
+    this.autoLogin = false;
+    this.usernameError = "";
+    this.passwordError = "";
+    __privateAdd(this, _authController, new AuthController(this));
+  }
+  firstUpdated() {
+    if (this.username && this.password) {
+      this.hidePasswordToggle = true;
+      if (this.autoLogin) {
+        __privateGet(this, _authController).loginTask.run([this.username, this.password]);
+      }
+    }
+  }
+  render() {
+    var _a;
+    return x`
+            <div class="login-container">
+                <div class="login-header">
+                    <a>
+                        <terra-icon name="nasa-logo"></terra-icon>
+                        <h1>Earthdata Login</h1>
+                    </a>
+                    <a
+                        href="https://urs.earthdata.nasa.gov/documentation/what_do_i_need_to_know"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="help-link"
+                        aria-label="Need help?"
+                    >
+                        <terra-icon name="question"></terra-icon>
+                    </a>
+                </div>
+
+                ${((_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) ? x`<div class="login-form">
+                          <p>
+                              ${__privateGet(this, _authController).state.user.first_name},<br />
+                              You've successfully authenticated with Earthdata Login!
+                          </p>
+                          <terra-button
+                              @click=${() => __privateGet(this, _authController).logout()}
+                              size="small"
+                              outline
+                              >Logout</terra-button
+                          >
+                      </div>` : x`
+                          <form class="login-form" @submit=${__privateMethod(this, _handleFormSubmit, handleFormSubmit_fn)}>
+                              <terra-input
+                                  id="username-input"
+                                  label="Username"
+                                  name="username"
+                                  type="text"
+                                  .value=${this.username}
+                                  ?disabled=${__privateGet(this, _authController).loginTask.status === s.PENDING}
+                                  autocomplete="username"
+                                  .errorText=${this.usernameError || ""}
+                                  required
+                                  @input=${__privateMethod(this, _handleUsernameInput, handleUsernameInput_fn)}
+                                  @blur=${__privateMethod(this, _validateUsername, validateUsername_fn)}
+                              ></terra-input>
+
+                              <terra-input
+                                  id="password-input"
+                                  label="Password"
+                                  name="password"
+                                  type="password"
+                                  autocomplete="current-password"
+                                  ?password-toggle=${!this.hidePasswordToggle}
+                                  ?disabled=${__privateGet(this, _authController).loginTask.status === s.PENDING}
+                                  .value=${this.password}
+                                  .errorText=${this.passwordError || ""}
+                                  required
+                                  @input=${__privateMethod(this, _handlePasswordInput, handlePasswordInput_fn)}
+                                  @blur=${__privateMethod(this, _validatePassword, validatePassword_fn)}
+                              ></terra-input>
+
+                              <terra-button
+                                  type="submit"
+                                  variant="primary"
+                                  class="login-button"
+                                  ?disabled=${__privateGet(this, _authController).loginTask.status === s.PENDING}
+                              >
+                                  ${__privateGet(this, _authController).loginTask.render({
+      initial: () => x`Log in`,
+      pending: () => x`Logging In...`,
+      complete: () => x`Log in`,
+      error: () => x`Log in`
+    })}
+                              </terra-button>
+
+                              ${__privateGet(this, _authController).state.error ? x`<div class="form-feedback">
+                                        ${__privateGet(this, _authController).state.error}
+                                        ${__privateGet(this, _authController).state.error === "Invalid user credentials" ? x`<p>
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/retrieve_info"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot username?</a
+                                                  >
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/reset_passwords/new"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot password?</a
+                                                  >
+                                              </p>` : E}
+                                    </div>` : ""}
+                              <a
+                                  class="link register-link"
+                                  href="https://urs.earthdata.nasa.gov/users/new"
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  >Register for a profile</a
+                              >
+                          </form>
+                      `}
+            </div>
+        `;
+  }
+};
+_authController = new WeakMap();
+_handleUsernameInput = new WeakSet();
+handleUsernameInput_fn = function(event) {
+  var _a;
+  const input = event.target;
+  this.username = input.value;
+  if (this.usernameError && this.username && ((_a = this.usernameInput) == null ? void 0 : _a.checkValidity())) {
+    this.usernameError = "";
+    if (this.usernameInput) {
+      this.usernameInput.setCustomValidity("");
+    }
+  }
+};
+_handlePasswordInput = new WeakSet();
+handlePasswordInput_fn = function(event) {
+  var _a;
+  const input = event.target;
+  this.password = input.value;
+  if (this.passwordError && this.password && ((_a = this.passwordInput) == null ? void 0 : _a.checkValidity())) {
+    this.passwordError = "";
+    if (this.passwordInput) {
+      this.passwordInput.setCustomValidity("");
+    }
+  }
+};
+_validateUsername = new WeakSet();
+validateUsername_fn = function() {
+  if (!this.username || this.username.trim() === "") {
+    this.usernameError = "Username is required";
+    if (this.usernameInput) {
+      this.usernameInput.setCustomValidity("Username is required");
+    }
+  } else {
+    this.usernameError = "";
+    if (this.usernameInput) {
+      this.usernameInput.setCustomValidity("");
+    }
+  }
+};
+_validatePassword = new WeakSet();
+validatePassword_fn = function() {
+  if (!this.password || this.password.trim() === "") {
+    this.passwordError = "Password is required";
+    if (this.passwordInput) {
+      this.passwordInput.setCustomValidity("Password is required");
+    }
+  } else {
+    this.passwordError = "";
+    if (this.passwordInput) {
+      this.passwordInput.setCustomValidity("");
+    }
+  }
+};
+_handleFormSubmit = new WeakSet();
+handleFormSubmit_fn = function(event) {
+  event.preventDefault();
+  __privateMethod(this, _validateUsername, validateUsername_fn).call(this);
+  __privateMethod(this, _validatePassword, validatePassword_fn).call(this);
+  const form = event.target;
+  if (form.checkValidity() && this.username && this.password) {
+    __privateGet(this, _authController).loginTask.run([this.username, this.password]);
+  } else {
+    if (this.usernameInput) {
+      this.usernameInput.reportValidity();
+    }
+    if (this.passwordInput) {
+      this.passwordInput.reportValidity();
+    }
+  }
+};
+TerraEarthdataLogin.dependencies = {
+  "terra-button": button_default,
+  "terra-icon": icon_default,
+  "terra-input": input_default,
+  "terra-loader": loader_default
+};
+TerraEarthdataLogin.styles = [component_styles_default, earthdata_login_styles_default];
+__decorateClass([
+  n({ attribute: "logged-in-message" })
+], TerraEarthdataLogin.prototype, "loggedInMessage", 2);
+__decorateClass([
+  n({ attribute: "logged-out-message" })
+], TerraEarthdataLogin.prototype, "loggedOutMessage", 2);
+__decorateClass([
+  n({ attribute: "loading-message" })
+], TerraEarthdataLogin.prototype, "loadingMessage", 2);
+__decorateClass([
+  n()
+], TerraEarthdataLogin.prototype, "username", 2);
+__decorateClass([
+  n()
+], TerraEarthdataLogin.prototype, "password", 2);
+__decorateClass([
+  n({ attribute: "hide-password-toggle", type: Boolean })
+], TerraEarthdataLogin.prototype, "hidePasswordToggle", 2);
+__decorateClass([
+  n({ attribute: "auto-login", type: Boolean })
+], TerraEarthdataLogin.prototype, "autoLogin", 2);
+__decorateClass([
+  r()
+], TerraEarthdataLogin.prototype, "usernameError", 2);
+__decorateClass([
+  r()
+], TerraEarthdataLogin.prototype, "passwordError", 2);
+__decorateClass([
+  e("#username-input")
+], TerraEarthdataLogin.prototype, "usernameInput", 2);
+__decorateClass([
+  e("#password-input")
+], TerraEarthdataLogin.prototype, "passwordInput", 2);
+
+export {
+  TerraEarthdataLogin
+};