@nasa-terra/components 0.0.138 → 0.0.139

package/cdn/chunks/chunk.WPOANU47.js

@@ -1,240 +0,0 @@
-import {
-  data_subsetter_history_styles_default
-} from "./chunk.DO4YHYLM.js";
-import {
-  TerraDataSubsetter
-} from "./chunk.D3UNVSUC.js";
-import {
-  TerraDialog
-} from "./chunk.TYVMFE7P.js";
-import {
-  DataSubsetterHistoryController
-} from "./chunk.VVOORPYD.js";
-import {
-  AuthController
-} from "./chunk.PBKMNUYF.js";
-import {
-  TerraIcon
-} from "./chunk.WTTMQ3RX.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.ALSEUQQT.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/data-subsetter-history/data-subsetter-history.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _controller, _renderHistoryItems, renderHistoryItems_fn, _handleHistoryItemClick, handleHistoryItemClick_fn;
-var TerraDataSubsetterHistory = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _renderHistoryItems);
-    __privateAdd(this, _handleHistoryItemClick);
-    this.label = "History";
-    this.alwaysShow = true;
-    this.collapsed = true;
-    this.hideCancelled = true;
-    __privateAdd(this, _controller, new DataSubsetterHistoryController(this));
-    this._authController = new AuthController(this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addController(__privateGet(this, _controller));
-  }
-  toggleCollapsed() {
-    this.collapsed = !this.collapsed;
-  }
-  render() {
-    const jobs = __privateGet(this, _controller).jobs;
-    const hasJobs = jobs && jobs.jobs.length > 0;
-    if (!hasJobs) {
-      return E;
-    }
-    return x`
-            <div class="${this.collapsed ? "collapsed" : ""}">
-                <div class="history-header" @click=${this.toggleCollapsed}>
-                    <span>${this.label}</span>
-                </div>
-
-                <div class="history-panel">
-                    ${hasJobs ? x`
-                              <div class="history-link-row">
-                                  <label>
-                                      <input
-                                          type="checkbox"
-                                          .checked=${this.hideCancelled}
-                                          @change=${(e2) => {
-      this.hideCancelled = e2.target.checked;
-    }}
-                                      />
-                                      Hide Cancelled
-                                  </label>
-
-                                  <a
-                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
-                                      target="_blank"
-                                      rel="noopener noreferrer"
-                                      class="history-link"
-                                  >
-                                      View all
-                                      <terra-icon
-                                          name="outline-arrow-top-right-on-square"
-                                          library="heroicons"
-                                          size="32px"
-                                      ></terra-icon>
-                                  </a>
-                              </div>
-                          ` : E}
-
-                    <div class="history-list">
-                        ${jobs ? hasJobs ? __privateMethod(this, _renderHistoryItems, renderHistoryItems_fn).call(this, jobs) : x`<div class="history-alert-message">
-                                      You haven't made any requests yet.<br />
-                                      Get started by
-                                      <a
-                                          href="#"
-                                          class="history-alert-link"
-                                          @click=${(e2) => {
-      var _a;
-      e2.preventDefault();
-      this.selectedJob = void 0;
-      (_a = this.dialog) == null ? void 0 : _a.show();
-    }}
-                                      >
-                                          creating your first request!</a
-                                      >.
-                                  </div>` : x`<div class="history-alert-message">
-                                  Retrieving your requests....
-                              </div>`}
-                    </div>
-                </div>
-            </div>
-
-            <terra-dialog part="dialog" width="1500px">
-                <terra-data-subsetter
-                    .jobId=${this.selectedJob}
-                    .bearerToken=${this.bearerToken}
-                ></terra-data-subsetter>
-            </terra-dialog>
-        `;
-  }
-};
-_controller = new WeakMap();
-_renderHistoryItems = new WeakSet();
-renderHistoryItems_fn = function(subsetJobs) {
-  const filteredJobs = subsetJobs.jobs.slice().filter((job) => {
-    if (this.hideCancelled) {
-      return job.status !== "canceled" /* CANCELED */;
-    }
-    return true;
-  }).sort(
-    (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
-  );
-  if (!filteredJobs.length) {
-    return x`
-                <div class="history-alert-message">
-                    There are no active requests to show.<br />
-                    If you'd like, you can
-                    <a
-                        href="#"
-                        class="history-alert-link"
-                        @click=${(e2) => {
-      var _a;
-      e2.preventDefault();
-      this.selectedJob = void 0;
-      (_a = this.dialog) == null ? void 0 : _a.show();
-    }}
-                    >
-                        create a new request.</a
-                    >
-                </div>
-            `;
-  }
-  return filteredJobs.map((job) => {
-    var _a;
-    let fillColor = "#0066cc";
-    if (job.status === "successful" /* SUCCESSFUL */ || job.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ || job.status === "running_with_errors" /* RUNNING_WITH_ERRORS */) {
-      fillColor = "#28a745";
-    } else if (job.status === "failed" /* FAILED */) {
-      fillColor = "#dc3545";
-    } else if (job.status === "canceled" /* CANCELED */) {
-      fillColor = "#ffc107";
-    }
-    const progressLabel = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? job.status : `${job.progress}%`;
-    const progress = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? 100 : job.progress;
-    return x`
-                <div
-                    class="history-item"
-                    @click=${__privateMethod(this, _handleHistoryItemClick, handleHistoryItemClick_fn).bind(this, job)}
-                >
-                    <div class="item-header">
-                        <span class="item-title">
-                            ${((_a = job.labels) == null ? void 0 : _a.length) ? job.labels.join(" ") : job.request.split(".nasa.gov").pop()}
-                        </span>
-                    </div>
-
-                    <div class="progress-bar">
-                        <div
-                            class="progress-fill"
-                            style="width: ${progress}%; background-color: ${fillColor}"
-                        >
-                            ${progressLabel}
-                        </div>
-                    </div>
-                </div>
-            `;
-  });
-};
-_handleHistoryItemClick = new WeakSet();
-handleHistoryItemClick_fn = function(job) {
-  var _a;
-  this.selectedJob = job.jobID;
-  (_a = this.dialog) == null ? void 0 : _a.show();
-};
-TerraDataSubsetterHistory.dependencies = {
-  "terra-icon": TerraIcon,
-  "terra-data-subsetter": TerraDataSubsetter,
-  "terra-dialog": TerraDialog
-};
-TerraDataSubsetterHistory.styles = [component_styles_default, data_subsetter_history_styles_default];
-__decorateClass([
-  n()
-], TerraDataSubsetterHistory.prototype, "label", 2);
-__decorateClass([
-  n({ attribute: "bearer-token" })
-], TerraDataSubsetterHistory.prototype, "bearerToken", 2);
-__decorateClass([
-  n({ attribute: "always-show", type: Boolean })
-], TerraDataSubsetterHistory.prototype, "alwaysShow", 2);
-__decorateClass([
-  r()
-], TerraDataSubsetterHistory.prototype, "collapsed", 2);
-__decorateClass([
-  r()
-], TerraDataSubsetterHistory.prototype, "selectedJob", 2);
-__decorateClass([
-  r()
-], TerraDataSubsetterHistory.prototype, "hideCancelled", 2);
-__decorateClass([
-  e('[part~="dialog"]')
-], TerraDataSubsetterHistory.prototype, "dialog", 2);
-
-export {
-  TerraDataSubsetterHistory
-};

package/cdn/chunks/chunk.WRYG3KHH.js

@@ -1,188 +0,0 @@
-import {
-  toast_styles_default
-} from "./chunk.P37E4RLB.js";
-import {
-  TerraAlert
-} from "./chunk.DK42QW5C.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.ALSEUQQT.js";
-import {
-  x
-} from "./chunk.3ZQGAH53.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/toast/toast.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraToast = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "primary";
-    this.duration = 3e3;
-    this.closable = true;
-  }
-  get alert() {
-    if (!this.shadowRoot) {
-      return null;
-    }
-    return this.shadowRoot.querySelector("terra-alert");
-  }
-  firstUpdated() {
-    const alert = this.alert;
-    if (alert) {
-      alert.addEventListener("terra-show", () => this.emit("terra-show"));
-      alert.addEventListener(
-        "terra-after-show",
-        () => this.emit("terra-after-show")
-      );
-      alert.addEventListener("terra-hide", () => this.emit("terra-hide"));
-      alert.addEventListener(
-        "terra-after-hide",
-        () => this.emit("terra-after-hide")
-      );
-    }
-  }
-  /**
-   * Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   */
-  async toast() {
-    return new Promise(async (resolve) => {
-      await this.updateComplete;
-      if (!this.shadowRoot) {
-        await this.updateComplete;
-      }
-      let alert = this.alert;
-      if (!alert) {
-        await customElements.whenDefined("terra-alert");
-        await this.updateComplete;
-        alert = this.alert;
-      }
-      if (!alert) {
-        resolve();
-        return;
-      }
-      await alert.updateComplete;
-      const toastStack = TerraAlert.toastStack;
-      if (toastStack.parentElement === null) {
-        document.body.append(toastStack);
-      }
-      toastStack.appendChild(this);
-      requestAnimationFrame(async () => {
-        this.clientWidth;
-        await this.updateComplete;
-        await alert.updateComplete;
-        if (!alert.open) {
-          await alert.show();
-        }
-      });
-      this.addEventListener(
-        "terra-after-hide",
-        () => {
-          if (toastStack.contains(this)) {
-            toastStack.removeChild(this);
-          }
-          resolve();
-          if (toastStack.querySelector("terra-toast") === null && toastStack.querySelector("terra-alert") === null) {
-            toastStack.remove();
-          }
-        },
-        { once: true }
-      );
-    });
-  }
-  /** Shows the toast. */
-  async show() {
-    await this.updateComplete;
-    const alert = this.alert;
-    if (!alert) {
-      throw new Error("TerraToast: Alert element not found");
-    }
-    await alert.updateComplete;
-    return alert.show();
-  }
-  /** Hides the toast. */
-  async hide() {
-    await this.updateComplete;
-    const alert = this.alert;
-    if (!alert) {
-      throw new Error("TerraToast: Alert element not found");
-    }
-    await alert.updateComplete;
-    return alert.hide();
-  }
-  /**
-   * Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
-   * body, and displays it as a notification.
-   *
-   * @param message - The message to display in the toast.
-   * @param variant - The toast variant. Defaults to 'primary'.
-   * @param icon - Optional icon name to display. Defaults to undefined.
-   * @param duration - The duration in milliseconds. Defaults to 3000.
-   * @returns A promise that resolves after the toast is hidden.
-   */
-  static async notify(message, variant = "primary", icon, duration = 3e3) {
-    const escapeHtml = (html) => {
-      const div = document.createElement("div");
-      div.textContent = html;
-      return div.innerHTML;
-    };
-    const toast = Object.assign(document.createElement("terra-toast"), {
-      variant,
-      duration,
-      closable: true,
-      innerHTML: icon ? `
-                    <terra-icon name="${icon}" slot="icon" library="heroicons"></terra-icon>
-                    ${escapeHtml(message)}
-                ` : escapeHtml(message)
-    });
-    document.body.append(toast);
-    await customElements.whenDefined("terra-toast");
-    await toast.updateComplete;
-    return toast.toast();
-  }
-  render() {
-    return x`
-            <terra-alert
-                part="base"
-                exportparts="base:base__base, icon:base__icon, message:base__message"
-                variant=${this.variant}
-                duration=${this.duration}
-                closable=${this.closable}
-                countdown=${this.countdown || ""}
-                appearance="filled"
-            >
-                <slot name="icon" slot="icon"></slot>
-                <slot></slot>
-            </terra-alert>
-        `;
-  }
-};
-TerraToast.styles = [component_styles_default, toast_styles_default];
-TerraToast.dependencies = { "terra-alert": TerraAlert };
-__decorateClass([
-  n({ reflect: true })
-], TerraToast.prototype, "variant", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraToast.prototype, "duration", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraToast.prototype, "closable", 2);
-__decorateClass([
-  n({ type: String, reflect: true })
-], TerraToast.prototype, "countdown", 2);
-
-export {
-  TerraToast
-};

package/cdn/chunks/chunk.WTTMQ3RX.js

@@ -1,230 +0,0 @@
-import {
-  icon_styles_default
-} from "./chunk.L5Y4JVOE.js";
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.QPEDBBDQ.js";
-import {
-  e
-} from "./chunk.YEINMQD6.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.ALSEUQQT.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/icon/icon.component.ts
-init_dirname();
-init_buffer();
-init_process();
-
-// node_modules/lit/directive-helpers.js
-init_dirname();
-init_buffer();
-init_process();
-
-// src/components/icon/icon.component.ts
-var CACHEABLE_ERROR = Symbol();
-var RETRYABLE_ERROR = Symbol();
-var parser;
-var iconCache = /* @__PURE__ */ new Map();
-var _initialRender, _resolveIcon, resolveIcon_fn, _getIconSource, getIconSource_fn, _styleFromAttributes, styleFromAttributes_fn;
-var TerraIcon = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
-    __privateAdd(this, _resolveIcon);
-    __privateAdd(this, _getIconSource);
-    /**
-     * SVG takes a few presentation attributes. Since we're using a template for SVG and our host element isn't an SVG, we can pass those presentational attributes into a style attribute to affect the underlying SVG.
-     * Merge select attributes with existing inline style attribute to forward values to underlying SVG.
-     */
-    __privateAdd(this, _styleFromAttributes);
-    __privateAdd(this, _initialRender, false);
-    this.svg = null;
-    this.label = "";
-    this.library = "default";
-    this.color = null;
-    this.fontSize = null;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    watchIcon(this);
-  }
-  firstUpdated() {
-    __privateSet(this, _initialRender, true);
-    this.setIcon();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    unwatchIcon(this);
-  }
-  handleLabelChange() {
-    const hasLabel = typeof this.label === "string" && this.label.length > 0;
-    if (hasLabel) {
-      this.setAttribute("role", "img");
-      this.setAttribute("aria-label", this.label);
-      this.removeAttribute("aria-hidden");
-    } else {
-      this.removeAttribute("role");
-      this.removeAttribute("aria-label");
-      this.setAttribute("aria-hidden", "true");
-    }
-  }
-  async setIcon() {
-    var _a;
-    const { url, fromLibrary } = __privateMethod(this, _getIconSource, getIconSource_fn).call(this);
-    const library = fromLibrary ? getIconLibrary(this.library) : void 0;
-    if (!url) {
-      this.svg = null;
-      return;
-    }
-    let iconResolver = iconCache.get(url);
-    if (!iconResolver) {
-      iconResolver = __privateMethod(this, _resolveIcon, resolveIcon_fn).call(this, url);
-      iconCache.set(url, iconResolver);
-    }
-    if (!__privateGet(this, _initialRender)) {
-      return;
-    }
-    const svg = await iconResolver;
-    if (svg === RETRYABLE_ERROR) {
-      iconCache.delete(url);
-    }
-    if (url !== __privateMethod(this, _getIconSource, getIconSource_fn).call(this).url) {
-      return;
-    }
-    if (e(svg)) {
-      this.svg = svg;
-      return;
-    }
-    switch (svg) {
-      case RETRYABLE_ERROR:
-      case CACHEABLE_ERROR:
-        this.svg = null;
-        this.emit("terra-error");
-        break;
-      default:
-        this.svg = svg.cloneNode(true);
-        (_a = library == null ? void 0 : library.mutator) == null ? void 0 : _a.call(library, this.svg);
-        this.emit("terra-load");
-    }
-  }
-  render() {
-    __privateMethod(this, _styleFromAttributes, styleFromAttributes_fn).call(this);
-    return this.svg;
-  }
-};
-_initialRender = new WeakMap();
-_resolveIcon = new WeakSet();
-resolveIcon_fn = async function(url) {
-  var _a;
-  let fileData;
-  try {
-    fileData = await fetch(url, { mode: "cors" });
-    if (!fileData.ok) {
-      return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;
-    }
-  } catch (e2) {
-    return RETRYABLE_ERROR;
-  }
-  try {
-    const div = document.createElement("div");
-    div.innerHTML = await fileData.text();
-    const svg = div.firstElementChild;
-    if (((_a = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a.toLowerCase()) !== "svg") {
-      return CACHEABLE_ERROR;
-    }
-    if (!parser) {
-      parser = new DOMParser();
-    }
-    const doc = parser.parseFromString(svg.outerHTML, "text/html");
-    const svgEl = doc.body.querySelector("svg");
-    if (!svgEl) {
-      return CACHEABLE_ERROR;
-    }
-    svgEl.part.add("svg");
-    return document.adoptNode(svgEl);
-  } catch (e2) {
-    return CACHEABLE_ERROR;
-  }
-};
-_getIconSource = new WeakSet();
-getIconSource_fn = function() {
-  const library = getIconLibrary(this.library);
-  if (this.name && library) {
-    return {
-      url: library.resolver(this.name),
-      fromLibrary: true
-    };
-  }
-  return {
-    url: this.src,
-    fromLibrary: false
-  };
-};
-_styleFromAttributes = new WeakSet();
-styleFromAttributes_fn = function() {
-  const svgAttributes = [
-    { attribute: "color", property: this.color },
-    { attribute: "font-size", property: this.fontSize }
-  ];
-  const style = svgAttributes.reduce((accumulator, { attribute, property }) => {
-    if (typeof property === "string" && property.length > 0) {
-      accumulator += ` ${attribute}: ${property};`;
-    }
-    this.removeAttribute(attribute);
-    return accumulator;
-  }, `${this.style.cssText}`);
-  if (style.length > 0) {
-    this.setAttribute("style", style);
-  }
-};
-TerraIcon.styles = [component_styles_default, icon_styles_default];
-__decorateClass([
-  r()
-], TerraIcon.prototype, "svg", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraIcon.prototype, "name", 2);
-__decorateClass([
-  n()
-], TerraIcon.prototype, "src", 2);
-__decorateClass([
-  n()
-], TerraIcon.prototype, "label", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraIcon.prototype, "library", 2);
-__decorateClass([
-  n()
-], TerraIcon.prototype, "color", 2);
-__decorateClass([
-  n({ attribute: "font-size" })
-], TerraIcon.prototype, "fontSize", 2);
-__decorateClass([
-  watch("label")
-], TerraIcon.prototype, "handleLabelChange", 1);
-__decorateClass([
-  watch(["name", "src", "library"])
-], TerraIcon.prototype, "setIcon", 1);
-
-export {
-  TerraIcon
-};

package/cdn/chunks/chunk.X7SD5NZE.js

@@ -1,37 +0,0 @@
-import {
-  TerraInput
-} from "./chunk.RPWP7LSQ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.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
-};