@nasa-terra/components 0.0.179 → 0.0.182

package/cdn/chunks/chunk.2PCUEDQZ.js

@@ -1,443 +0,0 @@
-import {
-  slider_styles_default
-} from "./chunk.SKG5CDYE.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.FPMFEQWC.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.2PIJCAHO.js

@@ -1,99 +0,0 @@
-import {
-  login_styles_default
-} from "./chunk.GWVXU5WI.js";
-import {
-  loader_default
-} from "./chunk.DZ7HKQYS.js";
-import {
-  AuthController
-} from "./chunk.7DYV7ZXX.js";
-import {
-  icon_default
-} from "./chunk.QSUEVWML.js";
-import {
-  button_default
-} from "./chunk.7CYCPGZL.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.FPMFEQWC.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/login/login.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _authController, _applyUserToMessage, applyUserToMessage_fn;
-var TerraLogin = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _applyUserToMessage);
-    this.buttonLabel = "Earthdata Login";
-    __privateAdd(this, _authController, new AuthController(this));
-  }
-  login() {
-    __privateGet(this, _authController).login();
-  }
-  logout() {
-    __privateGet(this, _authController).logout();
-  }
-  render() {
-    var _a;
-    if ((_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) {
-      const template = this.querySelector(
-        'template[slot="logged-in"]'
-      );
-      return b`${template ? template.content.cloneNode(true) : b`<slot name="logged-in" .user=${__privateGet(this, _authController).state.user}
-                      >${__privateMethod(this, _applyUserToMessage, applyUserToMessage_fn).call(this, this.loggedInMessage)}</slot
-                  >`}`;
-    }
-    if (__privateGet(this, _authController).state.isLoading) {
-      return b`<slot name="loading">${this.loadingMessage}</slot>`;
-    }
-    return b` <slot name="logged-out">${this.loggedOutMessage}</slot
-            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`;
-  }
-};
-_authController = new WeakMap();
-_applyUserToMessage = new WeakSet();
-applyUserToMessage_fn = function(message) {
-  var _a, _b, _c, _d, _e, _f;
-  return (message != null ? message : "").replace("{username}", (_b = (_a = __privateGet(this, _authController).state.user) == null ? void 0 : _a.uid) != null ? _b : "").replace(
-    "{first_name}",
-    (_d = (_c = __privateGet(this, _authController).state.user) == null ? void 0 : _c.first_name) != null ? _d : ""
-  ).replace("{last_name}", (_f = (_e = __privateGet(this, _authController).state.user) == null ? void 0 : _e.last_name) != null ? _f : "");
-};
-TerraLogin.dependencies = {
-  "terra-button": button_default,
-  "terra-icon": icon_default,
-  "terra-loader": loader_default
-};
-TerraLogin.styles = [component_styles_default, login_styles_default];
-__decorateClass([
-  n({ attribute: "button-label" })
-], TerraLogin.prototype, "buttonLabel", 2);
-__decorateClass([
-  n({ attribute: "logged-in-message" })
-], TerraLogin.prototype, "loggedInMessage", 2);
-__decorateClass([
-  n({ attribute: "logged-out-message" })
-], TerraLogin.prototype, "loggedOutMessage", 2);
-__decorateClass([
-  n({ attribute: "loading-message" })
-], TerraLogin.prototype, "loadingMessage", 2);
-
-export {
-  TerraLogin
-};

package/cdn/chunks/chunk.2UX56X34.js

@@ -1,113 +0,0 @@
-import {
-  button_group_styles_default
-} from "./chunk.SR4CU2NR.js";
-import {
-  o
-} from "./chunk.VH7AMLEP.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e,
-  n,
-  r
-} from "./chunk.FPMFEQWC.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/button-group/button-group.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraButtonGroup = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.disableRole = false;
-    this.label = "";
-  }
-  handleFocus(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--focus", true);
-  }
-  handleBlur(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--focus", false);
-  }
-  handleMouseOver(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--hover", true);
-  }
-  handleMouseOut(event) {
-    const button = findButton(event.target);
-    button == null ? void 0 : button.toggleAttribute("data-terra-button-group__button--hover", false);
-  }
-  handleSlotChange() {
-    const slottedElements = [
-      ...this.defaultSlot.assignedElements({ flatten: true })
-    ];
-    slottedElements.forEach((el) => {
-      const index = slottedElements.indexOf(el);
-      const button = findButton(el);
-      if (button) {
-        button.toggleAttribute("data-terra-button-group__button", true);
-        button.toggleAttribute(
-          "data-terra-button-group__button--first",
-          index === 0
-        );
-        button.toggleAttribute(
-          "data-terra-button-group__button--inner",
-          index > 0 && index < slottedElements.length - 1
-        );
-        button.toggleAttribute(
-          "data-terra-button-group__button--last",
-          index === slottedElements.length - 1
-        );
-        button.toggleAttribute(
-          "data-terra-button-group__button--radio",
-          button.tagName.toLowerCase() === "terra-radio-button"
-        );
-      }
-    });
-  }
-  render() {
-    return b`
-            <div
-                part="base"
-                class="button-group"
-                role=${this.disableRole ? "presentation" : "group"}
-                aria-label=${o(this.label || void 0)}
-                @focusout=${this.handleBlur}
-                @focusin=${this.handleFocus}
-                @mouseover=${this.handleMouseOver}
-                @mouseout=${this.handleMouseOut}
-            >
-                <slot @slotchange=${this.handleSlotChange}></slot>
-            </div>
-        `;
-  }
-};
-TerraButtonGroup.styles = [component_styles_default, button_group_styles_default];
-__decorateClass([
-  e("slot")
-], TerraButtonGroup.prototype, "defaultSlot", 2);
-__decorateClass([
-  r()
-], TerraButtonGroup.prototype, "disableRole", 2);
-__decorateClass([
-  n()
-], TerraButtonGroup.prototype, "label", 2);
-function findButton(el) {
-  var _a;
-  const selector = "terra-button, terra-radio-button";
-  return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
-}
-
-export {
-  TerraButtonGroup
-};