@nasa-terra/components 0.0.182 → 0.0.184

package/cdn/chunks/chunk.MZX3RGLE.js

@@ -1,189 +0,0 @@
-import {
-  scroll_hint_styles_default
-} from "./chunk.LPKSQA35.js";
-import {
-  TerraIcon
-} from "./chunk.S3QWAZET.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.7ZVYIV7K.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/scroll-hint/scroll-hint.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraScrollHint = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.inline = false;
-    this.dark = false;
-    this.inactivityDelay = 3e3;
-    this.visible = false;
-    this.handleScroll = () => {
-      if (this.inline) {
-        return;
-      }
-      const isAtBottom = this.isAtBottomOfPage();
-      if (isAtBottom) {
-        if (this.visible) {
-          this.hide();
-        }
-        this.clearTimers();
-      } else {
-        if (this.visible) {
-          this.hide();
-          this.startInactivityTimer();
-        }
-      }
-    };
-    this.handleDocumentClick = (e) => {
-      if (this.contains(e.target)) {
-        return;
-      }
-      if (!this.inline && this.visible) {
-        this.hide();
-        this.startInactivityTimer();
-      }
-    };
-    this.handleClick = () => {
-      this.emit("terra-scroll");
-      if (!this.inline) {
-        this.hide();
-        setTimeout(() => {
-          this.startInactivityTimer();
-        }, 100);
-      }
-      this.scrollDown();
-    };
-  }
-  handleInlineChange() {
-    if (this.inline) {
-      this.visible = true;
-      this.clearTimers();
-    } else {
-      this.visible = false;
-      this.clearTimers();
-      this.startInactivityTimer();
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setupEventListeners();
-    if (this.inline) {
-      this.visible = true;
-    } else {
-      this.startInactivityTimer();
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.cleanupEventListeners();
-    this.clearTimers();
-  }
-  setupEventListeners() {
-    window.addEventListener("scroll", this.handleScroll, { passive: true });
-    document.addEventListener("click", this.handleDocumentClick);
-  }
-  cleanupEventListeners() {
-    window.removeEventListener("scroll", this.handleScroll);
-    document.removeEventListener("click", this.handleDocumentClick);
-  }
-  isAtBottomOfPage() {
-    const windowHeight = window.innerHeight;
-    const documentHeight = document.documentElement.scrollHeight;
-    const scrollTop = window.scrollY || document.documentElement.scrollTop;
-    const threshold = 100;
-    return scrollTop + windowHeight >= documentHeight - threshold;
-  }
-  scrollDown() {
-    const viewportHeight = window.innerHeight;
-    window.scrollBy({
-      top: viewportHeight,
-      behavior: "smooth"
-    });
-  }
-  hide() {
-    this.visible = false;
-    this.clearTimers();
-  }
-  startInactivityTimer() {
-    if (this.inline) {
-      return;
-    }
-    if (this.isAtBottomOfPage()) {
-      return;
-    }
-    this.inactivityTimeout = window.setTimeout(() => {
-      if (!this.isAtBottomOfPage()) {
-        this.visible = true;
-      }
-    }, this.inactivityDelay);
-  }
-  clearTimers() {
-    clearTimeout(this.scrollTimeout);
-    clearTimeout(this.clickTimeout);
-    clearTimeout(this.inactivityTimeout);
-  }
-  render() {
-    if (!this.visible) {
-      return b``;
-    }
-    return b`
-            <button
-                part="button"
-                class="scroll-hint"
-                @click="${this.handleClick}"
-                aria-label="Scroll to continue"
-            >
-                <div part="icon-container" class="scroll-hint__icon-container">
-                    <div part="ring" class="scroll-hint__ring"></div>
-                    <div part="icon" class="scroll-hint__icon">
-                        <terra-icon
-                            name="chevron-down"
-                            library="default"
-                        ></terra-icon>
-                    </div>
-                </div>
-                <span part="text" class="scroll-hint__text">SCROLL TO CONTINUE</span>
-            </button>
-        `;
-  }
-};
-TerraScrollHint.styles = [component_styles_default, scroll_hint_styles_default];
-TerraScrollHint.dependencies = {
-  "terra-icon": TerraIcon
-};
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraScrollHint.prototype, "inline", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraScrollHint.prototype, "dark", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraScrollHint.prototype, "inactivityDelay", 2);
-__decorateClass([
-  r()
-], TerraScrollHint.prototype, "visible", 2);
-__decorateClass([
-  watch("inline")
-], TerraScrollHint.prototype, "handleInlineChange", 1);
-
-export {
-  TerraScrollHint
-};

package/cdn/chunks/chunk.N23A2TLL.js

@@ -1,155 +0,0 @@
-import {
-  progress_bar_styles_default
-} from "./chunk.LBHEG35U.js";
-import {
-  o
-} from "./chunk.VH7AMLEP.js";
-import {
-  e as e2
-} from "./chunk.KGXAA5I2.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.GREJIXMV.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.7ZVYIV7K.js";
-import {
-  E,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/progress-bar/progress-bar.component.ts
-init_dirname();
-init_buffer();
-init_process();
-
-// node_modules/lit/directives/style-map.js
-init_dirname();
-init_buffer();
-init_process();
-
-// node_modules/lit-html/directives/style-map.js
-init_dirname();
-init_buffer();
-init_process();
-var n2 = "important";
-var i2 = " !" + n2;
-var o2 = e(class extends i {
-  constructor(t2) {
-    var _a;
-    if (super(t2), t2.type !== t.ATTRIBUTE || "style" !== t2.name || ((_a = t2.strings) == null ? void 0 : _a.length) > 2)
-      throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return Object.keys(t2).reduce((e3, r) => {
-      const s = t2[r];
-      return null == s ? e3 : e3 + `${r = r.includes("-") ? r : r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
-    }, "");
-  }
-  update(e3, [r]) {
-    const { style: s } = e3.element;
-    if (void 0 === this.ft)
-      return this.ft = new Set(Object.keys(r)), this.render(r);
-    for (const t2 of this.ft)
-      null == r[t2] && (this.ft.delete(t2), t2.includes("-") ? s.removeProperty(t2) : s[t2] = null);
-    for (const t2 in r) {
-      const e4 = r[t2];
-      if (null != e4) {
-        this.ft.add(t2);
-        const r2 = "string" == typeof e4 && e4.endsWith(i2);
-        t2.includes("-") || r2 ? s.setProperty(t2, r2 ? e4.slice(0, -11) : e4, r2 ? n2 : "") : s[t2] = e4;
-      }
-    }
-    return E;
-  }
-});
-
-// src/components/progress-bar/progress-bar.component.ts
-var TerraProgressBar = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.value = 0;
-    this.indeterminate = false;
-    this.label = "";
-    this.variant = "primary";
-    this.title = "";
-  }
-  // make reactive to pass through
-  render() {
-    const isRtl = getComputedStyle(this).direction === "rtl";
-    return b`
-            <div
-                part="base"
-                class=${e2({
-      "progress-bar": true,
-      "progress-bar--indeterminate": this.indeterminate,
-      "progress-bar--rtl": isRtl,
-      "progress-bar--default": this.variant === "default",
-      "progress-bar--primary": this.variant === "primary",
-      "progress-bar--success": this.variant === "success",
-      "progress-bar--warning": this.variant === "warning",
-      "progress-bar--danger": this.variant === "danger"
-    })}
-                role="progressbar"
-                title=${o(this.title || void 0)}
-                aria-label=${this.label || "Progress"}
-                aria-valuemin="0"
-                aria-valuemax="100"
-                aria-valuenow=${o(
-      this.indeterminate ? void 0 : this.value
-    )}
-            >
-                <div
-                    part="indicator"
-                    class="progress-bar__indicator"
-                    style=${o2({
-      width: this.indeterminate ? void 0 : `${this.value}%`
-    })}
-                >
-                    ${!this.indeterminate ? b`
-                              <slot part="label" class="progress-bar__label"></slot>
-                          ` : ""}
-                </div>
-            </div>
-        `;
-  }
-};
-TerraProgressBar.styles = [component_styles_default, progress_bar_styles_default];
-__decorateClass([
-  n({ type: Number, reflect: true })
-], TerraProgressBar.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraProgressBar.prototype, "indeterminate", 2);
-__decorateClass([
-  n()
-], TerraProgressBar.prototype, "label", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraProgressBar.prototype, "variant", 2);
-__decorateClass([
-  n()
-], TerraProgressBar.prototype, "title", 2);
-
-export {
-  TerraProgressBar
-};
-/*! Bundled license information:
-
-lit-html/directives/style-map.js:
-  (**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.N35W2LNG.js

@@ -1,190 +0,0 @@
-import {
-  date_range_slider_styles_default
-} from "./chunk.72FZJG2J.js";
-import {
-  PipsMode,
-  nouislider_default
-} from "./chunk.HBHLBI3N.js";
-import {
-  mergeTooltips
-} from "./chunk.ZHCOO7YL.js";
-import {
-  format,
-  isValidDate
-} from "./chunk.TKSEPVAL.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n
-} from "./chunk.7ZVYIV7K.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/date-range-slider/date-range-slider.component.ts
-init_dirname();
-init_buffer();
-init_process();
-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_default.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_default.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 b`
-            <div class="${containerClass}">
-                <div part="slider"></div>
-            </div>
-        `;
-  }
-};
-TerraDateRangeSlider.styles = [component_styles_default, date_range_slider_styles_default];
-__decorateClass([
-  e('[part~="slider"]')
-], TerraDateRangeSlider.prototype, "slider", 2);
-__decorateClass([
-  n({ attribute: "time-scale" })
-], TerraDateRangeSlider.prototype, "timeScale", 2);
-__decorateClass([
-  n({ attribute: "min-date" })
-], TerraDateRangeSlider.prototype, "minDate", 2);
-__decorateClass([
-  n({ attribute: "max-date" })
-], TerraDateRangeSlider.prototype, "maxDate", 2);
-__decorateClass([
-  n({ attribute: "start-date" })
-], TerraDateRangeSlider.prototype, "startDate", 2);
-__decorateClass([
-  n({ attribute: "end-date" })
-], TerraDateRangeSlider.prototype, "endDate", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraDateRangeSlider.prototype, "disabled", 2);
-__decorateClass([
-  n({ 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.NDP3WIKQ.js

@@ -1,19 +0,0 @@
-import {
-  TerraToggle
-} from "./chunk.TEOWGCS6.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/toggle/toggle.ts
-init_dirname();
-init_buffer();
-init_process();
-var toggle_default = TerraToggle;
-TerraToggle.define("terra-toggle");
-
-export {
-  toggle_default
-};

package/cdn/chunks/chunk.O3DIP4UG.js

@@ -1,81 +0,0 @@
-import {
-  cherryPickDocInfo
-} from "./chunk.CU6Y4S4O.js";
-import {
-  h,
-  s
-} from "./chunk.BQDEKCXK.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateSet,
-  __spreadValues,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/variable-combobox/variable-combobox.controller.ts
-init_dirname();
-init_buffer();
-init_process();
-var apiError = new Error(
-  "Failed to fetch the data required to make a list of searchable items."
-);
-var _apiTask, _bearerToken;
-var FetchController = class {
-  constructor(host, bearerToken) {
-    __privateAdd(this, _apiTask, void 0);
-    __privateAdd(this, _bearerToken, null);
-    __privateSet(this, _bearerToken, bearerToken);
-    __privateSet(this, _apiTask, new h(host, {
-      task: async () => {
-        const response = await fetch(
-          "https://4nad4npjmf.execute-api.us-east-1.amazonaws.com/default/data-rods",
-          {
-            headers: __spreadValues({
-              Accept: "application/json"
-            }, __privateGet(this, _bearerToken) ? {
-              Authorization: `Bearer: ${__privateGet(this, _bearerToken)}`
-            } : {})
-          }
-        );
-        if (!response.ok) {
-          throw apiError;
-        }
-        const {
-          response: { docs }
-        } = await response.json();
-        return cherryPickDocInfo(docs).sort(
-          (a, b) => (
-            // sort by collection short name, then by long name if variables are in the same collection
-            a.collectionShortName.localeCompare(b.collectionShortName) || a.longName.localeCompare(b.longName)
-          )
-        );
-      },
-      args: () => []
-    }));
-  }
-  get taskComplete() {
-    return __privateGet(this, _apiTask).taskComplete;
-  }
-  get value() {
-    return __privateGet(this, _apiTask).value;
-  }
-  get taskStatus() {
-    const readableStatus = Object.entries(s).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();
-_bearerToken = new WeakMap();
-
-export {
-  FetchController
-};

package/cdn/chunks/chunk.O3REVIRV.js

@@ -1,19 +0,0 @@
-import {
-  TerraBreadcrumb
-} from "./chunk.WXQGG4OH.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/breadcrumb/breadcrumb.ts
-init_dirname();
-init_buffer();
-init_process();
-var breadcrumb_default = TerraBreadcrumb;
-TerraBreadcrumb.define("terra-breadcrumb");
-
-export {
-  breadcrumb_default
-};

package/cdn/chunks/chunk.O6EPXMCN.js

@@ -1,32 +0,0 @@
-import {
-  TerraScrollHint
-} from "./chunk.MZX3RGLE.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/scroll-hint/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-scroll-hint";
-TerraScrollHint.define("terra-scroll-hint");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraScrollHint,
-  react: React,
-  events: {
-    onTerraScroll: "terra-scroll"
-  },
-  displayName: "TerraScrollHint"
-});
-var scroll_hint_default = reactWrapper;
-
-export {
-  scroll_hint_default
-};