@nasa-terra/components 0.0.16 → 0.0.19

package/dist/chunks/chunk.7QKG7IRI.js

@@ -1,379 +0,0 @@
-import {
-  __decorateClass,
-  __spreadValues
-} from "./chunk.TVFCHGU3.js";
-
-// src/styles/component.styles.ts
-import { css } from "lit";
-var component_styles_default = css`
-    :host {
-        box-sizing: border-box;
-        opacity: 0;
-    }
-
-    :defined {
-        opacity: unset;
-    }
-
-    :host *,
-    :host *::before,
-    :host *::after {
-        box-sizing: inherit;
-    }
-
-    :host {
-        background-color: var(--background-color);
-        color: var(--color);
-    }
-
-    [hidden] {
-        display: none !important;
-    }
-
-    /* Horizon Design System Font Classes */
-
-    /* Display Fonts */
-
-    .display-120 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 7.5rem; /* 120px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-100 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 6.25rem; /* 100px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-80 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 5rem; /* 80px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-72 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 4.5rem; /* 72px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-60 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 3.75rem; /* 60px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-48 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 3rem; /* 48px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-41 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 2.563rem; /* 41px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    /* Heading Fonts */
-
-    .heading-36-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 2.25rem; /* 36px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-36-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 2.25rem; /* 36px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-29-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.813rem; /* 29px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-29-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.813rem; /* 29px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-22-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.375rem; /* 22px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-22-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.375rem; /*22px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-18-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.125rem; /* 18px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-18-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.125rem; /* 18px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-16-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1rem; /* 16px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-16-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1rem; /* 16px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-14-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-14-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-12-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-12-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-11-semi-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.688rem; /* 11px */
-        font-weight: var(--terra-font-weight-semi-bold);
-    }
-
-    /* Body Fonts */
-
-    .body-18 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 1.125rem; /* 18px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-16 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 1rem; /* 16px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-14 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-12 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-11 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 0.688rem; /* 11px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    /* Number & Label Fonts */
-
-    .number-240 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 15rem; /* 240px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-120 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 7.5rem; /* 120px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-48 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 3rem; /* 48px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-36 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 2.25rem; /* 36px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-14 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.875rem; /* 14px */
-        font-weight: 500;
-    }
-
-    .number-11 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.688rem; /* 11px */
-        font-weight: 500;
-    }
-
-    .label-14 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-light);
-        text-transform: uppercase;
-    }
-
-    .label-12 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-light);
-        text-transform: uppercase;
-    }
-
-    .label-11 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.688rem; /* 11px */
-        font-weight: var(--terra-font-weight-light);
-        text-transform: uppercase;
-    }
-
-    /* Forms */
-
-    /* Input Field */
-
-    input[type='text'],
-    input[type='password'],
-    select,
-    .input {
-        font-family: var(--terra-input-font-family);
-        font-size: var(--terra-input-font-size);
-        color: var(--terra-input-color);
-        font-weight: var(--terra-input-font-weight);
-        line-height: var(--terra-input-line-height);
-        background-color: var(--terra-input-background-color);
-        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
-        border-radius: var(--terra-input-border-radius);
-    }
-
-    label,
-    .input-label {
-        font-family: var(--terra-input-label-font-family);
-        font-size: var(--terra-input-label-font-size);
-        color: var(--terra-input-label-color);
-        font-weight: var(--terra-font-weight-semibold);
-        line-height: var(--terra-input-label-line-height);
-    }
-
-    /* Elements */
-
-    a {
-        text-decoration: underline;
-        text-decoration-color: #585858;
-        text-decoration-style: dashed;
-        text-decoration-thickness: 0.05em;
-        text-underline-offset: 0.25rem;
-        color: var(--terra-color-carbon-60);
-    }
-
-    /* UTILITY CSS */
-    .sr-only {
-        block-size: 1px;
-        border-width: 0;
-        clip: rect(0, 0, 0, 0);
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        white-space: nowrap;
-        width: 1px;
-    }
-`;
-
-// src/internal/terra-element.ts
-import { LitElement } from "lit";
-import { property } from "lit/decorators.js";
-var TerraElement = class extends LitElement {
-  emit(name, options) {
-    const event = new CustomEvent(name, __spreadValues({
-      bubbles: true,
-      cancelable: false,
-      composed: true,
-      detail: {}
-    }, options));
-    this.dispatchEvent(event);
-    return event;
-  }
-  /* eslint-enable */
-  static define(name, elementConstructor = this, options = {}) {
-    const currentlyRegisteredConstructor = customElements.get(name);
-    if (!currentlyRegisteredConstructor) {
-      customElements.define(
-        name,
-        class extends elementConstructor {
-        },
-        options
-      );
-      return;
-    }
-    let newVersion = " (unknown version)";
-    let existingVersion = newVersion;
-    if ("version" in elementConstructor && elementConstructor.version) {
-      newVersion = " v" + elementConstructor.version;
-    }
-    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
-      existingVersion = " v" + currentlyRegisteredConstructor.version;
-    }
-    if (newVersion && existingVersion && newVersion === existingVersion) {
-      return;
-    }
-    console.warn(
-      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
-    );
-  }
-  constructor() {
-    super();
-    Object.entries(
-      this.constructor.dependencies
-    ).forEach(([name, component]) => {
-      ;
-      this.constructor.define(name, component);
-    });
-  }
-};
-/* eslint-disable */
-// @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.16";
-TerraElement.dependencies = {};
-__decorateClass([
-  property()
-], TerraElement.prototype, "dir", 2);
-__decorateClass([
-  property()
-], TerraElement.prototype, "lang", 2);
-
-export {
-  component_styles_default,
-  TerraElement
-};

package/dist/chunks/chunk.A6JU7GRG.js

@@ -1,25 +0,0 @@
-import {
-  TerraGiovanniSearch
-} from "./chunk.ECOMXZ5Z.js";
-
-// src/react/giovanni-search/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-giovanni-search";
-TerraGiovanniSearch.define("terra-giovanni-search");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraGiovanniSearch,
-  react: React,
-  events: {
-    onTerraGiovanniSearchChange: "terra-giovanni-search-change",
-    onTerraSearch: "terra-search"
-  },
-  displayName: "TerraGiovanniSearch"
-});
-var giovanni_search_default = reactWrapper;
-
-export {
-  giovanni_search_default
-};

package/dist/chunks/chunk.AC6WDIAW.js

@@ -1,11 +0,0 @@
-import {
-  TerraButton
-} from "./chunk.U2URIXJW.js";
-
-// src/components/button/button.ts
-var button_default = TerraButton;
-TerraButton.define("terra-button");
-
-export {
-  button_default
-};

package/dist/chunks/chunk.ADOXGJHH.js

@@ -1,11 +0,0 @@
-import {
-  TerraTimeSeries
-} from "./chunk.I5ZJKFQJ.js";
-
-// src/components/time-series/time-series.ts
-var time_series_default = TerraTimeSeries;
-TerraTimeSeries.define("terra-time-series");
-
-export {
-  time_series_default
-};

package/dist/chunks/chunk.CPXWDTHF.js

@@ -1,214 +0,0 @@
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.MDRUDBRH.js";
-import {
-  icon_styles_default
-} from "./chunk.7VUSSQRI.js";
-import {
-  watch
-} from "./chunk.SK7IZCKP.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.7QKG7IRI.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/icon/icon.component.ts
-import { property, state } from "lit/decorators.js";
-import { isTemplateResult } from "lit/directive-helpers.js";
-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 (isTemplateResult(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 (e) {
-    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 (e) {
-    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: property2 }) => {
-    if (typeof property2 === "string" && property2.length > 0) {
-      accumulator += ` ${attribute}: ${property2};`;
-    }
-    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([
-  state()
-], TerraIcon.prototype, "svg", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraIcon.prototype, "name", 2);
-__decorateClass([
-  property()
-], TerraIcon.prototype, "src", 2);
-__decorateClass([
-  property()
-], TerraIcon.prototype, "label", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraIcon.prototype, "library", 2);
-__decorateClass([
-  property()
-], TerraIcon.prototype, "color", 2);
-__decorateClass([
-  property({ 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/dist/chunks/chunk.CUBR5ACQ.js

@@ -1,11 +0,0 @@
-import {
-  TerraSkeleton
-} from "./chunk.2KFIIWTA.js";
-
-// src/components/skeleton/skeleton.ts
-var skeleton_default = TerraSkeleton;
-TerraSkeleton.define("terra-skeleton");
-
-export {
-  skeleton_default
-};

package/dist/chunks/chunk.CZH6I2IA.js

@@ -1,11 +0,0 @@
-import {
-  TerraGiovanniSearch
-} from "./chunk.FWXMF6WX.js";
-
-// src/components/giovanni-search/giovanni-search.ts
-var giovanni_search_default = TerraGiovanniSearch;
-TerraGiovanniSearch.define("terra-giovanni-search");
-
-export {
-  giovanni_search_default
-};

package/dist/chunks/chunk.DIBCM2Y3.js

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

package/dist/chunks/chunk.EAPY6ENL.js

@@ -1,11 +0,0 @@
-import {
-  TerraBrowseVariables
-} from "./chunk.NHY4FPXP.js";
-
-// src/components/browse-variables/browse-variables.ts
-var browse_variables_default = TerraBrowseVariables;
-TerraBrowseVariables.define("terra-browse-variables");
-
-export {
-  browse_variables_default
-};