@nasa-terra/components 0.0.146 → 0.0.148

package/cdn/chunks/chunk.45XFWGEL.js

@@ -1,110 +0,0 @@
-import {
-  M,
-  m,
-  p,
-  s,
-  v
-} from "./chunk.YEINMQD6.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.JLIAPPXF.js";
-import {
-  T
-} from "./chunk.3ZQGAH53.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// node_modules/lit-html/directives/repeat.js
-init_dirname();
-init_buffer();
-init_process();
-var u = (e2, s2, t2) => {
-  const r = /* @__PURE__ */ new Map();
-  for (let l = s2; l <= t2; l++)
-    r.set(e2[l], l);
-  return r;
-};
-var c = e(class extends i {
-  constructor(e2) {
-    if (super(e2), e2.type !== t.CHILD)
-      throw Error("repeat() can only be used in text expressions");
-  }
-  dt(e2, s2, t2) {
-    let r;
-    void 0 === t2 ? t2 = s2 : void 0 !== s2 && (r = s2);
-    const l = [], o = [];
-    let i2 = 0;
-    for (const s3 of e2)
-      l[i2] = r ? r(s3, i2) : i2, o[i2] = t2(s3, i2), i2++;
-    return { values: o, keys: l };
-  }
-  render(e2, s2, t2) {
-    return this.dt(e2, s2, t2).values;
-  }
-  update(s2, [t2, r, c2]) {
-    var _a;
-    const d = p(s2), { values: p2, keys: a } = this.dt(t2, r, c2);
-    if (!Array.isArray(d))
-      return this.ut = a, p2;
-    const h = (_a = this.ut) != null ? _a : this.ut = [], v2 = [];
-    let m2, y, x = 0, j = d.length - 1, k = 0, w = p2.length - 1;
-    for (; x <= j && k <= w; )
-      if (null === d[x])
-        x++;
-      else if (null === d[j])
-        j--;
-      else if (h[x] === a[k])
-        v2[k] = v(d[x], p2[k]), x++, k++;
-      else if (h[j] === a[w])
-        v2[w] = v(d[j], p2[w]), j--, w--;
-      else if (h[x] === a[w])
-        v2[w] = v(d[x], p2[w]), s(s2, v2[w + 1], d[x]), x++, w--;
-      else if (h[j] === a[k])
-        v2[k] = v(d[j], p2[k]), s(s2, d[x], d[j]), j--, k++;
-      else if (void 0 === m2 && (m2 = u(a, k, w), y = u(h, x, j)), m2.has(h[x]))
-        if (m2.has(h[j])) {
-          const e2 = y.get(a[k]), t3 = void 0 !== e2 ? d[e2] : null;
-          if (null === t3) {
-            const e3 = s(s2, d[x]);
-            v(e3, p2[k]), v2[k] = e3;
-          } else
-            v2[k] = v(t3, p2[k]), s(s2, d[x], t3), d[e2] = null;
-          k++;
-        } else
-          M(d[j]), j--;
-      else
-        M(d[x]), x++;
-    for (; k <= w; ) {
-      const e2 = s(s2, v2[w + 1]);
-      v(e2, p2[k]), v2[k++] = e2;
-    }
-    for (; x <= j; ) {
-      const e2 = d[x++];
-      null !== e2 && M(e2);
-    }
-    return this.ut = a, m(s2, v2), T;
-  }
-});
-
-// node_modules/lit/directives/repeat.js
-init_dirname();
-init_buffer();
-init_process();
-
-export {
-  c
-};
-/*! Bundled license information:
-
-lit-html/directives/repeat.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.46IUPYDY.js

@@ -1,34 +0,0 @@
-import {
-  TerraRadioGroup
-} from "./chunk.BHGXXCYB.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/react/radio-group/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-radio-group";
-TerraRadioGroup.define("terra-radio-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraRadioGroup,
-  react: React,
-  events: {
-    onTerraChange: "terra-change",
-    onTerraInput: "terra-input",
-    onTerraInvalid: "terra-invalid"
-  },
-  displayName: "TerraRadioGroup"
-});
-var radio_group_default = reactWrapper;
-
-export {
-  radio_group_default
-};

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

@@ -1,19 +0,0 @@
-import {
-  TerraScrollHint
-} from "./chunk.74MTSB4V.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/scroll-hint/scroll-hint.ts
-init_dirname();
-init_buffer();
-init_process();
-var scroll_hint_default = TerraScrollHint;
-TerraScrollHint.define("terra-scroll-hint");
-
-export {
-  scroll_hint_default
-};

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

@@ -1,240 +0,0 @@
-import {
-  data_subsetter_history_styles_default
-} from "./chunk.DO4YHYLM.js";
-import {
-  TerraDataSubsetter
-} from "./chunk.3QAIAFO3.js";
-import {
-  TerraDialog
-} from "./chunk.JS5NFG3L.js";
-import {
-  DataSubsetterHistoryController
-} from "./chunk.VVOORPYD.js";
-import {
-  AuthController
-} from "./chunk.PBKMNUYF.js";
-import {
-  TerraIcon
-} from "./chunk.TR63NOZP.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.JW5SC6TB.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.4HVT3AYY.js

@@ -1,224 +0,0 @@
-import {
-  menu_item_styles_default
-} from "./chunk.4K2NAKDG.js";
-import {
-  SubmenuController
-} from "./chunk.6PDKWTOW.js";
-import {
-  TerraPopup
-} from "./chunk.M56CSDHS.js";
-import {
-  TerraLoader
-} from "./chunk.TGDEPCW7.js";
-import {
-  TerraIcon
-} from "./chunk.TR63NOZP.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.YTY4DQKX.js";
-import {
-  e
-} from "./chunk.P3OLQVQM.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n
-} from "./chunk.JW5SC6TB.js";
-import {
-  x
-} from "./chunk.3ZQGAH53.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/menu-item/menu-item.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraMenuItem = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.type = "normal";
-    this.checked = false;
-    this.value = "";
-    this.loading = false;
-    this.disabled = false;
-    this.hasSlotController = new HasSlotController(this, "submenu");
-    this.submenuController = new SubmenuController(
-      this,
-      this.hasSlotController
-    );
-    this.handleHostClick = (event) => {
-      if (this.disabled) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleMouseOver = (event) => {
-      this.focus();
-      event.stopPropagation();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("click", this.handleHostClick);
-    this.addEventListener("mouseover", this.handleMouseOver);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleHostClick);
-    this.removeEventListener("mouseover", this.handleMouseOver);
-  }
-  handleDefaultSlotChange() {
-    const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
-    if (textLabel !== this.cachedTextLabel) {
-      this.cachedTextLabel = textLabel;
-      this.emit("slotchange", {
-        bubbles: true,
-        composed: false,
-        cancelable: false
-      });
-    }
-  }
-  handleCheckedChange() {
-    if (this.checked && this.type !== "checkbox") {
-      this.checked = false;
-      console.error(
-        'The checked attribute can only be used on menu items with type="checkbox"',
-        this
-      );
-      return;
-    }
-    if (this.type === "checkbox") {
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.removeAttribute("aria-checked");
-    }
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleTypeChange() {
-    if (this.type === "checkbox") {
-      this.setAttribute("role", "menuitemcheckbox");
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.setAttribute("role", "menuitem");
-      this.removeAttribute("aria-checked");
-    }
-  }
-  /** Returns a text label based on the contents of the menu item's default slot. */
-  getTextLabel() {
-    return getTextContent(this.defaultSlot);
-  }
-  isSubmenu() {
-    return this.hasSlotController.test("submenu");
-  }
-  render() {
-    const isRtl = false;
-    const isSubmenuExpanded = this.submenuController.isExpanded();
-    return x`
-            <div
-                id="anchor"
-                part="base"
-                class=${e({
-      "menu-item": true,
-      "menu-item--rtl": isRtl,
-      "menu-item--checked": this.checked,
-      "menu-item--disabled": this.disabled,
-      "menu-item--loading": this.loading,
-      "menu-item--has-submenu": this.isSubmenu(),
-      "menu-item--submenu-expanded": isSubmenuExpanded
-    })}
-                ?aria-haspopup="${this.isSubmenu()}"
-                ?aria-expanded="${isSubmenuExpanded ? true : false}"
-            >
-                <span part="checked-icon" class="menu-item__check">
-                    <terra-icon
-                        name="solid-check"
-                        library="heroicons"
-                        aria-hidden="true"
-                    ></terra-icon>
-                </span>
-
-                <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-                <slot
-                    part="label"
-                    class="menu-item__label"
-                    @slotchange=${this.handleDefaultSlotChange}
-                ></slot>
-
-                <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-                <span part="submenu-icon" class="menu-item__chevron">
-                    <terra-icon
-                        name=${isRtl ? "chevron-left" : "chevron-right"}
-                        library="system"
-                        aria-hidden="true"
-                    ></terra-icon>
-                </span>
-
-                ${this.submenuController.renderSubmenu()}
-                ${this.loading ? x`
-                          <terra-loader
-                              part="spinner"
-                              exportparts="base:spinner__base"
-                          ></terra-loader>
-                      ` : ""}
-            </div>
-        `;
-  }
-};
-TerraMenuItem.styles = [component_styles_default, menu_item_styles_default];
-TerraMenuItem.dependencies = {
-  "terra-icon": TerraIcon,
-  "terra-popup": TerraPopup,
-  "terra-loader": TerraLoader
-};
-__decorateClass([
-  e2("slot:not([name])")
-], TerraMenuItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  e2(".menu-item")
-], TerraMenuItem.prototype, "menuItem", 2);
-__decorateClass([
-  n()
-], TerraMenuItem.prototype, "type", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraMenuItem.prototype, "checked", 2);
-__decorateClass([
-  n()
-], TerraMenuItem.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraMenuItem.prototype, "loading", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraMenuItem.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], TerraMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled")
-], TerraMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("type")
-], TerraMenuItem.prototype, "handleTypeChange", 1);
-
-export {
-  TerraMenuItem
-};