@nasa-terra/components 0.0.188 → 0.0.191

package/cdn/chunks/chunk.QU3RKC7F.js

@@ -0,0 +1,29 @@
+import {
+  TerraCombobox
+} from "./chunk.MXPGGV5E.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/combobox/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-combobox";
+TerraCombobox.define("terra-combobox");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraCombobox,
+  react: React,
+  events: {},
+  displayName: "TerraCombobox"
+});
+var combobox_default = reactWrapper;
+
+export {
+  combobox_default
+};

package/cdn/chunks/chunk.QWEARTJZ.js

@@ -0,0 +1,19 @@
+import {
+  TerraDataRods
+} from "./chunk.2PEBPN6E.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/data-rods/data-rods.ts
+init_dirname();
+init_buffer();
+init_process();
+var data_rods_default = TerraDataRods;
+TerraDataRods.define("terra-data-rods");
+
+export {
+  data_rods_default
+};

package/cdn/chunks/chunk.R2K7YI7D.js

@@ -0,0 +1,128 @@
+import {
+  MutationController
+} from "./chunk.26UZKSB4.js";
+import {
+  queryCancelHarmonySubsetJob,
+  queryCreateHarmonySubsetJob,
+  queryHarmonyJobStatus
+} from "./chunk.H23GKZYM.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/controllers/harmony-request.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+var _jobId, _options, _createJob, _jobStatus, _cancelJob, _getEmptyJob, getEmptyJob_fn;
+var HarmonyRequestController = class {
+  constructor(host) {
+    this.host = host;
+    __privateAdd(this, _getEmptyJob);
+    __privateAdd(this, _jobId, null);
+    __privateAdd(this, _options, void 0);
+    __privateAdd(this, _createJob, void 0);
+    __privateAdd(this, _jobStatus, void 0);
+    __privateAdd(this, _cancelJob, void 0);
+    host.addController(this);
+    __privateSet(this, _createJob, new MutationController(host, queryCreateHarmonySubsetJob()));
+    __privateSet(this, _jobStatus, new QueryController(
+      host,
+      () => queryHarmonyJobStatus(__privateGet(this, _jobId), __privateGet(this, _options))
+    ));
+    __privateSet(this, _cancelJob, new MutationController(host, queryCancelHarmonySubsetJob()));
+  }
+  hostConnected() {
+  }
+  async startJob(variables) {
+    __privateSet(this, _options, variables.options);
+    __privateSet(this, _jobId, "new");
+    try {
+      const result = await __privateGet(this, _createJob).mutate(variables);
+      __privateSet(this, _jobId, result.jobID);
+      return result;
+    } catch (error) {
+      __privateSet(this, _jobId, null);
+      throw error;
+    } finally {
+      this.host.requestUpdate();
+    }
+  }
+  async cancelJob(options) {
+    return __privateGet(this, _cancelJob).mutate(options);
+  }
+  startPollForJobStatus(jobId, options) {
+    __privateSet(this, _options, options);
+    __privateSet(this, _jobId, jobId);
+  }
+  reset() {
+    __privateSet(this, _jobId, null);
+    __privateSet(this, _options, void 0);
+    this.host.requestUpdate();
+  }
+  get jobId() {
+    return __privateGet(this, _jobId);
+  }
+  get data() {
+    var _a, _b;
+    if (__privateGet(this, _jobId) === "new") {
+      return __privateMethod(this, _getEmptyJob, getEmptyJob_fn).call(this);
+    }
+    return (_b = (_a = __privateGet(this, _jobStatus).result) == null ? void 0 : _a.data) != null ? _b : null;
+  }
+  get progress() {
+    var _a, _b;
+    return (_b = (_a = this.data) == null ? void 0 : _a.progress) != null ? _b : 0;
+  }
+  get status() {
+    var _a, _b;
+    if (__privateGet(this, _jobId) === "new") {
+      return "running" /* RUNNING */;
+    }
+    return (_b = (_a = __privateGet(this, _jobStatus).result) == null ? void 0 : _a.data) == null ? void 0 : _b.status;
+  }
+  get isCreating() {
+    var _a, _b;
+    if (__privateGet(this, _jobId) === "new") {
+      return true;
+    }
+    return (_b = (_a = __privateGet(this, _createJob).result) == null ? void 0 : _a.isPending) != null ? _b : false;
+  }
+  get isPolling() {
+    var _a;
+    return ((_a = __privateGet(this, _jobStatus).result) == null ? void 0 : _a.fetchStatus) === "fetching";
+  }
+};
+_jobId = new WeakMap();
+_options = new WeakMap();
+_createJob = new WeakMap();
+_jobStatus = new WeakMap();
+_cancelJob = new WeakMap();
+_getEmptyJob = new WeakSet();
+getEmptyJob_fn = function() {
+  return {
+    jobID: "",
+    status: "running" /* RUNNING */,
+    message: "Your job is being created and will start soon.",
+    progress: 0,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    dataExpiration: "",
+    request: "",
+    numInputGranules: 0,
+    links: []
+  };
+};
+
+export {
+  HarmonyRequestController
+};

package/cdn/chunks/chunk.R2LD2BG6.js

@@ -0,0 +1,366 @@
+import {
+  i
+} from "./chunk.JS5TDQ5C.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/browse-variables/browse-variables.styles.ts
+init_dirname();
+init_buffer();
+init_process();
+var browse_variables_styles_default = i`
+    :host {
+        background-color: var(--terra-color-bg-surface-neutral-primary);
+        display: block;
+        padding-bottom: 55% !important;
+        position: relative;
+        width: 100%;
+    }
+
+    h3 {
+        color: var(--terra-text-brand-on-primary);
+        margin-bottom: 1rem;
+    }
+
+    dialog {
+        position: absolute;
+        z-index: 999;
+        width: 100px;
+        height: 100px;
+        padding: 0;
+        place-self: center;
+    }
+
+    .container {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        display: grid;
+        grid-template-rows: auto 1fr;
+    }
+
+    .scrollable {
+        overflow-y: auto;
+        display: grid;
+        grid-template-columns: 250px 1fr;
+        grid-column: span 2;
+        width: 100%;
+    }
+
+    header.search {
+        border-bottom: 1px solid var(--terra-border-neutral-default, #e9ecef);
+        grid-column: span 2;
+        padding: 15px;
+        padding-bottom: 25px;
+        display: flex;
+        gap: 10px;
+    }
+
+    header.search button {
+        width: 36px;
+        height: 36px;
+    }
+
+    .browse-by-category aside {
+        padding: 0 15px;
+    }
+
+    .browse-by-category main {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+        gap: 2rem;
+        min-width: 800px;
+        overflow-x: auto;
+    }
+
+    .column {
+        min-width: 0; /* Prevents overflow issues */
+    }
+
+    .browse-by-category ul {
+        padding: 0;
+    }
+
+    .browse-by-category ul ::marker {
+        font-size: 0; /*Safari removes the semantic meaning / role of the list if we remove the list style. */
+    }
+
+    .browse-by-category li {
+        border-radius: 4px;
+        cursor: pointer;
+        margin: 0;
+        margin-bottom: 0.5rem;
+        padding: 8px;
+        transition: background-color 0.15s;
+    }
+
+    .browse-by-category li:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+
+    .browse-by-category terra-button {
+        margin-top: 15px;
+    }
+
+    .browse-by-category terra-button::part(base) {
+    }
+
+    label {
+        display: flex;
+        line-height: var(--terra-line-height-normal);
+    }
+
+    input[type='radio'] {
+        appearance: none; /* removes OS default styling */
+        -webkit-appearance: none; /* for Safari */
+        -moz-appearance: none; /* for Firefox */
+        margin-right: 10px;
+        width: 1em;
+        height: 1em;
+        border: 0.125em solid var(--terra-radio-border-color);
+        border-radius: 50%;
+        background-color: var(--terra-radio-background-color);
+        cursor: pointer;
+        position: relative; /* for the dot */
+    }
+
+    /* Selected state */
+    input[type='radio']:checked {
+        border-color: var(--terra-radio-border-color-checked);
+        background-color: var(--terra-radio-background-color); /* keep white bg */
+    }
+
+    /* Inner dot */
+    input[type='radio']:checked::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 0.5em; /* size of the dot */
+        height: 0.5em;
+        background-color: var(--terra-radio-background-color-checked);
+        border-radius: 50%; /* makes it circular */
+        transform: translate(-50%, -50%); /* center it */
+    }
+
+    .variables-container {
+        display: grid;
+        grid-template-areas:
+            'header header'
+            'aside main';
+        grid-template-columns: 250px 1fr;
+        grid-template-rows: auto 1fr;
+    }
+
+    .variables-container header {
+        grid-area: header;
+        padding: 15px;
+        padding-bottom: 0;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .variables-container header menu {
+        display: inline-flex;
+        padding: 0;
+        margin: 0;
+        min-width: 24em;
+        justify-content: flex-end;
+    }
+
+    .variables-container header menu ::marker {
+        font-size: 0;
+    }
+
+    .list-menu-dropdown terra-button::part(base) {
+        border-color: transparent;
+        font-weight: 700;
+    }
+
+    .variables-container aside {
+        grid-area: aside;
+        padding: 15px;
+        overflow-y: auto;
+    }
+
+    .variables-container aside details {
+        margin-bottom: 0.5rem;
+    }
+
+    summary::marker {
+        color: var(--terra-text-brand-on-primary); /* changes the arrow color */
+        cursor: pointer;
+    }
+
+    .variables-container main {
+        grid-area: main;
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 1rem;
+        min-height: 100%;
+        overflow-x: auto;
+        padding: 15px;
+    }
+
+    .variables-container main:has(.right-column) {
+        grid-template-columns: 1fr 400px;
+    }
+
+    .facet {
+        margin-left: 10px;
+    }
+
+    .facet label {
+        align-items: center; /* vertical alignment */
+        line-height: var(--terra-line-height-loose);
+    }
+
+    .facet label input[type='checkbox'] {
+        appearance: none; /* removes OS default styling */
+        -webkit-appearance: none; /* for Safari */
+        -moz-appearance: none; /* for Firefox */
+        width: 1em;
+        height: 1em;
+        border: 0.125em solid var(--terra-checkbox-border-color);
+        border-radius: 0.25em;
+        background-color: var(--terra-checkbox-background-color);
+        cursor: pointer;
+        position: relative;
+    }
+
+    .facet label input[type='checkbox']:checked {
+        background-color: var(--terra-checkbox-background-color-checked);
+        accent-color: var(--terra-checkbox-background-color-checked);
+    }
+
+    /* Draw the checkmark */
+    .facet label input[type='checkbox']:checked::before,
+    .facet label input[type='checkbox']:checked::after {
+        content: '';
+        position: absolute;
+        height: 2px; /* thickness of the line */
+        background-color: var(--terra-checkbox-icon-color); /* checkmark color */
+        transform-origin: left center;
+    }
+
+    /* First stroke of the checkmark */
+    .facet label input[type='checkbox']:checked::before {
+        width: 0.37em;
+        top: 38%;
+        left: 23%;
+        transform: rotate(45deg);
+    }
+
+    /* Second stroke of the checkmark */
+    .facet label input[type='checkbox']:checked::after {
+        width: 0.58em;
+        top: 60%;
+        left: 45%;
+        transform: rotate(-49deg);
+    }
+
+    .variable-list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .variable-list-item {
+        /* border: 0.0625em var(--terra-color-nasa-blue-tint) solid; */
+        border-radius: 0.25em;
+        background-color: var(--terra-color-bg-surface-neutral-secondary);
+        padding: 0.5em 1em;
+        margin-bottom: var(--terra-spacing-2x-small);
+    }
+
+    .variable-list-item label {
+        color: var(--terra-text-secondary);
+    }
+
+    .variable-list-item:hover {
+        background-color: var(--terra-color-bg-info-subtle);
+    }
+
+    .variable-list-item:hover label {
+        color: var(--terra-text-secondary);
+    }
+
+    .variable-list-item::marker {
+        font-size: 0;
+    }
+
+    .variable[open] .details-panel {
+        height: max-content;
+    }
+
+    .variable input[type='checkbox'] {
+        margin-block: 0.25em;
+        margin-inline: 0 0.5em;
+    }
+
+    .variable {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .variable a {
+        color: white;
+    }
+
+    .variable label {
+        cursor: pointer;
+        display: flex;
+        flex-direction: column;
+        font-weight: 400;
+    }
+
+    .left-column {
+        /* overflow-y: auto; */
+    }
+
+    /* Right column (details panel) */
+    .right-column {
+        display: flex;
+        flex-direction: column;
+        background-color: var(--terra-color-bg-info-subtle);
+        color: var(--terra-text-secondary);
+        /* border: 0.0625em solid var(--terra-color-nasa-blue-tint); */
+        border-radius: 0.25em;
+        padding: 0.5em 1em;
+    }
+
+    .right-column h4 {
+        margin-top: 0;
+        margin-bottom: 1rem;
+    }
+
+    .right-column label {
+        color: var(--terra-text-primary);
+    }
+
+    .right-column p {
+        margin: 0.5rem 0;
+        line-height: 1.4;
+    }
+
+    .placeholder {
+        color: var(--terra-text-secondary);
+        font-style: italic;
+    }
+
+    .sticky-element {
+        position: sticky;
+        /* For older browsers, consider adding: */
+        position: -webkit-sticky;
+        top: 0; /* Sticks to the top of the viewport when scrolled to */
+    }
+`;
+
+export {
+  browse_variables_styles_default
+};

package/cdn/chunks/chunk.R6FQRIIQ.js

@@ -0,0 +1,151 @@
+import {
+  menu_styles_default
+} from "./chunk.CGFHAHHH.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e
+} from "./chunk.HUU6UOOJ.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/menu/menu.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraMenu = class extends TerraElement {
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "menu");
+  }
+  handleClick(event) {
+    const menuItemTypes = ["menuitem", "menuitemcheckbox"];
+    const composedPath = event.composedPath();
+    const target = composedPath.find(
+      (el) => {
+        var _a;
+        return menuItemTypes.includes(((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) || "");
+      }
+    );
+    if (!target)
+      return;
+    const closestMenu = composedPath.find(
+      (el) => {
+        var _a;
+        return ((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) === "menu";
+      }
+    );
+    const clickHasSubmenu = closestMenu !== this;
+    if (clickHasSubmenu)
+      return;
+    const item = target;
+    if (item.type === "checkbox") {
+      item.checked = !item.checked;
+    }
+    this.emit("terra-select", { detail: { item } });
+  }
+  handleKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      const item = this.getCurrentItem();
+      event.preventDefault();
+      event.stopPropagation();
+      item == null ? void 0 : item.click();
+    } else if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
+      const items = this.getAllItems();
+      const activeItem = this.getCurrentItem();
+      let index = activeItem ? items.indexOf(activeItem) : 0;
+      if (items.length > 0) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (event.key === "ArrowDown") {
+          index++;
+        } else if (event.key === "ArrowUp") {
+          index--;
+        } else if (event.key === "Home") {
+          index = 0;
+        } else if (event.key === "End") {
+          index = items.length - 1;
+        }
+        if (index < 0) {
+          index = items.length - 1;
+        }
+        if (index > items.length - 1) {
+          index = 0;
+        }
+        this.setCurrentItem(items[index]);
+        items[index].focus();
+      }
+    }
+  }
+  handleMouseDown(event) {
+    const target = event.target;
+    if (this.isMenuItem(target)) {
+      this.setCurrentItem(target);
+    }
+  }
+  handleSlotChange() {
+    const items = this.getAllItems();
+    if (items.length > 0) {
+      this.setCurrentItem(items[0]);
+    }
+  }
+  isMenuItem(item) {
+    var _a;
+    return item.tagName.toLowerCase() === "terra-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes(
+      (_a = item.getAttribute("role")) != null ? _a : ""
+    );
+  }
+  /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
+  getAllItems() {
+    return [...this.defaultSlot.assignedElements({ flatten: true })].filter(
+      (el) => {
+        if (el.inert || !this.isMenuItem(el)) {
+          return false;
+        }
+        return true;
+      }
+    );
+  }
+  /**
+   * @internal Gets the current menu item, which is the menu item that has `tabindex="0"` within the roving tab index.
+   * The menu item may or may not have focus, but for keyboard interaction purposes it's considered the "active" item.
+   */
+  getCurrentItem() {
+    return this.getAllItems().find((i) => i.getAttribute("tabindex") === "0");
+  }
+  /**
+   * @internal Sets the current menu item to the specified element. This sets `tabindex="0"` on the target element and
+   * `tabindex="-1"` to all other items. This method must be called prior to setting focus on a menu item.
+   */
+  setCurrentItem(item) {
+    const items = this.getAllItems();
+    items.forEach((i) => {
+      i.setAttribute("tabindex", i === item ? "0" : "-1");
+    });
+  }
+  render() {
+    return b`
+            <slot
+                @slotchange=${this.handleSlotChange}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+                @mousedown=${this.handleMouseDown}
+            ></slot>
+        `;
+  }
+};
+TerraMenu.styles = [component_styles_default, menu_styles_default];
+__decorateClass([
+  e("slot")
+], TerraMenu.prototype, "defaultSlot", 2);
+
+export {
+  TerraMenu
+};

package/cdn/chunks/chunk.REAGMPVS.js

@@ -0,0 +1,19 @@
+import {
+  TerraLoader
+} from "./chunk.ZI54JMC5.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/loader/loader.ts
+init_dirname();
+init_buffer();
+init_process();
+var loader_default = TerraLoader;
+TerraLoader.define("terra-loader");
+
+export {
+  loader_default
+};