@nasa-terra/components 0.0.193 → 0.0.195

package/cdn/chunks/chunk.LQZHP5Q5.js

@@ -1,443 +0,0 @@
-import {
-  slider_styles_default
-} from "./chunk.BPYNWIMH.js";
-import {
-  PipsMode,
-  nouislider_default
-} from "./chunk.HBHLBI3N.js";
-import {
-  mergeTooltips
-} from "./chunk.ZHCOO7YL.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.GILBGDM2.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/slider/slider.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraSlider = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.mode = "single";
-    this.min = 0;
-    this.max = 100;
-    this.step = 1;
-    this.disabled = false;
-    this.hasPips = false;
-    this.hasTooltips = false;
-    this.showInputs = false;
-    this.label = "Slider";
-    this.hideLabel = false;
-    this.hasBeenManipulated = false;
-  }
-  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();
-  }
-  _getStartValues() {
-    var _a, _b, _c;
-    const min = Number(this.min);
-    const max = Number(this.max);
-    if (this.mode === "range") {
-      const start = (_a = this.startValue) != null ? _a : min;
-      const end = (_b = this.endValue) != null ? _b : max;
-      return [start, end];
-    }
-    const single = (_c = this.value) != null ? _c : min;
-    return [single];
-  }
-  renderSlider() {
-    var _a;
-    if (!this.slider)
-      return;
-    (_a = this.slider.noUiSlider) == null ? void 0 : _a.destroy();
-    const min = Number(this.min);
-    const max = Number(this.max);
-    if (!Number.isFinite(min) || !Number.isFinite(max) || max < min) {
-      nouislider_default.create(this.slider, {
-        start: [0],
-        range: { min: 0, max: 0 }
-      });
-      return;
-    }
-    const startValues = this._getStartValues();
-    const options = {
-      range: { min, max },
-      start: startValues,
-      step: this.step,
-      connect: this.mode === "range",
-      tooltips: this.formatTooltip ? {
-        to: (value) => {
-          var _a2, _b;
-          return (_b = (_a2 = this.formatTooltip) == null ? void 0 : _a2.call(this, value)) != null ? _b : value;
-        }
-      } : this.hasTooltips,
-      behaviour: "drag",
-      format: this._getFormatter(),
-      pips: this.hasPips ? {
-        mode: PipsMode.Range,
-        density: -1,
-        format: this._getFormatter()
-      } : void 0
-    };
-    nouislider_default.create(this.slider, options);
-    const initialValues = this.slider.noUiSlider.get();
-    if (this.mode === "range") {
-      const [start, end] = Array.isArray(initialValues) ? initialValues.map(Number) : [min, max];
-      this.currentStartValue = start;
-      this.currentEndValue = end;
-      this.hasBeenManipulated = start !== min || end !== max;
-    } else {
-      const [val] = Array.isArray(initialValues) ? initialValues.map(Number) : [min];
-      this.currentValue = val;
-      this.hasBeenManipulated = val !== min;
-    }
-    if (this.hasTooltips && this.mode === "range") {
-      mergeTooltips(this.slider, 15, "-");
-    }
-    this.slider.noUiSlider.on("update", (values) => {
-      if (this.mode === "range") {
-        const [start, end] = values.map(Number);
-        this.currentStartValue = start;
-        this.currentEndValue = end;
-        this.hasBeenManipulated = start !== min || end !== max;
-      } else {
-        const [val] = values.map(Number);
-        this.currentValue = val;
-        this.hasBeenManipulated = val !== min;
-      }
-      this.requestUpdate();
-    });
-    this.slider.noUiSlider.on("change", (values) => {
-      if (this.mode === "range") {
-        const [start, end] = values.map(Number);
-        this.currentStartValue = start;
-        this.currentEndValue = end;
-        this.hasBeenManipulated = start !== min || end !== max;
-        this.emit("terra-slider-change", {
-          detail: { startValue: start, endValue: end }
-        });
-      } else {
-        const [val] = values.map(Number);
-        this.currentValue = val;
-        this.hasBeenManipulated = val !== min;
-        this.emit("terra-slider-change", { detail: { value: val } });
-      }
-      this.requestUpdate();
-    });
-    this.slider.noUiSlider.on("update", () => {
-      this._updateInputFields();
-    });
-    this.slider.noUiSlider.on("change", () => {
-      this._updateInputFields();
-    });
-    this.disabledChanged();
-  }
-  _updateInputFields() {
-    if (!this.showInputs) {
-      return;
-    }
-    const rawValues = this.slider.noUiSlider.get();
-    const currentValues = Array.isArray(rawValues) ? rawValues : [rawValues];
-    this.requestUpdate();
-    setTimeout(() => {
-      var _a, _b, _c;
-      if (this.mode === "range") {
-        const startInput = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(
-          "#slider-start-input"
-        );
-        const endInput = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(
-          "#slider-end-input"
-        );
-        if (startInput) {
-          startInput.value = this._formatValue(Number(currentValues[0]));
-        }
-        if (endInput) {
-          endInput.value = this._formatValue(Number(currentValues[1]));
-        }
-      } else {
-        const valueInput = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(
-          "#slider-value-input"
-        );
-        if (valueInput) {
-          valueInput.value = this._formatValue(Number(currentValues[0]));
-        }
-      }
-    }, 10);
-  }
-  _getFormatter() {
-    const isIntegerStep = Number.isInteger(this.step);
-    return {
-      to: (value) => {
-        if (isIntegerStep) {
-          return Math.round(value).toString();
-        } else {
-          const stepStr = this.step.toString();
-          const decimalPlaces = stepStr.includes(".") ? stepStr.split(".")[1].length : 0;
-          return value.toFixed(decimalPlaces);
-        }
-      },
-      from: (value) => {
-        return Number(value);
-      }
-    };
-  }
-  _formatValue(value) {
-    const numValue = Number(value);
-    if (isNaN(numValue)) {
-      return "0";
-    }
-    const isIntegerStep = Number.isInteger(this.step);
-    if (isIntegerStep) {
-      return Math.round(numValue).toString();
-    } else {
-      const stepStr = this.step.toString();
-      const decimalPlaces = stepStr.includes(".") ? stepStr.split(".")[1].length : 0;
-      return numValue.toFixed(decimalPlaces);
-    }
-  }
-  handleClear() {
-    const min = Number(this.min);
-    const max = Number(this.max);
-    if (this.mode === "range") {
-      this.slider.noUiSlider.set([min, max]);
-      this.currentStartValue = min;
-      this.currentEndValue = max;
-      this.hasBeenManipulated = false;
-    } else {
-      this.slider.noUiSlider.set([min]);
-      this.currentValue = min;
-      this.hasBeenManipulated = false;
-    }
-    this.requestUpdate();
-  }
-  render() {
-    var _a, _b, _c;
-    const containerClass = "container" + (this.hasPips ? " hasPips" : "");
-    const min = Number(this.min);
-    const max = Number(this.max);
-    const startValue = (_a = this.currentStartValue) != null ? _a : this.mode === "range" ? min : void 0;
-    const endValue = (_b = this.currentEndValue) != null ? _b : this.mode === "range" ? max : void 0;
-    const singleValue = (_c = this.currentValue) != null ? _c : this.mode === "single" ? min : void 0;
-    const currentRangeDisplay = this.mode === "range" ? `${this._formatValue(startValue)}\u2013${this._formatValue(endValue)}` : this._formatValue(singleValue);
-    return b`
-            <div class="slider">
-                ${!this.hasTooltips ? b`
-                          <div class="slider__header">
-                              <label
-                                  for="slider-control"
-                                  class=${this.hideLabel ? "sr-only" : "slider__label"}
-                                  >${this.label}</label
-                              >
-                              <div class="slider__header-right">
-                                  ${this.hasBeenManipulated ? b`
-                                            <button
-                                                class="slider__clear"
-                                                @click="${this.handleClear}"
-                                                type="button"
-                                            >
-                                                Clear
-                                            </button>
-                                        ` : ""}
-                                  <span class="slider__current-range"
-                                      >${currentRangeDisplay}</span
-                                  >
-                              </div>
-                          </div>
-                      ` : b`
-                          <label
-                              for="slider-control"
-                              class=${this.hideLabel ? "sr-only" : "slider__label"}
-                              >${this.label}</label
-                          >
-                      `}
-                <div class="${containerClass}">
-                    <div part="slider" id="slider-control"></div>
-                    ${this.showInputs ? this._renderInputFields() : ""}
-                    <slot></slot>
-                </div>
-            </div>
-        `;
-  }
-  _renderInputFields() {
-    var _a, _b, _c, _d, _e, _f;
-    if (this.mode === "range") {
-      return b`
-                <div class="slider-inputs">
-                    <input
-                        id="slider-start-input"
-                        type="number"
-                        .min="${this.min}"
-                        .max="${this.max}"
-                        .step="${this.step}"
-                        .value="${this._formatValue(
-        (_b = (_a = this.startValue) != null ? _a : this.min) != null ? _b : 0
-      )}"
-                        @change="${this._handleInputChange}"
-                        @keydown="${this._handleInputKeydown}"
-                    />
-                    <span class="input-separator">to</span>
-                    <input
-                        id="slider-end-input"
-                        type="number"
-                        .min="${this.min}"
-                        .max="${this.max}"
-                        .step="${this.step}"
-                        .value="${this._formatValue(
-        (_d = (_c = this.endValue) != null ? _c : this.max) != null ? _d : 100
-      )}"
-                        @change="${this._handleInputChange}"
-                        @keydown="${this._handleInputKeydown}"
-                    />
-                </div>
-            `;
-    } else {
-      return b`
-                <div class="slider-inputs">
-                    <input
-                        id="slider-value-input"
-                        type="number"
-                        .min="${this.min}"
-                        .max="${this.max}"
-                        .step="${this.step}"
-                        .value="${this._formatValue((_f = (_e = this.value) != null ? _e : this.min) != null ? _f : 0)}"
-                        @change="${this._handleInputChange}"
-                        @keydown="${this._handleInputKeydown}"
-                    />
-                </div>
-            `;
-    }
-  }
-  _handleInputChange(event) {
-    const input = event.target;
-    const value = Number(input.value);
-    const min = Number(this.min);
-    const max = Number(this.max);
-    const clampedValue = Math.max(min, Math.min(max, value));
-    input.value = this._formatValue(clampedValue);
-    if (this.mode === "range") {
-      const currentValues = this.slider.noUiSlider.get();
-      const newValues = [...currentValues];
-      if (input.id === "slider-start-input") {
-        newValues[0] = clampedValue;
-      } else {
-        newValues[1] = clampedValue;
-      }
-      this.slider.noUiSlider.set(newValues);
-      this.emit("terra-slider-change", {
-        detail: { startValue: newValues[0], endValue: newValues[1] }
-      });
-    } else {
-      this.slider.noUiSlider.set([clampedValue]);
-      this.emit("terra-slider-change", { detail: { value: clampedValue } });
-    }
-  }
-  _handleInputKeydown(event) {
-    if (event.key === "Enter") {
-      ;
-      event.target.blur();
-    }
-  }
-};
-TerraSlider.styles = [component_styles_default, slider_styles_default];
-__decorateClass([
-  e('[part~="slider"]')
-], TerraSlider.prototype, "slider", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraSlider.prototype, "mode", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraSlider.prototype, "min", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraSlider.prototype, "max", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraSlider.prototype, "step", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraSlider.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "has-pips" })
-], TerraSlider.prototype, "hasPips", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "has-tooltips" })
-], TerraSlider.prototype, "hasTooltips", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "show-inputs" })
-], TerraSlider.prototype, "showInputs", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraSlider.prototype, "value", 2);
-__decorateClass([
-  n({ type: Number, attribute: "start-value" })
-], TerraSlider.prototype, "startValue", 2);
-__decorateClass([
-  n({ type: Number, attribute: "end-value" })
-], TerraSlider.prototype, "endValue", 2);
-__decorateClass([
-  n()
-], TerraSlider.prototype, "label", 2);
-__decorateClass([
-  n({ attribute: "hide-label", type: Boolean })
-], TerraSlider.prototype, "hideLabel", 2);
-__decorateClass([
-  n({ attribute: "format-tooltip", type: Function })
-], TerraSlider.prototype, "formatTooltip", 2);
-__decorateClass([
-  r()
-], TerraSlider.prototype, "currentStartValue", 2);
-__decorateClass([
-  r()
-], TerraSlider.prototype, "currentEndValue", 2);
-__decorateClass([
-  r()
-], TerraSlider.prototype, "currentValue", 2);
-__decorateClass([
-  r()
-], TerraSlider.prototype, "hasBeenManipulated", 2);
-__decorateClass([
-  watch([
-    "mode",
-    "min",
-    "max",
-    "step",
-    "value",
-    "startValue",
-    "endValue",
-    "hasPips",
-    "hasTooltips",
-    "showInputs"
-  ])
-], TerraSlider.prototype, "updateSlider", 1);
-__decorateClass([
-  watch("disabled")
-], TerraSlider.prototype, "disabledChanged", 1);
-
-export {
-  TerraSlider
-};

package/cdn/chunks/chunk.LRZIT4M2.js

@@ -1,157 +0,0 @@
-import {
-  r
-} from "./chunk.RLW2L6QO.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.GREJIXMV.js";
-import {
-  A
-} from "./chunk.RRCYT4LP.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// node_modules/lit-html/directives/ref.js
-init_dirname();
-init_buffer();
-init_process();
-
-// node_modules/lit-html/async-directive.js
-init_dirname();
-init_buffer();
-init_process();
-var s = (i2, t2) => {
-  var _a;
-  const e3 = i2._$AN;
-  if (void 0 === e3)
-    return false;
-  for (const i3 of e3)
-    (_a = i3._$AO) == null ? void 0 : _a.call(i3, t2, false), s(i3, t2);
-  return true;
-};
-var o = (i2) => {
-  let t2, e3;
-  do {
-    if (void 0 === (t2 = i2._$AM))
-      break;
-    e3 = t2._$AN, e3.delete(i2), i2 = t2;
-  } while (0 === (e3 == null ? void 0 : e3.size));
-};
-var r2 = (i2) => {
-  for (let t2; t2 = i2._$AM; i2 = t2) {
-    let e3 = t2._$AN;
-    if (void 0 === e3)
-      t2._$AN = e3 = /* @__PURE__ */ new Set();
-    else if (e3.has(i2))
-      break;
-    e3.add(i2), c(t2);
-  }
-};
-function h(i2) {
-  void 0 !== this._$AN ? (o(this), this._$AM = i2, r2(this)) : this._$AM = i2;
-}
-function n(i2, t2 = false, e3 = 0) {
-  const r3 = this._$AH, h3 = this._$AN;
-  if (void 0 !== h3 && 0 !== h3.size)
-    if (t2)
-      if (Array.isArray(r3))
-        for (let i3 = e3; i3 < r3.length; i3++)
-          s(r3[i3], false), o(r3[i3]);
-      else
-        null != r3 && (s(r3, false), o(r3));
-    else
-      s(this, i2);
-}
-var c = (i2) => {
-  var _a, _b;
-  i2.type == t.CHILD && ((_a = i2._$AP) != null ? _a : i2._$AP = n, (_b = i2._$AQ) != null ? _b : i2._$AQ = h);
-};
-var f = class extends i {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(i2, t2, e3) {
-    super._$AT(i2, t2, e3), r2(this), this.isConnected = i2._$AU;
-  }
-  _$AO(i2, t2 = true) {
-    var _a, _b;
-    i2 !== this.isConnected && (this.isConnected = i2, i2 ? (_a = this.reconnected) == null ? void 0 : _a.call(this) : (_b = this.disconnected) == null ? void 0 : _b.call(this)), t2 && (s(this, i2), o(this));
-  }
-  setValue(t2) {
-    if (r(this._$Ct))
-      this._$Ct._$AI(t2, this);
-    else {
-      const i2 = [...this._$Ct._$AH];
-      i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-};
-
-// node_modules/lit-html/directives/ref.js
-var e2 = () => new h2();
-var h2 = class {
-};
-var o2 = /* @__PURE__ */ new WeakMap();
-var n2 = e(class extends f {
-  render(i2) {
-    return A;
-  }
-  update(i2, [s2]) {
-    var _a;
-    const e3 = s2 !== this.G;
-    return e3 && void 0 !== this.G && this.rt(void 0), (e3 || this.lt !== this.ct) && (this.G = s2, this.ht = (_a = i2.options) == null ? void 0 : _a.host, this.rt(this.ct = i2.element)), A;
-  }
-  rt(t2) {
-    var _a;
-    if (this.isConnected || (t2 = void 0), "function" == typeof this.G) {
-      const i2 = (_a = this.ht) != null ? _a : globalThis;
-      let s2 = o2.get(i2);
-      void 0 === s2 && (s2 = /* @__PURE__ */ new WeakMap(), o2.set(i2, s2)), void 0 !== s2.get(this.G) && this.G.call(this.ht, void 0), s2.set(this.G, t2), void 0 !== t2 && this.G.call(this.ht, t2);
-    } else
-      this.G.value = t2;
-  }
-  get lt() {
-    var _a, _b, _c;
-    return "function" == typeof this.G ? (_b = o2.get((_a = this.ht) != null ? _a : globalThis)) == null ? void 0 : _b.get(this.G) : (_c = this.G) == null ? void 0 : _c.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-
-// node_modules/lit/directives/ref.js
-init_dirname();
-init_buffer();
-init_process();
-
-export {
-  e2 as e,
-  n2 as n
-};
-/*! Bundled license information:
-
-lit-html/async-directive.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-lit-html/directives/ref.js:
-  (**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.LTERX6XG.js

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

package/cdn/chunks/chunk.LY225GGQ.js

@@ -1,33 +0,0 @@
-import {
-  TerraButton
-} from "./chunk.6XYUXMUR.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/button/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-button";
-TerraButton.define("terra-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraButton,
-  react: React,
-  events: {
-    onTerraBlur: "terra-blur",
-    onTerraFocus: "terra-focus"
-  },
-  displayName: "TerraButton"
-});
-var button_default = reactWrapper;
-
-export {
-  button_default
-};

package/cdn/chunks/chunk.MACHE6S2.js

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