@nasa-terra/components 0.0.16 → 0.0.19

package/cdn/chunks/chunk.7WL3WWGJ.js

@@ -1,293 +0,0 @@
-// src/components/combobox/combobox.styles.ts
-import { css } from "lit";
-var combobox_styles_default = css`
-    :host {
-        --color-neutral--100: #f7f7f7; /* Retain these 2 local color variables rather than HDS references because color-carbon-XX scale flips with light/dark theme */
-        --color-neutral--200: #d1d1d1;
-
-        --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: #1b1b1b; /* HDS uses this color for body text but does not have a defined color in the HDS palette */
-        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);
-        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-group {
-        block-size: 100%;
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-    .combobox {
-        block-size: var(--terra-block-size, 2.1875rem);
-        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-carbon-60);
-    }
-
-    .combobox:focus {
-        border-color: var(--terra-color-carbon-40);
-        outline: 0;
-    }
-
-    .search-input-group:has(.combobox:not(:focus)) + .search-results[open] {
-        border-color: var(--terra-color-carbon-30);
-    }
-
-    .combobox-button {
-        position: absolute;
-        right: 0;
-        z-index: 2;
-        margin-block: 0;
-        margin-inline: 0;
-        outline: 0;
-        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-carbon-60);
-        flex: 1 1 100%;
-        font-size: var(--terra-font-size-small);
-        line-height: var(--terra-line-height-normal);
-        margin-block: 0;
-        position: absolute;
-        bottom: -10px;
-    }
-
-    .external-link {
-        fill: currentColor;
-        vertical-align: middle;
-    }
-
-    .search-results {
-        background-color: var(--terra-color-spacesuit-white);
-        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-carbon-40);
-        content-visibility: auto;
-        max-height: calc(33vh - var(--terra-block-size, 2.1875rem));
-        opacity: 1;
-        visibility: visible;
-    }
-
-    .search-results .updating {
-        font-size: var(--terra-font-size-x-large);
-        padding-block: 4rem;
-        text-align: center;
-    }
-
-    .search-results .error {
-        color: var(--terra-color-nasa-red);
-        font-family: var(--terra-font-family--dm-mono);
-        padding-block: 2rem;
-    }
-
-    .listbox-option-group {
-        padding-inline: 0.5rem;
-        padding-block: 1rem 0.5rem;
-    }
-
-    .group-title {
-        padding-inline: 0.5rem;
-        font-family: var(--terra-font-family--inter);
-        font-weight: 700;
-        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'] {
-        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(--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(--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(--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(--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.AAWOHDFX.js

@@ -1,259 +0,0 @@
-// src/components/map/leaflet-draw.styles.ts
-import { css } from "lit";
-var leaflet_draw_styles_default = css`
-    .leaflet-draw-section {
-        position: relative;
-    }
-    .leaflet-draw-toolbar {
-        margin-top: 12px;
-    }
-    .leaflet-draw-toolbar-top {
-        margin-top: 0;
-    }
-    .leaflet-draw-toolbar-notop a:first-child {
-        border-top-right-radius: 0;
-    }
-    .leaflet-draw-toolbar-nobottom a:last-child {
-        border-bottom-right-radius: 0;
-    }
-    .leaflet-draw-toolbar a {
-        background-image: url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet.png');
-        background-image: linear-gradient(transparent, transparent),
-            url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet.svg');
-        background-repeat: no-repeat;
-        background-size: 300px 30px;
-        background-clip: padding-box;
-    }
-    .leaflet-retina .leaflet-draw-toolbar a {
-        background-image: url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet-2x.png');
-        background-image: linear-gradient(transparent, transparent),
-            url('https://unpkg.com/leaflet-draw@1.0.4/dist/images/spritesheet.svg');
-    }
-    .leaflet-draw a {
-        display: block;
-        text-align: center;
-        text-decoration: none;
-    }
-    .leaflet-draw a .sr-only {
-        position: absolute;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        border: 0;
-    }
-    .leaflet-draw-actions {
-        display: none;
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        position: absolute;
-        left: 26px;
-        top: 0;
-        white-space: nowrap;
-    }
-    .leaflet-touch .leaflet-draw-actions {
-        left: 32px;
-    }
-    .leaflet-right .leaflet-draw-actions {
-        right: 26px;
-        left: auto;
-    }
-    .leaflet-touch .leaflet-right .leaflet-draw-actions {
-        right: 32px;
-        left: auto;
-    }
-    .leaflet-draw-actions li {
-        display: inline-block;
-    }
-    .leaflet-draw-actions li:first-child a {
-        border-left: 0;
-    }
-    .leaflet-draw-actions li:last-child a {
-        -webkit-border-radius: 0 4px 4px 0;
-        border-radius: 0 4px 4px 0;
-    }
-    .leaflet-right .leaflet-draw-actions li:last-child a {
-        -webkit-border-radius: 0;
-        border-radius: 0;
-    }
-    .leaflet-right .leaflet-draw-actions li:first-child a {
-        -webkit-border-radius: 4px 0 0 4px;
-        border-radius: 4px 0 0 4px;
-    }
-    .leaflet-draw-actions a {
-        background-color: #919187;
-        border-left: 1px solid #aaa;
-        color: #fff;
-        font:
-            11px/19px 'Helvetica Neue',
-            Arial,
-            Helvetica,
-            sans-serif;
-        line-height: 28px;
-        text-decoration: none;
-        padding-left: 10px;
-        padding-right: 10px;
-        height: 28px;
-    }
-    .leaflet-touch .leaflet-draw-actions a {
-        font-size: 12px;
-        line-height: 30px;
-        height: 30px;
-    }
-    .leaflet-draw-actions-bottom {
-        margin-top: 0;
-    }
-    .leaflet-draw-actions-top {
-        margin-top: 1px;
-    }
-    .leaflet-draw-actions-top a,
-    .leaflet-draw-actions-bottom a {
-        height: 27px;
-        line-height: 27px;
-    }
-    .leaflet-draw-actions a:hover {
-        background-color: #a0a098;
-    }
-    .leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
-        height: 26px;
-        line-height: 26px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
-        background-position: -2px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
-        background-position: 0 -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
-        background-position: -31px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
-        background-position: -29px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
-        background-position: -62px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
-        background-position: -60px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-draw-circle {
-        background-position: -92px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
-        background-position: -90px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-draw-marker {
-        background-position: -122px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
-        background-position: -120px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
-        background-position: -273px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
-        background-position: -271px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-edit-edit {
-        background-position: -152px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
-        background-position: -150px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-edit-remove {
-        background-position: -182px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
-        background-position: -180px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
-        background-position: -212px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
-        background-position: -210px -1px;
-    }
-    .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
-        background-position: -242px -2px;
-    }
-    .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
-        background-position: -240px -2px;
-    }
-    .leaflet-mouse-marker {
-        background-color: #fff;
-        cursor: crosshair;
-    }
-    .leaflet-draw-tooltip {
-        background: #363636;
-        background: rgba(0, 0, 0, 0.5);
-        border: 1px solid transparent;
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
-        color: #fff;
-        font:
-            12px/18px 'Helvetica Neue',
-            Arial,
-            Helvetica,
-            sans-serif;
-        margin-left: 20px;
-        margin-top: -21px;
-        padding: 4px 8px;
-        position: absolute;
-        visibility: hidden;
-        white-space: nowrap;
-        z-index: 6;
-    }
-    .leaflet-draw-tooltip:before {
-        border-right: 6px solid black;
-        border-right-color: rgba(0, 0, 0, 0.5);
-        border-top: 6px solid transparent;
-        border-bottom: 6px solid transparent;
-        content: '';
-        position: absolute;
-        top: 7px;
-        left: -7px;
-    }
-    .leaflet-error-draw-tooltip {
-        background-color: #f2dede;
-        border: 1px solid #e6b6bd;
-        color: #b94a48;
-    }
-    .leaflet-error-draw-tooltip:before {
-        border-right-color: #e6b6bd;
-    }
-    .leaflet-draw-tooltip-single {
-        margin-top: -12px;
-    }
-    .leaflet-draw-tooltip-subtext {
-        color: #f8d5e4;
-    }
-    .leaflet-draw-guide-dash {
-        font-size: 1%;
-        opacity: 0.6;
-        position: absolute;
-        width: 5px;
-        height: 5px;
-    }
-    .leaflet-edit-marker-selected {
-        background-color: rgba(254, 87, 161, 0.1);
-        border: 4px dashed rgba(254, 87, 161, 0.6);
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
-        box-sizing: content-box;
-    }
-    .leaflet-edit-move {
-        cursor: move;
-    }
-    .leaflet-edit-resize {
-        cursor: pointer;
-    }
-    .leaflet-oldie .leaflet-draw-toolbar {
-        border: 1px solid #999;
-    }
-`;
-
-export {
-  leaflet_draw_styles_default
-};

package/cdn/chunks/chunk.ADOXGJHH.js

@@ -1,11 +0,0 @@
-import {
-  TerraTimeSeries
-} from "./chunk.I5ZJKFQJ.js";
-
-// src/components/time-series/time-series.ts
-var time_series_default = TerraTimeSeries;
-TerraTimeSeries.define("terra-time-series");
-
-export {
-  time_series_default
-};