@nasa-terra/components 0.0.175 → 0.0.177

package/dist/chunks/chunk.SGFD3ORP.js

@@ -0,0 +1,293 @@
+// src/components/plot/plot.styles.ts
+import { css } from "lit";
+var plot_styles_default = css`
+    :host {
+        display: block;
+    }
+
+    :host::part(base) {
+        aspect-ratio: 16 / 9;
+    }
+
+    /**
+   * !Alert! The rest of this stylesheet is auto-generated!
+   * Unfortunately Plotly does not work well with Shadow DOM AND they don't supply a CSS file at all for us to import
+   * Because of this, a working solution is to copy their CSS over.
+   *
+   * Given that they use CSS, you can do npx -y sass ./node_modules/plotly.js/src/css/style.scss > plotly.css
+   * to generate the CSS, then copy the contents of plotly.css into this file
+   */
+    .js-plotly-plot .plotly,
+    .js-plotly-plot .plotly div {
+        direction: ltr;
+        font-family: 'Open Sans', verdana, arial, sans-serif;
+        margin: 0;
+        padding: 0;
+    }
+    .js-plotly-plot .plotly input,
+    .js-plotly-plot .plotly button {
+        font-family: 'Open Sans', verdana, arial, sans-serif;
+    }
+    .js-plotly-plot .plotly input:focus,
+    .js-plotly-plot .plotly button:focus {
+        outline: none;
+    }
+    .js-plotly-plot .plotly a {
+        text-decoration: none;
+    }
+    .js-plotly-plot .plotly a:hover {
+        text-decoration: none;
+    }
+    .js-plotly-plot .plotly .crisp {
+        shape-rendering: crispEdges;
+    }
+    .js-plotly-plot .plotly .user-select-none {
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        -o-user-select: none;
+        user-select: none;
+    }
+    .js-plotly-plot .plotly svg {
+        overflow: hidden;
+    }
+    .js-plotly-plot .plotly svg a {
+        fill: #447adb;
+    }
+    .js-plotly-plot .plotly svg a:hover {
+        fill: #3c6dc5;
+    }
+    .js-plotly-plot .plotly .main-svg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        pointer-events: none;
+    }
+    .js-plotly-plot .plotly .main-svg .draglayer {
+        pointer-events: all;
+    }
+    .js-plotly-plot .plotly .cursor-default {
+        cursor: default;
+    }
+    .js-plotly-plot .plotly .cursor-pointer {
+        cursor: pointer;
+    }
+    .js-plotly-plot .plotly .cursor-crosshair {
+        cursor: crosshair;
+    }
+    .js-plotly-plot .plotly .cursor-move {
+        cursor: move;
+    }
+    .js-plotly-plot .plotly .cursor-col-resize {
+        cursor: col-resize;
+    }
+    .js-plotly-plot .plotly .cursor-row-resize {
+        cursor: row-resize;
+    }
+    .js-plotly-plot .plotly .cursor-ns-resize {
+        cursor: ns-resize;
+    }
+    .js-plotly-plot .plotly .cursor-ew-resize {
+        cursor: ew-resize;
+    }
+    .js-plotly-plot .plotly .cursor-sw-resize {
+        cursor: sw-resize;
+    }
+    .js-plotly-plot .plotly .cursor-s-resize {
+        cursor: s-resize;
+    }
+    .js-plotly-plot .plotly .cursor-se-resize {
+        cursor: se-resize;
+    }
+    .js-plotly-plot .plotly .cursor-w-resize {
+        cursor: w-resize;
+    }
+    .js-plotly-plot .plotly .cursor-e-resize {
+        cursor: e-resize;
+    }
+    .js-plotly-plot .plotly .cursor-nw-resize {
+        cursor: nw-resize;
+    }
+    .js-plotly-plot .plotly .cursor-n-resize {
+        cursor: n-resize;
+    }
+    .js-plotly-plot .plotly .cursor-ne-resize {
+        cursor: ne-resize;
+    }
+    .js-plotly-plot .plotly .cursor-grab {
+        cursor: -webkit-grab;
+        cursor: grab;
+    }
+    .js-plotly-plot .plotly .modebar {
+        position: absolute;
+        top: 2px;
+        right: 2px;
+    }
+    .js-plotly-plot .plotly .ease-bg {
+        -webkit-transition: background-color 0.3s ease 0s;
+        -moz-transition: background-color 0.3s ease 0s;
+        -ms-transition: background-color 0.3s ease 0s;
+        -o-transition: background-color 0.3s ease 0s;
+        transition: background-color 0.3s ease 0s;
+    }
+    .js-plotly-plot .plotly .modebar--hover > :not(.watermark) {
+        opacity: 0;
+        -webkit-transition: opacity 0.3s ease 0s;
+        -moz-transition: opacity 0.3s ease 0s;
+        -ms-transition: opacity 0.3s ease 0s;
+        -o-transition: opacity 0.3s ease 0s;
+        transition: opacity 0.3s ease 0s;
+    }
+    .js-plotly-plot .plotly:hover .modebar--hover .modebar-group {
+        opacity: 1;
+    }
+    .js-plotly-plot .plotly .modebar-group {
+        float: left;
+        display: inline-block;
+        box-sizing: border-box;
+        padding-left: 8px;
+        position: relative;
+        vertical-align: middle;
+        white-space: nowrap;
+    }
+    .js-plotly-plot .plotly .modebar-btn {
+        position: relative;
+        font-size: 16px;
+        padding: 3px 4px;
+        height: 22px;
+        /* display: inline-block; including this breaks 3d interaction in .embed mode. Chrome bug? */
+        cursor: pointer;
+        line-height: normal;
+        box-sizing: border-box;
+    }
+    .js-plotly-plot .plotly .modebar-btn svg {
+        position: relative;
+        top: 2px;
+    }
+    .js-plotly-plot .plotly .modebar.vertical {
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        align-content: flex-end;
+        max-height: 100%;
+    }
+    .js-plotly-plot .plotly .modebar.vertical svg {
+        top: -1px;
+    }
+    .js-plotly-plot .plotly .modebar.vertical .modebar-group {
+        display: block;
+        float: none;
+        padding-left: 0px;
+        padding-bottom: 8px;
+    }
+    .js-plotly-plot .plotly .modebar.vertical .modebar-group .modebar-btn {
+        display: block;
+        text-align: center;
+    }
+    .js-plotly-plot .plotly [data-title] {
+        /**
+   * tooltip body
+   */
+    }
+    .js-plotly-plot .plotly [data-title]:before,
+    .js-plotly-plot .plotly [data-title]:after {
+        position: absolute;
+        -webkit-transform: translate3d(0, 0, 0);
+        -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+        -o-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        display: none;
+        opacity: 0;
+        z-index: 1001;
+        pointer-events: none;
+        top: 110%;
+        right: 50%;
+    }
+    .js-plotly-plot .plotly [data-title]:hover:before,
+    .js-plotly-plot .plotly [data-title]:hover:after {
+        display: block;
+        opacity: 1;
+    }
+    .js-plotly-plot .plotly [data-title]:before {
+        content: '';
+        position: absolute;
+        background: transparent;
+        border: 6px solid transparent;
+        z-index: 1002;
+        margin-top: -12px;
+        border-bottom-color: #69738a;
+        margin-right: -6px;
+    }
+    .js-plotly-plot .plotly [data-title]:after {
+        content: attr(data-title);
+        background: #69738a;
+        color: white;
+        padding: 8px 10px;
+        font-size: 12px;
+        line-height: 12px;
+        white-space: nowrap;
+        margin-right: -18px;
+        border-radius: 2px;
+    }
+    .js-plotly-plot .plotly .vertical [data-title]:before,
+    .js-plotly-plot .plotly .vertical [data-title]:after {
+        top: 0%;
+        right: 200%;
+    }
+    .js-plotly-plot .plotly .vertical [data-title]:before {
+        border: 6px solid transparent;
+        border-left-color: #69738a;
+        margin-top: 8px;
+        margin-right: -30px;
+    }
+
+    .plotly-notifier {
+        font-family: 'Open Sans', verdana, arial, sans-serif;
+        position: fixed;
+        top: 50px;
+        right: 20px;
+        z-index: 10000;
+        font-size: 10pt;
+        max-width: 180px;
+    }
+    .plotly-notifier p {
+        margin: 0;
+    }
+    .plotly-notifier .notifier-note {
+        min-width: 180px;
+        max-width: 250px;
+        border: 1px solid #fff;
+        z-index: 3000;
+        margin: 0;
+        background-color: #8c97af;
+        background-color: rgba(140, 151, 175, 0.9);
+        color: #fff;
+        padding: 10px;
+        overflow-wrap: break-word;
+        word-wrap: break-word;
+        -ms-hyphens: auto;
+        -webkit-hyphens: auto;
+        hyphens: auto;
+    }
+    .plotly-notifier .notifier-close {
+        color: #fff;
+        opacity: 0.8;
+        float: right;
+        padding: 0 5px;
+        background: none;
+        border: none;
+        font-size: 20px;
+        font-weight: bold;
+        line-height: 20px;
+    }
+    .plotly-notifier .notifier-close:hover {
+        color: #444;
+        text-decoration: none;
+        cursor: pointer;
+    }
+`;
+
+export {
+  plot_styles_default
+};

package/dist/chunks/chunk.SHKVBVTI.js

@@ -0,0 +1,117 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => {
+  return (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")];
+  var isAwait = false;
+  var method;
+  var it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw")
+          throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object))
+            throw TypeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __restKey,
+  __objRest,
+  __decorateClass,
+  __privateGet,
+  __privateAdd,
+  __privateSet,
+  __privateMethod,
+  __yieldStar
+};

package/dist/chunks/chunk.SIFJEFP2.js

@@ -0,0 +1,11 @@
+import {
+  TerraChip
+} from "./chunk.SBXSVFP3.js";
+
+// src/components/chip/chip.ts
+var chip_default = TerraChip;
+TerraChip.define("terra-chip");
+
+export {
+  chip_default
+};

package/dist/chunks/chunk.SJVXFIWD.js

@@ -0,0 +1,43 @@
+import {
+  GiovanniVariableCatalog
+} from "./chunk.MZ4FDVFI.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateSet
+} from "./chunk.SHKVBVTI.js";
+
+// src/components/variable-keyword-search/variable-keyword-search.controller.ts
+import { Task, TaskStatus } from "@lit/task";
+var _apiTask;
+var FetchController = class {
+  constructor(host) {
+    __privateAdd(this, _apiTask, void 0);
+    const variableCatalog = new GiovanniVariableCatalog();
+    __privateSet(this, _apiTask, new Task(host, {
+      task: async () => variableCatalog.getSearchKeywords(),
+      args: () => []
+    }));
+  }
+  get taskComplete() {
+    return __privateGet(this, _apiTask).taskComplete;
+  }
+  get value() {
+    return __privateGet(this, _apiTask).value;
+  }
+  get taskStatus() {
+    const readableStatus = Object.entries(TaskStatus).reduce((accumulator, [key, value]) => {
+      accumulator[value] = key;
+      return accumulator;
+    }, {});
+    return readableStatus[__privateGet(this, _apiTask).status];
+  }
+  render(renderFunctions) {
+    return __privateGet(this, _apiTask).render(renderFunctions);
+  }
+};
+_apiTask = new WeakMap();
+
+export {
+  FetchController
+};

package/dist/chunks/chunk.SM2GF5DG.js

@@ -0,0 +1,161 @@
+// src/components/menu-item/menu-item.styles.ts
+import { css } from "lit";
+var menu_item_styles_default = css`
+    :host {
+        --submenu-offset: -2px;
+
+        display: block;
+    }
+
+    :host([inert]) {
+        display: none;
+    }
+
+    .menu-item {
+        position: relative;
+        display: flex;
+        align-items: stretch;
+        font-family: var(--terra-menu-item-font-family);
+        font-size: var(--terra-font-size-medium);
+        font-weight: var(--terra-font-weight-normal);
+        line-height: var(--terra-line-height-normal);
+        letter-spacing: var(--terra-letter-spacing-normal);
+        color: var(--terra-menu-item-color);
+        padding: var(--terra-spacing-2x-small) var(--terra-spacing-2x-small);
+        transition: var(--terra-transition-fast) fill;
+        user-select: none;
+        -webkit-user-select: none;
+        white-space: nowrap;
+        cursor: pointer;
+    }
+
+    .menu-item.menu-item--disabled {
+        outline: none;
+        opacity: 0.5;
+        cursor: not-allowed;
+    }
+
+    .menu-item.menu-item--loading {
+        outline: none;
+        cursor: wait;
+    }
+
+    .menu-item.menu-item--loading *:not(terra-loader) {
+        opacity: 0.5;
+    }
+
+    .menu-item--loading terra-loader {
+        --indicator-color: currentColor;
+        --track-width: 1px;
+        position: absolute;
+        font-size: 0.75em;
+        top: calc(50% - 0.5em);
+        left: 0.65rem;
+        opacity: 1;
+    }
+
+    .menu-item .menu-item__label {
+        flex: 1 1 auto;
+        display: inline-block;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+
+    .menu-item .menu-item__prefix {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+    }
+
+    .menu-item .menu-item__prefix::slotted(*) {
+        margin-inline-end: var(--terra-spacing-x-small);
+    }
+
+    .menu-item .menu-item__suffix {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+    }
+
+    .menu-item .menu-item__suffix::slotted(*) {
+        margin-inline-start: var(--terra-spacing-x-small);
+    }
+
+    /* Safe triangle */
+    .menu-item--submenu-expanded::after {
+        content: '';
+        position: fixed;
+        z-index: calc(var(--terra-z-index-dropdown) - 1);
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        clip-path: polygon(
+            var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
+            var(--safe-triangle-submenu-start-x, 0)
+                var(--safe-triangle-submenu-start-y, 0),
+            var(--safe-triangle-submenu-end-x, 0)
+                var(--safe-triangle-submenu-end-y, 0)
+        );
+    }
+
+    :host(:focus-visible) {
+        outline: none;
+    }
+
+    :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,
+    .menu-item--submenu-expanded {
+        background-color: var(--terra-menu-item-background-color-hover);
+        color: var(--terra-menu-item-color-hover);
+    }
+
+    :host(:focus-visible) .menu-item {
+        outline: none;
+        background-color: var(--terra-menu-item-background-color-focus);
+        color: var(--terra-menu-item-color-focus);
+        opacity: 1;
+    }
+
+    .menu-item .menu-item__check,
+    .menu-item .menu-item__chevron {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.5em;
+        visibility: hidden;
+    }
+
+    .menu-item--checked .menu-item__check,
+    .menu-item--has-submenu .menu-item__chevron {
+        visibility: visible;
+    }
+
+    /* Add elevation and z-index to submenus */
+    terra-popup::part(popup) {
+        box-shadow: var(--terra-shadow-large);
+        z-index: var(--terra-z-index-dropdown);
+        margin-left: var(--submenu-offset);
+    }
+
+    .menu-item--rtl terra-popup::part(popup) {
+        margin-left: calc(-1 * var(--submenu-offset));
+    }
+
+    @media (forced-colors: active) {
+        :host(:hover:not([aria-disabled='true'])) .menu-item,
+        :host(:focus-visible) .menu-item {
+            outline: dashed 1px SelectedItem;
+            outline-offset: -1px;
+        }
+    }
+
+    ::slotted(terra-menu) {
+        max-width: var(--auto-size-available-width) !important;
+        max-height: var(--auto-size-available-height) !important;
+    }
+`;
+
+export {
+  menu_item_styles_default
+};

package/dist/chunks/chunk.SNRHFNEH.js

@@ -0,0 +1,11 @@
+import {
+  TerraLogin
+} from "./chunk.LMIWGVRO.js";
+
+// src/components/login/login.ts
+var login_default = TerraLogin;
+TerraLogin.define("terra-login");
+
+export {
+  login_default
+};