@nasa-terra/components 0.0.0

package/cdn/chunks/chunk.IBV3HXI5.js

@@ -0,0 +1,362 @@
+import {
+  i
+} from "./chunk.PH7RLQK2.js";
+
+// src/components/combobox/combobox.styles.ts
+var combobox_styles_default = i`
+    :host {
+        --color-blue--400: #007acc;
+        --color-blue--500: #1c67e3;
+        --color-blue--600: #0b3d91;
+
+        --color-red--400: #f64137;
+        --color-red--500: #b60109;
+
+        --color-neutral--000: #ffffff;
+        --color-neutral--100: #f7f7f7;
+        --color-neutral--200: #d1d1d1;
+        --color-neutral--300: #b9b9bb;
+        --color-neutral--400: #959599;
+        --color-neutral--500: #767676;
+        --color-neutral--600: #58585b;
+        --color-neutral--700: #2e2e32;
+        --color-neutral--800: #1b1b1b;
+
+        --font-family--inter: Inter, sans-serif;
+        --font-family--public-sans: 'Public Sans', sans-serif;
+        --font-family--dm-mono: 'DM Mono', monospace;
+
+        --label-height: 1.8125rem;
+        --help-height: 1.8125rem;
+        --host-height: 5.8125rem;
+
+        block-size: var(--terra-block-size, 2.1875rem);
+        box-sizing: border-box;
+        color: var(--terra-color-neutral--700, var(--color-neutral--700));
+        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,
+            var(--font-family--public-sans)
+        );
+        height: var(--terra-block-size, var(--host-height));
+        inline-size: var(--terra-inline-size, 100%);
+        position: relative;
+    }
+
+    :host([hide-help]) {
+        height: calc(
+            var(--terra-block-size, var(--host-height)) - var(--help-height)
+        );
+    }
+
+    :host([hide-label]) {
+        height: calc(
+            var(--terra-block-size, var(--host-height)) - var(--label-height)
+        );
+    }
+
+    :host([hide-help][hide-label]) {
+        height: calc(
+            var(--terra-block-size, var(--host-height)) - var(--help-height) - var(
+                    --label-height
+                )
+        );
+    }
+
+    * {
+        box-sizing: inherit;
+    }
+
+    .search-input-label {
+        font-family: var(--terra-font-family--inter, var(--font-family--inter));
+        font-weight: 600;
+        line-height: 1.1875rem;
+    }
+
+    .search-input-group {
+        block-size: 100%;
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .combobox {
+        background-color: var(--terra-color-neutral--100, var(--color-neutral--100));
+        block-size: var(--terra-block-size, 2.1875rem);
+        border-block: 2px solid
+            var(--terra-color-neutral--200, var(--color-neutral--200));
+        border-inline-end: 0;
+        border-inline-start: 2px solid
+            var(--terra-color-neutral--200, var(--color-neutral--200));
+        color: currentColor;
+        flex: 1 1 auto;
+        font-size: 1rem;
+        padding-inline: 0.5rem;
+        transition:
+            background-color 0.2s ease,
+            border-color 0.2s ease;
+    }
+
+    .combobox::placeholder {
+        color: var(--terra-color-neutral--600, var(--color-neutral--600));
+    }
+
+    .combobox:focus {
+        background-color: var(--terra-color-neutral--000, var(--color-neutral--000));
+        border-color: var(--terra-color-neutral--400, var(--color-neutral--400));
+        outline: 0;
+    }
+
+    .combobox:focus + .combobox-button {
+        background-color: var(--terra-color-neutral--800, var(--color-neutral--800));
+        border-block-color: var(
+            --terra-color-neutral--400,
+            var(--color-neutral--400)
+        );
+        border-inline-end-color: var(
+            --terra-color-neutral--400,
+            var(--color-neutral--400)
+        );
+    }
+
+    .search-input-group:has(.combobox:not(:focus)) + .search-results[open] {
+        border-color: var(--terra-color-neutral--200, var(--color-neutral--200));
+    }
+
+    .combobox-button {
+        align-items: center;
+        background-color: var(--terra-color-neutral--700, var(--color-neutral--700));
+        block-size: var(--terra-block-size, 2.1875rem);
+        border-block: 2px solid
+            var(--terra-color-neutral--700, var(--color-neutral--700));
+        border-inline-end: 2px solid
+            var(--terra-color-neutral--700, var(--color-neutral--700));
+        border-inline-start: 0;
+        color: var(--terra-color-neutral--000, var(--color-neutral--000));
+        cursor: pointer;
+        display: flex;
+        flex: 0 0 auto;
+        font-size: 1rem;
+        justify-content: center;
+        margin-block: 0;
+        margin-inline: 0;
+        outline: 0;
+        padding-inline: 0.5rem;
+        transition:
+            background-color 0.2s ease,
+            border-color 0.2s ease;
+    }
+
+    .combobox-button[aria-expanded='true'] .chevron {
+        rotate: -0.5turn;
+    }
+
+    .button-icon {
+        height: 1rem;
+        width: 1rem;
+    }
+
+    .chevron {
+        transition: rotate 0.2s ease;
+        will-change: rotate;
+    }
+
+    .spinner {
+        transform-origin: center;
+        animation: spin 2s linear infinite;
+    }
+
+    .spinner circle {
+        stroke-linecap: round;
+        animation: vary-stroke 1.5s ease-in-out infinite;
+    }
+
+    .search-help {
+        bottom: 0;
+        color: var(--terra-color-neutral--600, var(--color-neutral--600));
+        flex: 1 1 100%;
+        font-size: 0.875rem;
+        margin-block: 0;
+        position: absolute;
+    }
+
+    .external-link {
+        fill: currentColor;
+        vertical-align: middle;
+    }
+
+    .search-results {
+        background-color: var(--terra-color-neutral--000, var(--color-neutral--000));
+        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: 0px;
+        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-neutral--400, var(--color-neutral--400));
+        content-visibility: auto;
+        max-height: calc(33vh - var(--terra-block-size, 2.1875rem));
+        opacity: 1;
+        visibility: visible;
+    }
+
+    .search-results .updating {
+        font-size: 1.5rem;
+        padding-block: 4rem;
+        text-align: center;
+    }
+
+    .search-results .error {
+        color: var(--terra-color-red--500, var(--color-red--500));
+        font-family: var(--terra-font-family--dm-mono, var(--font-family--dm-mono));
+        padding-block: 2rem;
+        justify-content: center;
+        display: flex;
+    }
+
+    .listbox-option-group {
+        padding-block: 0.5rem 0rem;
+    }
+
+    .group-title {
+        padding-inline: 0.5rem;
+        font-family: var(--terra-font-family--inter, var(--font-family--inter));
+        color: var(--terra-color-gray-500, var(--color-neutral--500));
+        font-weight: 500;
+        margin-block: 0;
+    }
+
+    .listbox-option-group ul {
+        padding-left: 0px;
+    }
+
+    .listbox-option {
+        cursor: pointer;
+        list-style: none;
+        position: relative;
+        padding-left: 2rem;
+    }
+
+    .listbox-option:hover,
+    .listbox-option[aria-selected='true'] {
+        background-color: var(--terra-color-gray-200, var(--color-neutral--200));
+        transition: background-color 0.2s ease;
+    }
+
+    @media (prefers-reduced-motion) {
+        .button-icon {
+            transition: rotate 0s ease;
+        }
+
+        .search-results {
+            scroll-behavior: auto;
+        }
+    }
+
+    @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;
+        }
+    }
+
+    /* General reset for skeleton elements */
+    .skeleton,
+    .skeleton * {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        box-sizing: border-box;
+    }
+
+    /* Styling for the skeleton groups */
+    .skeleton.listbox-option-group {
+        padding: 0.25rem;
+        margin: 0.5rem 0;
+        background: var(
+            --terra-color-neutral--100,
+            var(--color-neutral--100)
+        ); /* Light background for the group */
+    }
+
+    /* Styling for the title in each group */
+    .skeleton-title {
+        display: flex;
+        height: 1.25rem;
+        width: 80%; /* Slightly longer than before */
+        background-color: var(--terra-color-neutral--100, var(--color-neutral--100));
+        margin-bottom: 10px;
+    }
+
+    /* Styling for each option inside the group */
+    .skeleton .listbox-option {
+        height: 1rem;
+        width: 60%; /* Shorter width to differentiate from title */
+        background-color: var(--terra-color-neutral--200, var(--color-neutral--200));
+        margin-top: 5px;
+        margin-left: 1.5rem;
+    }
+
+    /* Keyframes for the animation */
+    @keyframes pulse {
+        0%,
+        100% {
+            background-color: var(
+                --terra-color-neutral--200,
+                var(--color-neutral--200)
+            );
+        }
+        50% {
+            background-color: var(
+                --terra-color-neutral--100,
+                var(--color-neutral--100)
+            );
+        }
+    }
+
+    /* Applying the animation to simulate loading */
+    .skeleton-title,
+    .skeleton .listbox-option {
+        animation: pulse 2s infinite ease-in-out;
+    }
+`;
+
+export {
+  combobox_styles_default
+};

package/cdn/chunks/chunk.IUDWCWFV.js

@@ -0,0 +1,37 @@
+import {
+  __spreadValues
+} from "./chunk.6QUGTGJO.js";
+
+// src/internal/watch.ts
+function watch(propertyName, options) {
+  const resolvedOptions = __spreadValues({
+    waitUntilFirstUpdate: false
+  }, options);
+  return (proto, decoratedFnName) => {
+    const { update } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property) => {
+        const key = property;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              ;
+              this[decoratedFnName](
+                oldValue,
+                newValue
+              );
+            }
+          }
+        }
+      });
+      update.call(this, changedProps);
+    };
+  };
+}
+
+export {
+  watch
+};

package/cdn/chunks/chunk.JSEQXKIQ.js

@@ -0,0 +1,11 @@
+import {
+  TerraDateRangeSlider
+} from "./chunk.BHXZEJO5.js";
+
+// src/components/date-range-slider/date-range-slider.ts
+var date_range_slider_default = TerraDateRangeSlider;
+TerraDateRangeSlider.define("terra-date-range-slider");
+
+export {
+  date_range_slider_default
+};

package/cdn/chunks/chunk.K4EJQG4O.js

@@ -0,0 +1,169 @@
+import {
+  f,
+  u
+} from "./chunk.PH7RLQK2.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk.6QUGTGJO.js";
+
+// node_modules/@lit/reactive-element/decorators/property.js
+var o = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r = (t2 = o, e3, r4) => {
+  const { kind: n2, metadata: i } = r4;
+  let s = globalThis.litPropertyMetadata.get(i);
+  if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = /* @__PURE__ */ new Map()), s.set(r4.name, t2), "accessor" === n2) {
+    const { name: o2 } = r4;
+    return { set(r5) {
+      const n3 = e3.get.call(this);
+      e3.set.call(this, r5), this.requestUpdate(o2, n3, t2);
+    }, init(e4) {
+      return void 0 !== e4 && this.P(o2, void 0, t2), e4;
+    } };
+  }
+  if ("setter" === n2) {
+    const { name: o2 } = r4;
+    return function(r5) {
+      const n3 = this[o2];
+      e3.call(this, r5), this.requestUpdate(o2, n3, t2);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n2);
+};
+function n(t2) {
+  return (e3, o2) => "object" == typeof o2 ? r(t2, e3, o2) : ((t3, e4, o3) => {
+    const r4 = e4.hasOwnProperty(o3);
+    return e4.constructor.createProperty(o3, r4 ? __spreadProps(__spreadValues({}, t3), { wrapped: true }) : t3), r4 ? Object.getOwnPropertyDescriptor(e4, o3) : void 0;
+  })(t2, e3, o2);
+}
+
+// node_modules/@lit/reactive-element/decorators/state.js
+function r2(r4) {
+  return n(__spreadProps(__spreadValues({}, r4), { state: true, attribute: false }));
+}
+
+// node_modules/@lit/reactive-element/decorators/base.js
+var e = (e3, t2, c) => (c.configurable = true, c.enumerable = true, Reflect.decorate && "object" != typeof t2 && Object.defineProperty(e3, t2, c), c);
+
+// node_modules/@lit/reactive-element/decorators/query.js
+function e2(e3, r4) {
+  return (n2, s, i) => {
+    const o2 = (t2) => {
+      var _a, _b;
+      return (_b = (_a = t2.renderRoot) == null ? void 0 : _a.querySelector(e3)) != null ? _b : null;
+    };
+    if (r4) {
+      const { get: e4, set: r5 } = "object" == typeof s ? n2 : i != null ? i : (() => {
+        const t2 = Symbol();
+        return { get() {
+          return this[t2];
+        }, set(e5) {
+          this[t2] = e5;
+        } };
+      })();
+      return e(n2, s, { get() {
+        let t2 = e4.call(this);
+        return void 0 === t2 && (t2 = o2(this), (null !== t2 || this.hasUpdated) && r5.call(this, t2)), t2;
+      } });
+    }
+    return e(n2, s, { get() {
+      return o2(this);
+    } });
+  };
+}
+
+// node_modules/@lit/reactive-element/decorators/event-options.js
+function t(t2) {
+  return (n2, o2) => {
+    const c = "function" == typeof n2 ? n2 : n2[o2];
+    Object.assign(c, t2);
+  };
+}
+
+// node_modules/@lit/reactive-element/decorators/query-async.js
+function r3(r4) {
+  return (n2, e3) => e(n2, e3, { async get() {
+    var _a, _b;
+    return await this.updateComplete, (_b = (_a = this.renderRoot) == null ? void 0 : _a.querySelector(r4)) != null ? _b : null;
+  } });
+}
+
+export {
+  n,
+  r2 as r,
+  t,
+  e2 as e,
+  r3 as r2
+};
+/*! Bundled license information:
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/