@nasa-terra/components 0.0.0

package/cdn/chunks/chunk.NUMFOBCB.js

@@ -0,0 +1,89 @@
+import {
+  e
+} from "./chunk.YVSJQ4KD.js";
+import {
+  chip_styles_default
+} from "./chunk.YW2OER7Y.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.OFCNXAUR.js";
+import {
+  n
+} from "./chunk.K4EJQG4O.js";
+import {
+  x
+} from "./chunk.PQFHJHNO.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet
+} from "./chunk.6QUGTGJO.js";
+
+// src/components/chip/chip.component.ts
+var _handleRemoveClick;
+var TerraChip = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.size = "medium";
+    __privateAdd(this, _handleRemoveClick, () => {
+      this.emit("terra-remove");
+      this.remove();
+    });
+  }
+  render() {
+    return x`
+            <div
+                id="chip"
+                class="${e({
+      // Sizes
+      "chip--small": this.size === "small",
+      "chip--medium": this.size === "medium",
+      "chip--large": this.size === "large"
+    })}
+                chip"
+            >
+                <div
+                    class="${e({
+      // 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="${e({
+      // 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="fill: #909090; 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([
+  n({ reflect: true })
+], TerraChip.prototype, "size", 2);
+
+export {
+  TerraChip
+};

package/cdn/chunks/chunk.OEWCLC7K.js

@@ -0,0 +1,11 @@
+import {
+  TerraVariableCombobox
+} from "./chunk.T3YOGGMB.js";
+
+// src/components/variable-combobox/variable-combobox.ts
+var variable_combobox_default = TerraVariableCombobox;
+TerraVariableCombobox.define("terra-variable-combobox");
+
+export {
+  variable_combobox_default
+};

package/cdn/chunks/chunk.OFCNXAUR.js

@@ -0,0 +1,108 @@
+import {
+  n
+} from "./chunk.K4EJQG4O.js";
+import {
+  s
+} from "./chunk.PQFHJHNO.js";
+import {
+  i
+} from "./chunk.PH7RLQK2.js";
+import {
+  __decorateClass,
+  __spreadValues
+} from "./chunk.6QUGTGJO.js";
+
+// src/styles/component.styles.ts
+var component_styles_default = i`
+    :host {
+        box-sizing: border-box;
+    }
+
+    :host *,
+    :host *::before,
+    :host *::after {
+        box-sizing: inherit;
+    }
+
+    [hidden] {
+        display: none !important;
+    }
+
+    /* 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
+var TerraElement = class extends s {
+  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.0";
+TerraElement.dependencies = {};
+__decorateClass([
+  n()
+], TerraElement.prototype, "dir", 2);
+__decorateClass([
+  n()
+], TerraElement.prototype, "lang", 2);
+
+export {
+  component_styles_default,
+  TerraElement
+};

package/cdn/chunks/chunk.P2U3GEIK.js

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

package/cdn/chunks/chunk.P4XRFEY4.js

@@ -0,0 +1,11 @@
+import {
+  TerraSpatialPicker
+} from "./chunk.ZMCLEFDE.js";
+
+// src/components/spatial-picker/spatial-picker.ts
+var spatial_picker_default = TerraSpatialPicker;
+TerraSpatialPicker.define("terra-spatial-picker");
+
+export {
+  spatial_picker_default
+};

package/cdn/chunks/chunk.PH7RLQK2.js

@@ -0,0 +1,333 @@
+// node_modules/@lit/reactive-element/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t2, e3, o3) {
+    if (this._$cssResult$ = true, o3 !== s)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t2, this.t = e3;
+  }
+  get styleSheet() {
+    let t2 = this.o;
+    const s2 = this.t;
+    if (e && void 0 === t2) {
+      const e3 = void 0 !== s2 && 1 === s2.length;
+      e3 && (t2 = o.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e3 && o.set(s2, t2));
+    }
+    return t2;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t2) => new n("string" == typeof t2 ? t2 : t2 + "", void 0, s);
+var i = (t2, ...e3) => {
+  const o3 = 1 === t2.length ? t2[0] : e3.reduce((e4, s2, o4) => e4 + ((t3) => {
+    if (true === t3._$cssResult$)
+      return t3.cssText;
+    if ("number" == typeof t3)
+      return t3;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s2) + t2[o4 + 1], t2[0]);
+  return new n(o3, t2, s);
+};
+var S = (s2, o3) => {
+  if (e)
+    s2.adoptedStyleSheets = o3.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet);
+  else
+    for (const e3 of o3) {
+      const o4 = document.createElement("style"), n3 = t.litNonce;
+      void 0 !== n3 && o4.setAttribute("nonce", n3), o4.textContent = e3.cssText, s2.appendChild(o4);
+    }
+};
+var c = e ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+  let e3 = "";
+  for (const s2 of t3.cssRules)
+    e3 += s2.cssText;
+  return r(e3);
+})(t2) : t2;
+
+// node_modules/@lit/reactive-element/reactive-element.js
+var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: r2, getOwnPropertyNames: h, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var a = globalThis;
+var c2 = a.trustedTypes;
+var l = c2 ? c2.emptyScript : "";
+var p = a.reactiveElementPolyfillSupport;
+var d = (t2, s2) => t2;
+var u = { toAttribute(t2, s2) {
+  switch (s2) {
+    case Boolean:
+      t2 = t2 ? l : null;
+      break;
+    case Object:
+    case Array:
+      t2 = null == t2 ? t2 : JSON.stringify(t2);
+  }
+  return t2;
+}, fromAttribute(t2, s2) {
+  let i3 = t2;
+  switch (s2) {
+    case Boolean:
+      i3 = null !== t2;
+      break;
+    case Number:
+      i3 = null === t2 ? null : Number(t2);
+      break;
+    case Object:
+    case Array:
+      try {
+        i3 = JSON.parse(t2);
+      } catch (t3) {
+        i3 = null;
+      }
+  }
+  return i3;
+} };
+var f = (t2, s2) => !i2(t2, s2);
+var y = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var _a, _b;
+(_a = Symbol.metadata) != null ? _a : Symbol.metadata = Symbol("metadata"), (_b = a.litPropertyMetadata) != null ? _b : a.litPropertyMetadata = /* @__PURE__ */ new WeakMap();
+var b = class extends HTMLElement {
+  static addInitializer(t2) {
+    var _a3;
+    this._$Ei(), ((_a3 = this.l) != null ? _a3 : this.l = []).push(t2);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t2, s2 = y) {
+    if (s2.state && (s2.attribute = false), this._$Ei(), this.elementProperties.set(t2, s2), !s2.noAccessor) {
+      const i3 = Symbol(), r3 = this.getPropertyDescriptor(t2, i3, s2);
+      void 0 !== r3 && e2(this.prototype, t2, r3);
+    }
+  }
+  static getPropertyDescriptor(t2, s2, i3) {
+    var _a3;
+    const { get: e3, set: h2 } = (_a3 = r2(this.prototype, t2)) != null ? _a3 : { get() {
+      return this[s2];
+    }, set(t3) {
+      this[s2] = t3;
+    } };
+    return { get() {
+      return e3 == null ? void 0 : e3.call(this);
+    }, set(s3) {
+      const r3 = e3 == null ? void 0 : e3.call(this);
+      h2.call(this, s3), this.requestUpdate(t2, r3, i3);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t2) {
+    var _a3;
+    return (_a3 = this.elementProperties.get(t2)) != null ? _a3 : y;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d("elementProperties")))
+      return;
+    const t2 = n2(this);
+    t2.finalize(), void 0 !== t2.l && (this.l = [...t2.l]), this.elementProperties = new Map(t2.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d("finalized")))
+      return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const t3 = this.properties, s2 = [...h(t3), ...o2(t3)];
+      for (const i3 of s2)
+        this.createProperty(i3, t3[i3]);
+    }
+    const t2 = this[Symbol.metadata];
+    if (null !== t2) {
+      const s2 = litPropertyMetadata.get(t2);
+      if (void 0 !== s2)
+        for (const [t3, i3] of s2)
+          this.elementProperties.set(t3, i3);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t3, s2] of this.elementProperties) {
+      const i3 = this._$Eu(t3, s2);
+      void 0 !== i3 && this._$Eh.set(i3, t3);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s2) {
+    const i3 = [];
+    if (Array.isArray(s2)) {
+      const e3 = new Set(s2.flat(1 / 0).reverse());
+      for (const s3 of e3)
+        i3.unshift(c(s3));
+    } else
+      void 0 !== s2 && i3.push(c(s2));
+    return i3;
+  }
+  static _$Eu(t2, s2) {
+    const i3 = s2.attribute;
+    return false === i3 ? void 0 : "string" == typeof i3 ? i3 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var _a3;
+    this._$ES = new Promise((t2) => this.enableUpdating = t2), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (_a3 = this.constructor.l) == null ? void 0 : _a3.forEach((t2) => t2(this));
+  }
+  addController(t2) {
+    var _a3, _b3;
+    ((_a3 = this._$EO) != null ? _a3 : this._$EO = /* @__PURE__ */ new Set()).add(t2), void 0 !== this.renderRoot && this.isConnected && ((_b3 = t2.hostConnected) == null ? void 0 : _b3.call(t2));
+  }
+  removeController(t2) {
+    var _a3;
+    (_a3 = this._$EO) == null ? void 0 : _a3.delete(t2);
+  }
+  _$E_() {
+    const t2 = /* @__PURE__ */ new Map(), s2 = this.constructor.elementProperties;
+    for (const i3 of s2.keys())
+      this.hasOwnProperty(i3) && (t2.set(i3, this[i3]), delete this[i3]);
+    t2.size > 0 && (this._$Ep = t2);
+  }
+  createRenderRoot() {
+    var _a3;
+    const t2 = (_a3 = this.shadowRoot) != null ? _a3 : this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t2, this.constructor.elementStyles), t2;
+  }
+  connectedCallback() {
+    var _a3, _b3;
+    (_a3 = this.renderRoot) != null ? _a3 : this.renderRoot = this.createRenderRoot(), this.enableUpdating(true), (_b3 = this._$EO) == null ? void 0 : _b3.forEach((t2) => {
+      var _a4;
+      return (_a4 = t2.hostConnected) == null ? void 0 : _a4.call(t2);
+    });
+  }
+  enableUpdating(t2) {
+  }
+  disconnectedCallback() {
+    var _a3;
+    (_a3 = this._$EO) == null ? void 0 : _a3.forEach((t2) => {
+      var _a4;
+      return (_a4 = t2.hostDisconnected) == null ? void 0 : _a4.call(t2);
+    });
+  }
+  attributeChangedCallback(t2, s2, i3) {
+    this._$AK(t2, i3);
+  }
+  _$EC(t2, s2) {
+    var _a3;
+    const i3 = this.constructor.elementProperties.get(t2), e3 = this.constructor._$Eu(t2, i3);
+    if (void 0 !== e3 && true === i3.reflect) {
+      const r3 = (void 0 !== ((_a3 = i3.converter) == null ? void 0 : _a3.toAttribute) ? i3.converter : u).toAttribute(s2, i3.type);
+      this._$Em = t2, null == r3 ? this.removeAttribute(e3) : this.setAttribute(e3, r3), this._$Em = null;
+    }
+  }
+  _$AK(t2, s2) {
+    var _a3;
+    const i3 = this.constructor, e3 = i3._$Eh.get(t2);
+    if (void 0 !== e3 && this._$Em !== e3) {
+      const t3 = i3.getPropertyOptions(e3), r3 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== ((_a3 = t3.converter) == null ? void 0 : _a3.fromAttribute) ? t3.converter : u;
+      this._$Em = e3, this[e3] = r3.fromAttribute(s2, t3.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t2, s2, i3) {
+    var _a3;
+    if (void 0 !== t2) {
+      if (i3 != null ? i3 : i3 = this.constructor.getPropertyOptions(t2), !((_a3 = i3.hasChanged) != null ? _a3 : f)(this[t2], s2))
+        return;
+      this.P(t2, s2, i3);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$ET());
+  }
+  P(t2, s2, i3) {
+    var _a3;
+    this._$AL.has(t2) || this._$AL.set(t2, s2), true === i3.reflect && this._$Em !== t2 && ((_a3 = this._$Ej) != null ? _a3 : this._$Ej = /* @__PURE__ */ new Set()).add(t2);
+  }
+  async _$ET() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t3) {
+      Promise.reject(t3);
+    }
+    const t2 = this.scheduleUpdate();
+    return null != t2 && await t2, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var _a3, _b3;
+    if (!this.isUpdatePending)
+      return;
+    if (!this.hasUpdated) {
+      if ((_a3 = this.renderRoot) != null ? _a3 : this.renderRoot = this.createRenderRoot(), this._$Ep) {
+        for (const [t4, s3] of this._$Ep)
+          this[t4] = s3;
+        this._$Ep = void 0;
+      }
+      const t3 = this.constructor.elementProperties;
+      if (t3.size > 0)
+        for (const [s3, i3] of t3)
+          true !== i3.wrapped || this._$AL.has(s3) || void 0 === this[s3] || this.P(s3, this[s3], i3);
+    }
+    let t2 = false;
+    const s2 = this._$AL;
+    try {
+      t2 = this.shouldUpdate(s2), t2 ? (this.willUpdate(s2), (_b3 = this._$EO) == null ? void 0 : _b3.forEach((t3) => {
+        var _a4;
+        return (_a4 = t3.hostUpdate) == null ? void 0 : _a4.call(t3);
+      }), this.update(s2)) : this._$EU();
+    } catch (s3) {
+      throw t2 = false, this._$EU(), s3;
+    }
+    t2 && this._$AE(s2);
+  }
+  willUpdate(t2) {
+  }
+  _$AE(t2) {
+    var _a3;
+    (_a3 = this._$EO) == null ? void 0 : _a3.forEach((t3) => {
+      var _a4;
+      return (_a4 = t3.hostUpdated) == null ? void 0 : _a4.call(t3);
+    }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t2) {
+    return true;
+  }
+  update(t2) {
+    this._$Ej && (this._$Ej = this._$Ej.forEach((t3) => this._$EC(t3, this[t3]))), this._$EU();
+  }
+  updated(t2) {
+  }
+  firstUpdated(t2) {
+  }
+};
+var _a2;
+b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d("elementProperties")] = /* @__PURE__ */ new Map(), b[d("finalized")] = /* @__PURE__ */ new Map(), p == null ? void 0 : p({ ReactiveElement: b }), ((_a2 = a.reactiveElementVersions) != null ? _a2 : a.reactiveElementVersions = []).push("2.0.4");
+
+export {
+  i,
+  u,
+  f,
+  b
+};
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/