@nasa-terra/components 0.0.0 → 0.0.1

package/cdn/chunks/chunk.AAWOHDFX.js

@@ -0,0 +1,259 @@
+// 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.34DQXAAA.js → chunk.AEIZVWLR.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.T3YOGGMB.js";
+} from "./chunk.RBKBAQOH.js";
 
 // src/react/variable-combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.CI6OSO6M.js → chunk.BB7N2ZYB.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.BHXZEJO5.js";
+} from "./chunk.GHCQCYO6.js";
 
 // src/react/date-range-slider/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.Y4CNYLFC.js → chunk.BINGLTII.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OFCNXAUR.js";
+} from "./chunk.VEUDIPUW.js";
 import {
   n
 } from "./chunk.K4EJQG4O.js";

package/cdn/chunks/chunk.BLNUBLUS.js

@@ -0,0 +1,289 @@
+// src/components/plot/plot.styles.ts
+import { css } from "lit";
+var plot_styles_default = css`
+    :host {
+        display: block;
+    }
+
+    /**
+   * !Alert! The rest of this stylesheet is auto-generated!
+   * Unfortunately Plotly does not work well with Shadow DOM AND they don't supply a CSS file at all for us to import
+   * Because of this, a working solution is to copy their CSS over.
+   * 
+   * Given that they use CSS, you can do npx -y sass ./node_modules/plotly.js/src/css/style.scss > plotly.css
+   * to generate the CSS, then copy the contents of plotly.css into this file
+   */
+    .js-plotly-plot .plotly,
+    .js-plotly-plot .plotly div {
+        direction: ltr;
+        font-family: 'Open Sans', verdana, arial, sans-serif;
+        margin: 0;
+        padding: 0;
+    }
+    .js-plotly-plot .plotly input,
+    .js-plotly-plot .plotly button {
+        font-family: 'Open Sans', verdana, arial, sans-serif;
+    }
+    .js-plotly-plot .plotly input:focus,
+    .js-plotly-plot .plotly button:focus {
+        outline: none;
+    }
+    .js-plotly-plot .plotly a {
+        text-decoration: none;
+    }
+    .js-plotly-plot .plotly a:hover {
+        text-decoration: none;
+    }
+    .js-plotly-plot .plotly .crisp {
+        shape-rendering: crispEdges;
+    }
+    .js-plotly-plot .plotly .user-select-none {
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        -o-user-select: none;
+        user-select: none;
+    }
+    .js-plotly-plot .plotly svg {
+        overflow: hidden;
+    }
+    .js-plotly-plot .plotly svg a {
+        fill: #447adb;
+    }
+    .js-plotly-plot .plotly svg a:hover {
+        fill: #3c6dc5;
+    }
+    .js-plotly-plot .plotly .main-svg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        pointer-events: none;
+    }
+    .js-plotly-plot .plotly .main-svg .draglayer {
+        pointer-events: all;
+    }
+    .js-plotly-plot .plotly .cursor-default {
+        cursor: default;
+    }
+    .js-plotly-plot .plotly .cursor-pointer {
+        cursor: pointer;
+    }
+    .js-plotly-plot .plotly .cursor-crosshair {
+        cursor: crosshair;
+    }
+    .js-plotly-plot .plotly .cursor-move {
+        cursor: move;
+    }
+    .js-plotly-plot .plotly .cursor-col-resize {
+        cursor: col-resize;
+    }
+    .js-plotly-plot .plotly .cursor-row-resize {
+        cursor: row-resize;
+    }
+    .js-plotly-plot .plotly .cursor-ns-resize {
+        cursor: ns-resize;
+    }
+    .js-plotly-plot .plotly .cursor-ew-resize {
+        cursor: ew-resize;
+    }
+    .js-plotly-plot .plotly .cursor-sw-resize {
+        cursor: sw-resize;
+    }
+    .js-plotly-plot .plotly .cursor-s-resize {
+        cursor: s-resize;
+    }
+    .js-plotly-plot .plotly .cursor-se-resize {
+        cursor: se-resize;
+    }
+    .js-plotly-plot .plotly .cursor-w-resize {
+        cursor: w-resize;
+    }
+    .js-plotly-plot .plotly .cursor-e-resize {
+        cursor: e-resize;
+    }
+    .js-plotly-plot .plotly .cursor-nw-resize {
+        cursor: nw-resize;
+    }
+    .js-plotly-plot .plotly .cursor-n-resize {
+        cursor: n-resize;
+    }
+    .js-plotly-plot .plotly .cursor-ne-resize {
+        cursor: ne-resize;
+    }
+    .js-plotly-plot .plotly .cursor-grab {
+        cursor: -webkit-grab;
+        cursor: grab;
+    }
+    .js-plotly-plot .plotly .modebar {
+        position: absolute;
+        top: 2px;
+        right: 2px;
+    }
+    .js-plotly-plot .plotly .ease-bg {
+        -webkit-transition: background-color 0.3s ease 0s;
+        -moz-transition: background-color 0.3s ease 0s;
+        -ms-transition: background-color 0.3s ease 0s;
+        -o-transition: background-color 0.3s ease 0s;
+        transition: background-color 0.3s ease 0s;
+    }
+    .js-plotly-plot .plotly .modebar--hover > :not(.watermark) {
+        opacity: 0;
+        -webkit-transition: opacity 0.3s ease 0s;
+        -moz-transition: opacity 0.3s ease 0s;
+        -ms-transition: opacity 0.3s ease 0s;
+        -o-transition: opacity 0.3s ease 0s;
+        transition: opacity 0.3s ease 0s;
+    }
+    .js-plotly-plot .plotly:hover .modebar--hover .modebar-group {
+        opacity: 1;
+    }
+    .js-plotly-plot .plotly .modebar-group {
+        float: left;
+        display: inline-block;
+        box-sizing: border-box;
+        padding-left: 8px;
+        position: relative;
+        vertical-align: middle;
+        white-space: nowrap;
+    }
+    .js-plotly-plot .plotly .modebar-btn {
+        position: relative;
+        font-size: 16px;
+        padding: 3px 4px;
+        height: 22px;
+        /* display: inline-block; including this breaks 3d interaction in .embed mode. Chrome bug? */
+        cursor: pointer;
+        line-height: normal;
+        box-sizing: border-box;
+    }
+    .js-plotly-plot .plotly .modebar-btn svg {
+        position: relative;
+        top: 2px;
+    }
+    .js-plotly-plot .plotly .modebar.vertical {
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        align-content: flex-end;
+        max-height: 100%;
+    }
+    .js-plotly-plot .plotly .modebar.vertical svg {
+        top: -1px;
+    }
+    .js-plotly-plot .plotly .modebar.vertical .modebar-group {
+        display: block;
+        float: none;
+        padding-left: 0px;
+        padding-bottom: 8px;
+    }
+    .js-plotly-plot .plotly .modebar.vertical .modebar-group .modebar-btn {
+        display: block;
+        text-align: center;
+    }
+    .js-plotly-plot .plotly [data-title] {
+        /**
+   * tooltip body
+   */
+    }
+    .js-plotly-plot .plotly [data-title]:before,
+    .js-plotly-plot .plotly [data-title]:after {
+        position: absolute;
+        -webkit-transform: translate3d(0, 0, 0);
+        -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+        -o-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        display: none;
+        opacity: 0;
+        z-index: 1001;
+        pointer-events: none;
+        top: 110%;
+        right: 50%;
+    }
+    .js-plotly-plot .plotly [data-title]:hover:before,
+    .js-plotly-plot .plotly [data-title]:hover:after {
+        display: block;
+        opacity: 1;
+    }
+    .js-plotly-plot .plotly [data-title]:before {
+        content: '';
+        position: absolute;
+        background: transparent;
+        border: 6px solid transparent;
+        z-index: 1002;
+        margin-top: -12px;
+        border-bottom-color: #69738a;
+        margin-right: -6px;
+    }
+    .js-plotly-plot .plotly [data-title]:after {
+        content: attr(data-title);
+        background: #69738a;
+        color: white;
+        padding: 8px 10px;
+        font-size: 12px;
+        line-height: 12px;
+        white-space: nowrap;
+        margin-right: -18px;
+        border-radius: 2px;
+    }
+    .js-plotly-plot .plotly .vertical [data-title]:before,
+    .js-plotly-plot .plotly .vertical [data-title]:after {
+        top: 0%;
+        right: 200%;
+    }
+    .js-plotly-plot .plotly .vertical [data-title]:before {
+        border: 6px solid transparent;
+        border-left-color: #69738a;
+        margin-top: 8px;
+        margin-right: -30px;
+    }
+
+    .plotly-notifier {
+        font-family: 'Open Sans', verdana, arial, sans-serif;
+        position: fixed;
+        top: 50px;
+        right: 20px;
+        z-index: 10000;
+        font-size: 10pt;
+        max-width: 180px;
+    }
+    .plotly-notifier p {
+        margin: 0;
+    }
+    .plotly-notifier .notifier-note {
+        min-width: 180px;
+        max-width: 250px;
+        border: 1px solid #fff;
+        z-index: 3000;
+        margin: 0;
+        background-color: #8c97af;
+        background-color: rgba(140, 151, 175, 0.9);
+        color: #fff;
+        padding: 10px;
+        overflow-wrap: break-word;
+        word-wrap: break-word;
+        -ms-hyphens: auto;
+        -webkit-hyphens: auto;
+        hyphens: auto;
+    }
+    .plotly-notifier .notifier-close {
+        color: #fff;
+        opacity: 0.8;
+        float: right;
+        padding: 0 5px;
+        background: none;
+        border: none;
+        font-size: 20px;
+        font-weight: bold;
+        line-height: 20px;
+    }
+    .plotly-notifier .notifier-close:hover {
+        color: #444;
+        text-decoration: none;
+        cursor: pointer;
+    }
+`;
+
+export {
+  plot_styles_default
+};

package/cdn/chunks/{chunk.AOKHUEZK.js → chunk.D33ZL7ZQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.Y4CNYLFC.js";
+} from "./chunk.BINGLTII.js";
 
 // src/react/loader/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.VIV3TUJX.js → cdn/chunks/chunk.DL3FIOYA.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.I7ZPL3IO.js";
+} from "./chunk.DQGFAA4K.js";
 
 // src/react/combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.E3743HRF.js → chunk.DQGFAA4K.js}

@@ -13,6 +13,9 @@ import {
 import {
   o
 } from "./chunk.QEA4QW6G.js";
+import {
+  combobox_styles_default
+} from "./chunk.IBV3HXI5.js";
 import {
   clearSelection,
   walkToOption
@@ -23,14 +26,11 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.OFCNXAUR.js";
+} from "./chunk.VEUDIPUW.js";
 import {
   n,
   r
 } from "./chunk.K4EJQG4O.js";
-import {
-  combobox_styles_default
-} from "./chunk.IBV3HXI5.js";
 import {
   T,
   s,

package/cdn/chunks/{chunk.TA3MUOR6.js → chunk.EFAXKQZX.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.NUMFOBCB.js";
+} from "./chunk.WGFD2LHA.js";
 
 // src/components/chip/chip.ts
 var chip_default = TerraChip;