@nasa-terra/components 0.0.16 → 0.0.19

package/cdn/chunks/chunk.BQKL24VU.js

@@ -1,82 +0,0 @@
-import {
-  chip_styles_default
-} from "./chunk.KZ3ISS6V.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.EPQIDDJG.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/chip/chip.component.ts
-import { property } from "lit/decorators.js";
-import { html } from "lit";
-import { classMap } from "lit/directives/class-map.js";
-var _handleRemoveClick;
-var TerraChip = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.size = "medium";
-    __privateAdd(this, _handleRemoveClick, () => {
-      this.emit("terra-remove");
-      this.remove();
-    });
-  }
-  render() {
-    return html`
-            <div
-                class="${classMap({
-      // Sizes
-      "chip--small": this.size === "small",
-      "chip--medium": this.size === "medium",
-      "chip--large": this.size === "large"
-    })}
-                chip"
-            >
-                <div
-                    class="${classMap({
-      // Sizes
-      "chip-content--small": this.size === "small",
-      "chip-content--medium": this.size === "medium",
-      "chip-content--large": this.size === "large"
-    })}
-                    chip-content"
-                >
-                    <slot part="content" class="tag__content"></slot>
-                </div>
-                <button class="chip-close" @click="${__privateGet(this, _handleRemoveClick)}">
-                    <svg
-                        class="${classMap({
-      // Sizes
-      "chip-svg--small": this.size === "small",
-      "chip-svg--medium": this.size === "medium",
-      "chip-svg--large": this.size === "large"
-    })}
-                        chip-svg"
-                        focusable="false"
-                        viewBox="0 0 500 500"
-                        aria-hidden="true"
-                    >
-                        <path
-                            d="M 227 56.036 H 265 V 227.037 H 436 V 265.036 H 265 V 436.036 H 227 V 265.036 H 56 V 227.037 H 227 Z"
-                            style="paint-order: fill; fill-rule: nonzero; stroke-width: 0px; transform-origin: 246px 246.036px;"
-                            transform="matrix(0.707107007504, 0.707107007504, -0.707107007504, 0.707107007504, -9.98393e-7, -0.000026419743)"
-                        ></path>
-                    </svg>
-                </button>
-            </div>
-        `;
-  }
-};
-_handleRemoveClick = new WeakMap();
-TerraChip.styles = [component_styles_default, chip_styles_default];
-__decorateClass([
-  property({ reflect: true })
-], TerraChip.prototype, "size", 2);
-
-export {
-  TerraChip
-};

package/cdn/chunks/chunk.BY7D7WUU.js

@@ -1,180 +0,0 @@
-import {
-  isValidDate
-} from "./chunk.OIDMX5LU.js";
-import {
-  date_range_slider_styles_default
-} from "./chunk.62YHGVQN.js";
-import {
-  mergeTooltips
-} from "./chunk.KW4TJM4C.js";
-import {
-  watch
-} from "./chunk.SK7IZCKP.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.EPQIDDJG.js";
-import {
-  __decorateClass
-} from "./chunk.TVFCHGU3.js";
-
-// src/components/date-range-slider/date-range-slider.component.ts
-import { property, query } from "lit/decorators.js";
-import { html } from "lit";
-import noUiSlider, {
-  PipsMode
-} from "nouislider";
-import { format } from "date-fns";
-var TerraDateRangeSlider = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.timeScale = "daily";
-    this.disabled = false;
-    this.hasPips = true;
-  }
-  updateSlider() {
-    this.renderSlider();
-  }
-  disabledChanged() {
-    var _a, _b, _c, _d;
-    this.disabled ? (_b = (_a = this.slider) == null ? void 0 : _a.noUiSlider) == null ? void 0 : _b.disable() : (_d = (_c = this.slider) == null ? void 0 : _c.noUiSlider) == null ? void 0 : _d.enable();
-  }
-  firstUpdated() {
-    this.renderSlider();
-  }
-  renderSlider() {
-    var _a;
-    if (!this.slider) {
-      return;
-    }
-    (_a = this.slider.noUiSlider) == null ? void 0 : _a.destroy();
-    if (!isValidDate(this.minDate) || !isValidDate(this.maxDate)) {
-      this.renderEmptySlider();
-      this.minDate && !isValidDate(this.minDate) && console.error("Invalid min date provided");
-      this.maxDate && !isValidDate(this.maxDate) && console.error("Invalid max date provided");
-      return;
-    }
-    const minDate = new Date(this.minDate);
-    const maxDate = new Date(this.maxDate);
-    const startDate = new Date(
-      isValidDate(this.startDate) ? this.startDate : this.minDate
-    );
-    const endDate = new Date(
-      isValidDate(this.endDate) ? this.endDate : this.maxDate
-    );
-    minDate.setUTCHours(0, 0, 0, 0);
-    startDate.setUTCHours(0, 0, 0, 0);
-    maxDate.setUTCHours(23, 59, 59, 999);
-    endDate.setUTCHours(23, 59, 59, 999);
-    const sliderOptions = {
-      range: {
-        // convert to milliseconds to define a range
-        min: minDate.getTime(),
-        max: maxDate.getTime()
-      },
-      behaviour: "drag",
-      step: this._getStep(),
-      start: [startDate.getTime(), endDate.getTime()],
-      // defaults to either the given start/end dates or the full date range (min/max date)
-      tooltips: [true, true],
-      // for each handle, choose whether to show a tooltip
-      connect: true,
-      // whether to connect the handles with a colorized bar
-      pips: {
-        mode: PipsMode.Range,
-        density: -1,
-        format: this._getSliderFormatter()
-      },
-      format: this._getSliderFormatter()
-    };
-    noUiSlider.create(this.slider, sliderOptions);
-    mergeTooltips(this.slider);
-    this.slider.noUiSlider.on("change", (values) => {
-      this.emit("terra-date-range-change", {
-        detail: {
-          startDate: this._formatDate(values[0]),
-          endDate: this._formatDate(values[1])
-        }
-      });
-    });
-  }
-  renderEmptySlider() {
-    noUiSlider.create(this.slider, {
-      start: [0, 0],
-      range: {
-        min: 0,
-        max: 0
-      }
-    });
-  }
-  _getStep() {
-    const oneMinuteMillis = 60 * 1e3;
-    const oneHourMillis = 60 * oneMinuteMillis;
-    const oneDayMillis = 24 * oneHourMillis;
-    switch (this.timeScale) {
-      case "half-hourly":
-        return 30 * oneMinuteMillis;
-      case "hourly":
-        return oneHourMillis;
-      default:
-        return oneDayMillis;
-    }
-  }
-  _getSliderFormatter() {
-    return {
-      to: (value) => {
-        return this._formatDate(value);
-      },
-      from: (value) => {
-        return Number(value);
-      }
-    };
-  }
-  _formatDate(date) {
-    const dateFormat = this.timeScale === "daily" ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm";
-    return format(new Date(date).toUTCString(), dateFormat);
-  }
-  render() {
-    const containerClass = "container" + this.hasPips ? " hasPips" : "";
-    return html`
-            <div class="${containerClass}">
-                <div part="slider"></div>
-            </div>
-        `;
-  }
-};
-TerraDateRangeSlider.styles = [component_styles_default, date_range_slider_styles_default];
-__decorateClass([
-  query('[part~="slider"]')
-], TerraDateRangeSlider.prototype, "slider", 2);
-__decorateClass([
-  property({ attribute: "time-scale" })
-], TerraDateRangeSlider.prototype, "timeScale", 2);
-__decorateClass([
-  property({ attribute: "min-date" })
-], TerraDateRangeSlider.prototype, "minDate", 2);
-__decorateClass([
-  property({ attribute: "max-date" })
-], TerraDateRangeSlider.prototype, "maxDate", 2);
-__decorateClass([
-  property({ attribute: "start-date" })
-], TerraDateRangeSlider.prototype, "startDate", 2);
-__decorateClass([
-  property({ attribute: "end-date" })
-], TerraDateRangeSlider.prototype, "endDate", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], TerraDateRangeSlider.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "has-pips" })
-], TerraDateRangeSlider.prototype, "hasPips", 2);
-__decorateClass([
-  watch(["startDate", "endDate", "minDate", "maxDate"])
-], TerraDateRangeSlider.prototype, "updateSlider", 1);
-__decorateClass([
-  watch("disabled")
-], TerraDateRangeSlider.prototype, "disabledChanged", 1);
-
-export {
-  TerraDateRangeSlider
-};

package/cdn/chunks/chunk.CBU7JODA.js

@@ -1,11 +0,0 @@
-import {
-  TerraPlot
-} from "./chunk.MTNKN7SC.js";
-
-// src/components/plot/plot.ts
-var plot_default = TerraPlot;
-TerraPlot.define("terra-plot");
-
-export {
-  plot_default
-};

package/cdn/chunks/chunk.CNUQQWCR.js

@@ -1,215 +0,0 @@
-// src/components/giovanni-search/giovanni-search.styles.ts
-import { css } from "lit";
-var giovanni_search_styles_default = css`
-    :host {
-        --label-height: 1.8125rem;
-
-        block-size: var(--terra-block-size, 2.1875rem);
-        box-sizing: border-box;
-        color: #1b1b1b; /* HDS uses this color for body text but does not have a defined color in the HDS palette */
-        contain: layout size style;
-        contain-intrinsic-size: var(--terra-inline-size, 100%)
-            calc(33vh + var(--terra-block-size, 2.1875rem));
-        display: block;
-        font-family: var(--terra-font-family--public-sans);
-        inline-size: var(--terra-inline-size, 100%);
-        position: relative;
-        z-index: 10;
-    }
-
-    * {
-        box-sizing: inherit;
-    }
-
-    .search-input-group {
-        block-size: 100%;
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-    .combobox {
-        block-size: var(--terra-block-size, 2.25rem);
-        flex: 1 1 auto;
-        padding-inline: 0.5rem;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .combobox::placeholder {
-        color: var(--terra-color-carbon-60);
-    }
-
-    .combobox:focus {
-        border-color: var(--terra-color-carbon-40);
-        outline: 0;
-    }
-
-    .search-input-group:has(.combobox:not(:focus)) + .search-results[open] {
-        border-color: var(--terra-color-carbon-30);
-    }
-
-    .search-input-button {
-        margin-block: 0;
-        margin-inline: 0;
-        outline: 0;
-        position: absolute;
-        right: 0;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-        z-index: 2;
-    }
-
-    .search-button::part(base) {
-        border-color: transparent;
-    }
-
-    .search-button::part(base):hover {
-        background-color: transparent;
-        border-color: var(--terra-color-nasa-blue-shade);
-        color: var(--terra-button-outline-text-color);
-    }
-
-    .button-icon {
-        height: 1rem;
-        width: 1rem;
-    }
-
-    .spinner {
-        transform-origin: center;
-        animation: spin 2s linear infinite;
-    }
-
-    .spinner circle {
-        stroke-linecap: round;
-        animation: vary-stroke 1.5s ease-in-out infinite;
-    }
-
-    .external-link {
-        fill: currentColor;
-        vertical-align: middle;
-    }
-
-    .search-results {
-        background-color: var(--terra-color-spacesuit-white);
-        block-size: calc(33vh - var(--terra-block-size, 2.1875rem));
-        border-block-end: 2px solid transparent;
-        border-inline: 2px solid transparent;
-        contain: strict;
-        contain-intrinsic-size: var(--terra-inline-size, 100%)
-            calc(33vh - var(--terra-block-size, 2.1875rem));
-        content-visibility: hidden;
-        left: 0;
-        margin-block: 0;
-        margin-inline: 0;
-        max-height: 0;
-        opacity: 0;
-        overflow-y: auto;
-        overscroll-behavior: contain;
-        padding-block: 0.5rem;
-        padding-inline: 0rem;
-        position: absolute;
-        right: 0;
-        visibility: hidden;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .search-results[open] {
-        border-color: var(--terra-color-carbon-40);
-        content-visibility: auto;
-        max-height: calc(33vh - var(--terra-block-size, 2.1875rem));
-        opacity: 1;
-        visibility: visible;
-    }
-
-    .search-results .updating {
-        font-size: var(--terra-font-size-x-large);
-        padding-block: 4rem;
-        text-align: center;
-    }
-
-    .search-results .error {
-        color: var(--terra-color-nasa-red);
-        font-family: var(--terra-font-family--dm-mono);
-        padding-block: 2rem;
-    }
-
-    .listbox-option-group {
-        padding-inline: 0.5rem;
-        padding-block: 1rem 0.5rem;
-    }
-
-    .listbox-option-group:has(.clear-button) {
-        text-align: center;
-    }
-
-    .group-title {
-        font-family: var(--terra-font-family--inter);
-        font-weight: 700;
-        margin-block: 0;
-    }
-
-    .listbox-option {
-        cursor: pointer;
-        list-style: none;
-        padding-inline: 0.5rem;
-        transition: background-color 0.1s ease-in-out;
-    }
-
-    .listbox-option[aria-selected='true'] {
-        animation: traverse 0.2s ease-in-out forwards;
-        background-color: var(--terra-color-nasa-blue-shade);
-        color: var(--terra-color-spacesuit-white);
-    }
-
-    @media (prefers-reduced-motion) {
-        .button-icon {
-            transition: rotate 0s ease;
-        }
-
-        .search-results {
-            scroll-behavior: auto;
-        }
-    }
-
-    @keyframes traverse {
-        from {
-            filter: brightness(0.8);
-            opacity: 0.8;
-        }
-
-        to {
-            filter: brightness(1);
-            opacity: 1;
-        }
-    }
-
-    @keyframes spin {
-        to {
-            transform: rotate(1turn);
-        }
-    }
-
-    @keyframes vary-stroke {
-        0% {
-            stroke-dasharray: 0 150;
-            stroke-dashoffset: 0;
-        }
-        47.5% {
-            stroke-dasharray: 42 150;
-            stroke-dashoffset: -16;
-        }
-        95%,
-        100% {
-            stroke-dasharray: 42 150;
-            stroke-dashoffset: -59;
-        }
-    }
-`;
-
-export {
-  giovanni_search_styles_default
-};

package/cdn/chunks/chunk.DR7BNSRT.js

@@ -1,21 +0,0 @@
-import {
-  TerraButton
-} from "./chunk.RPCYLOW6.js";
-
-// src/react/button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-button";
-TerraButton.define("terra-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraButton,
-  react: React,
-  events: {},
-  displayName: "TerraButton"
-});
-var button_default = reactWrapper;
-
-export {
-  button_default
-};