@nasa-terra/components 0.0.75 → 0.0.77

package/cdn/chunks/chunk.TVBK6ADB.js

@@ -0,0 +1,356 @@
+import {
+  i
+} from "./chunk.M73GHNHJ.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/components/time-average-map/time-average-map.styles.ts
+init_dirname();
+init_buffer();
+init_process();
+var time_average_map_styles_default = i`
+    :host {
+        display: block;
+        height: 800px;
+    }
+
+    #map {
+        position: relative;
+        width: 100%;
+        height: 100%;
+    }
+
+    #settings {
+        opacity: 0.75;
+        position: absolute;
+        bottom: 150px;
+        left: 10px;
+        background: rgba(255, 255, 255, 0.9);
+        padding: 8px 10px;
+        border-radius: 4px;
+        font-size: 12px;
+        font-family: monospace;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+        z-index: 10;
+        pointer-events: auto;
+    }
+
+    label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    :root,
+    :host {
+        --ol-background-color: white;
+        --ol-accent-background-color: #f5f5f5;
+        --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
+        --ol-partial-background-color: rgba(255, 255, 255, 0.75);
+        --ol-foreground-color: #333333;
+        --ol-subtle-foreground-color: #666666;
+        --ol-brand-color: #00aaff;
+    }
+
+    .ol-box {
+        box-sizing: border-box;
+        border-radius: 2px;
+        border: 1.5px solid var(--ol-background-color);
+        background-color: var(--ol-partial-background-color);
+    }
+
+    .ol-mouse-position {
+        top: 8px;
+        right: 8px;
+        position: absolute;
+    }
+
+    .ol-scale-line {
+        background: var(--ol-partial-background-color);
+        border-radius: 4px;
+        bottom: 8px;
+        left: 8px;
+        padding: 2px;
+        position: absolute;
+    }
+
+    .ol-scale-line-inner {
+        border: 1px solid var(--ol-subtle-foreground-color);
+        border-top: none;
+        color: var(--ol-foreground-color);
+        font-size: 10px;
+        text-align: center;
+        margin: 1px;
+        will-change: contents, width;
+        transition: all 0.25s;
+    }
+
+    .ol-scale-bar {
+        position: absolute;
+        bottom: 8px;
+        left: 8px;
+    }
+
+    .ol-scale-bar-inner {
+        display: flex;
+    }
+
+    .ol-scale-step-marker {
+        width: 1px;
+        height: 15px;
+        background-color: var(--ol-foreground-color);
+        float: right;
+        z-index: 10;
+    }
+
+    .ol-scale-step-text {
+        position: absolute;
+        bottom: -5px;
+        font-size: 10px;
+        z-index: 11;
+        color: var(--ol-foreground-color);
+        text-shadow:
+            -1.5px 0 var(--ol-partial-background-color),
+            0 1.5px var(--ol-partial-background-color),
+            1.5px 0 var(--ol-partial-background-color),
+            0 -1.5px var(--ol-partial-background-color);
+    }
+
+    .ol-scale-text {
+        position: absolute;
+        font-size: 12px;
+        text-align: center;
+        bottom: 25px;
+        color: var(--ol-foreground-color);
+        text-shadow:
+            -1.5px 0 var(--ol-partial-background-color),
+            0 1.5px var(--ol-partial-background-color),
+            1.5px 0 var(--ol-partial-background-color),
+            0 -1.5px var(--ol-partial-background-color);
+    }
+
+    .ol-scale-singlebar {
+        position: relative;
+        height: 10px;
+        z-index: 9;
+        box-sizing: border-box;
+        border: 1px solid var(--ol-foreground-color);
+    }
+
+    .ol-scale-singlebar-even {
+        background-color: var(--ol-subtle-foreground-color);
+    }
+
+    .ol-scale-singlebar-odd {
+        background-color: var(--ol-background-color);
+    }
+
+    .ol-unsupported {
+        display: none;
+    }
+
+    .ol-viewport,
+    .ol-unselectable {
+        -webkit-touch-callout: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        user-select: none;
+        -webkit-tap-highlight-color: transparent;
+    }
+
+    .ol-viewport canvas {
+        all: unset;
+        overflow: hidden;
+    }
+
+    .ol-viewport {
+        touch-action: pan-x pan-y;
+    }
+
+    .ol-selectable {
+        -webkit-touch-callout: default;
+        -webkit-user-select: text;
+        -moz-user-select: text;
+        user-select: text;
+    }
+
+    .ol-grabbing {
+        cursor: -webkit-grabbing;
+        cursor: -moz-grabbing;
+        cursor: grabbing;
+    }
+
+    .ol-grab {
+        cursor: move;
+        cursor: -webkit-grab;
+        cursor: -moz-grab;
+        cursor: grab;
+    }
+
+    .ol-control {
+        position: absolute;
+        background-color: var(--ol-subtle-background-color);
+        border-radius: 4px;
+    }
+
+    .ol-zoom {
+        top: 0.5em;
+        left: 0.5em;
+    }
+
+    .ol-rotate {
+        top: 0.5em;
+        right: 0.5em;
+        transition:
+            opacity 0.25s linear,
+            visibility 0s linear;
+    }
+
+    .ol-rotate.ol-hidden {
+        opacity: 0;
+        visibility: hidden;
+        transition:
+            opacity 0.25s linear,
+            visibility 0s linear 0.25s;
+    }
+
+    .ol-zoom-extent {
+        top: 4.643em;
+        left: 0.5em;
+    }
+
+    .ol-full-screen {
+        right: 0.5em;
+        top: 0.5em;
+    }
+
+    .ol-control button {
+        display: block;
+        margin: 1px;
+        padding: 0;
+        color: var(--ol-subtle-foreground-color);
+        font-weight: bold;
+        text-decoration: none;
+        font-size: inherit;
+        text-align: center;
+        height: 1.375em;
+        width: 1.375em;
+        line-height: 0.4em;
+        background-color: var(--ol-background-color);
+        border: none;
+        border-radius: 2px;
+    }
+
+    .ol-control button::-moz-focus-inner {
+        border: none;
+        padding: 0;
+    }
+
+    .ol-zoom-extent button {
+        line-height: 1.4em;
+    }
+
+    .ol-compass {
+        display: block;
+        font-weight: normal;
+        will-change: transform;
+    }
+
+    .ol-touch .ol-control button {
+        font-size: 1.5em;
+    }
+
+    .ol-touch .ol-zoom-extent {
+        top: 5.5em;
+    }
+
+    .ol-control button:hover,
+    .ol-control button:focus {
+        text-decoration: none;
+        outline: 1px solid var(--ol-subtle-foreground-color);
+        color: var(--ol-foreground-color);
+    }
+
+    .ol-zoom .ol-zoom-in {
+        border-radius: 2px 2px 0 0;
+    }
+
+    .ol-zoom .ol-zoom-out {
+        border-radius: 0 0 2px 2px;
+    }
+
+    .ol-attribution {
+        display: none !important;
+    }
+
+    .ol-zoomslider {
+        top: 4.5em;
+        left: 0.5em;
+        height: 200px;
+    }
+
+    .ol-zoomslider button {
+        position: relative;
+        height: 10px;
+    }
+
+    .ol-touch .ol-zoomslider {
+        top: 5.5em;
+    }
+
+    .ol-overviewmap {
+        left: 0.5em;
+        bottom: 0.5em;
+    }
+
+    .ol-overviewmap.ol-uncollapsible {
+        bottom: 0;
+        left: 0;
+        border-radius: 0 4px 0 0;
+    }
+
+    .ol-overviewmap .ol-overviewmap-map,
+    .ol-overviewmap button {
+        display: block;
+    }
+
+    .ol-overviewmap .ol-overviewmap-map {
+        border: 1px solid var(--ol-subtle-foreground-color);
+        height: 150px;
+        width: 150px;
+    }
+
+    .ol-overviewmap:not(.ol-collapsed) button {
+        bottom: 0;
+        left: 0;
+        position: absolute;
+    }
+
+    .ol-overviewmap.ol-collapsed .ol-overviewmap-map,
+    .ol-overviewmap.ol-uncollapsible button {
+        display: none;
+    }
+
+    .ol-overviewmap:not(.ol-collapsed) {
+        background: var(--ol-subtle-background-color);
+    }
+
+    .ol-overviewmap-box {
+        border: 1.5px dotted var(--ol-subtle-foreground-color);
+    }
+
+    .ol-overviewmap .ol-overviewmap-box:hover {
+        cursor: move;
+    }
+
+    .ol-overviewmap .ol-viewport:hover {
+        cursor: pointer;
+    }
+`;
+
+export {
+  time_average_map_styles_default
+};

package/cdn/chunks/{chunk.GJTB6JYC.js → chunk.UD2MPINQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraChip
-} from "./chunk.Y5SRUGO6.js";
+} from "./chunk.L2WPUQ7B.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.ZNXJJKMX.js → chunk.UMDWHUPM.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.Y6ZBEMEZ.js";
+} from "./chunk.W5VBFDDM.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.Y6ZBEMEZ.js → chunk.W5VBFDDM.js}

@@ -1,6 +1,6 @@
 import {
   FetchController
-} from "./chunk.TU7POBNP.js";
+} from "./chunk.XR5EZIHP.js";
 import {
   adaptValueToVariableMetadata,
   clearSelection,
@@ -8,19 +8,19 @@ import {
   removeEmptyCollections,
   renderSearchResult,
   walkToOption
-} from "./chunk.HMS35ZFE.js";
+} from "./chunk.MUYS3VLW.js";
 import {
   variable_combobox_styles_default
 } from "./chunk.WFTS65OQ.js";
 import {
   h
-} from "./chunk.EMLDT66I.js";
+} from "./chunk.EDY6YM3Y.js";
 import {
   icon_default
-} from "./chunk.KJ7J4PCK.js";
+} from "./chunk.Z726T3DO.js";
 import {
   n as n2
-} from "./chunk.VPW32Q52.js";
+} from "./chunk.QFJLPXXJ.js";
 import {
   o
 } from "./chunk.CUQN55UX.js";
@@ -29,14 +29,14 @@ import {
 } from "./chunk.WOK6C4SG.js";
 import {
   button_default
-} from "./chunk.IJ65YKH6.js";
+} from "./chunk.6Q6I7PZT.js";
 import {
   watch
 } from "./chunk.ZEDYVCUT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.TCV3RFA2.js";
+} from "./chunk.HCOIWQGH.js";
 import {
   n,
   r

package/cdn/chunks/chunk.WEE2ZC7F.js

@@ -0,0 +1,92 @@
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ES5U5CWG.js";
+
+// src/components/plot-toolbar/notebooks/time-series-notebook.ts
+init_dirname();
+init_buffer();
+init_process();
+function getTimeSeriesNotebook(host) {
+  return [
+    {
+      cell_type: "markdown",
+      id: "367f56b9-7ca8-4435-9dcc-89bf586f33ab",
+      metadata: {},
+      source: [
+        "### Prerequisites:\n",
+        "\n",
+        "This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",
+        "\n",
+        "After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."
+      ]
+    },
+    {
+      id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
+      cell_type: "code",
+      source: '%pip install -q "terra_ui_components==0.0.70" "anywidget==0.9.15" "pandas"',
+      metadata: {
+        trusted: true
+      },
+      outputs: [],
+      execution_count: null
+    },
+    {
+      cell_type: "markdown",
+      id: "35aa4a00-8e2c-4478-9df7-de633fd8f6ce",
+      metadata: {},
+      source: [
+        `### Render ${host.location.split(",").length > 2 ? "an area-averaged" : "a point-based"} time series plot`
+      ]
+    },
+    {
+      id: "870c1384-e706-48ee-ba07-fd552a949869",
+      cell_type: "code",
+      source: `from terra_ui_components import TerraTimeSeries
+timeseries = TerraTimeSeries()
+
+timeseries.variableEntryId = '${host.variableEntryId}'
+timeseries.startDate = '${host.startDate}'
+timeseries.endDate = '${host.endDate}'
+timeseries.location = '${host.location}'
+
+timeseries`,
+      metadata: {
+        trusted: true
+      },
+      outputs: [],
+      execution_count: null
+    },
+    {
+      cell_type: "markdown",
+      id: "25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",
+      metadata: {},
+      source: [
+        "### Access the time series data\n",
+        "\n",
+        "Once the time series runs and you see a plot, you can access the data:"
+      ]
+    },
+    {
+      cell_type: "code",
+      execution_count: null,
+      id: "6b81a089-884d-4fd7-9d4e-c45a53307c20",
+      metadata: {},
+      outputs: [],
+      source: [
+        "import pandas as pd\n",
+        'if getattr(timeseries, "data", None):\n',
+        "    df = pd.DataFrame(timeseries.data)\n",
+        "    df['timestamp'] = pd.to_datetime(df['timestamp'])\n",
+        "    df['value'] = pd.to_numeric(df['value'])\n",
+        "    print(df.dtypes)\n",
+        "    print(df.head())"
+      ]
+    }
+  ];
+}
+
+export {
+  getTimeSeriesNotebook
+};

package/cdn/chunks/{chunk.B5Y572W6.js → chunk.WHEKMGLU.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.FNPBZ24K.js";
+} from "./chunk.T4PNGMEY.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.WZ3NAGXV.js → chunk.WJENPIUH.js}

@@ -1,9 +1,3 @@
-import {
-  MapController
-} from "./chunk.66XPY5CX.js";
-import {
-  map_styles_default
-} from "./chunk.DX5ZMKGE.js";
 import {
   leaflet_draw_styles_default
 } from "./chunk.ARB3UVS4.js";
@@ -13,9 +7,15 @@ import {
 import {
   leaflet_styles_default
 } from "./chunk.Z2YYVPVO.js";
+import {
+  MapController
+} from "./chunk.66XPY5CX.js";
+import {
+  map_styles_default
+} from "./chunk.DX5ZMKGE.js";
 import {
   h
-} from "./chunk.EMLDT66I.js";
+} from "./chunk.EDY6YM3Y.js";
 import {
   o
 } from "./chunk.CUQN55UX.js";
@@ -25,7 +25,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.TCV3RFA2.js";
+} from "./chunk.HCOIWQGH.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.K7B6SBUE.js → chunk.WKTM6GJT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.3AZLGGEX.js";
 import {
   authService
-} from "./chunk.TCV3RFA2.js";
+} from "./chunk.HCOIWQGH.js";
 import {
   __privateAdd,
   __privateGet,

package/cdn/chunks/{chunk.5NZYYIJL.js → chunk.XKT2TWT2.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetterHistory
-} from "./chunk.JMXG4QMJ.js";
+} from "./chunk.6AVYZ3MW.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.RGHZIL3I.js → chunk.XPNFDAYM.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.L4I27MFM.js";
+} from "./chunk.NRJPNVKJ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.TU7POBNP.js → chunk.XR5EZIHP.js}

@@ -1,6 +1,6 @@
 import {
   cherryPickDocInfo
-} from "./chunk.HMS35ZFE.js";
+} from "./chunk.MUYS3VLW.js";
 import {
   h,
   s

package/cdn/chunks/{chunk.6KECUGN2.js → chunk.XZAZP7WS.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.PBLQN3V3.js";
+} from "./chunk.NBDYVJG7.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.BUL4XWSB.js → chunk.YLZXWNDJ.js}

@@ -1,6 +1,6 @@
 import {
   TerraSpatialPicker
-} from "./chunk.DAGJRUH2.js";
+} from "./chunk.LIP3MH2T.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.KJ7J4PCK.js → chunk.Z726T3DO.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.HLWTZUNM.js";
+} from "./chunk.MLP7HBSH.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/components/accordion/accordion.component.js

@@ -1,7 +1,7 @@
 import {
   TerraAccordion
-} from "../../chunks/chunk.UDN5GVCH.js";
-import "../../chunks/chunk.HLWTZUNM.js";
+} from "../../chunks/chunk.PRK4GQ4U.js";
+import "../../chunks/chunk.MLP7HBSH.js";
 import "../../chunks/chunk.TUBLTX7O.js";
 import "../../chunks/chunk.VLR7MGN6.js";
 import "../../chunks/chunk.S2GS7WAM.js";
@@ -9,12 +9,12 @@ import "../../chunks/chunk.ZAEJJQNF.js";
 import "../../chunks/chunk.6YECHPFP.js";
 import "../../chunks/chunk.HWIFPU5V.js";
 import "../../chunks/chunk.XTPAHWLJ.js";
+import "../../chunks/chunk.I4WNPQOC.js";
 import "../../chunks/chunk.ZEDYVCUT.js";
-import "../../chunks/chunk.TCV3RFA2.js";
+import "../../chunks/chunk.HCOIWQGH.js";
 import "../../chunks/chunk.BXZTBSH6.js";
 import "../../chunks/chunk.KACZXI5J.js";
 import "../../chunks/chunk.LLQADAZV.js";
-import "../../chunks/chunk.I4WNPQOC.js";
 import "../../chunks/chunk.LL3RMB25.js";
 import "../../chunks/chunk.M73GHNHJ.js";
 import "../../chunks/chunk.ES5U5CWG.js";

package/cdn/components/accordion/accordion.js

@@ -1,8 +1,8 @@
 import {
   accordion_default
-} from "../../chunks/chunk.4LRX5MI5.js";
-import "../../chunks/chunk.UDN5GVCH.js";
-import "../../chunks/chunk.HLWTZUNM.js";
+} from "../../chunks/chunk.7MOA4J7J.js";
+import "../../chunks/chunk.PRK4GQ4U.js";
+import "../../chunks/chunk.MLP7HBSH.js";
 import "../../chunks/chunk.TUBLTX7O.js";
 import "../../chunks/chunk.VLR7MGN6.js";
 import "../../chunks/chunk.S2GS7WAM.js";
@@ -10,12 +10,12 @@ import "../../chunks/chunk.ZAEJJQNF.js";
 import "../../chunks/chunk.6YECHPFP.js";
 import "../../chunks/chunk.HWIFPU5V.js";
 import "../../chunks/chunk.XTPAHWLJ.js";
+import "../../chunks/chunk.I4WNPQOC.js";
 import "../../chunks/chunk.ZEDYVCUT.js";
-import "../../chunks/chunk.TCV3RFA2.js";
+import "../../chunks/chunk.HCOIWQGH.js";
 import "../../chunks/chunk.BXZTBSH6.js";
 import "../../chunks/chunk.KACZXI5J.js";
 import "../../chunks/chunk.LLQADAZV.js";
-import "../../chunks/chunk.I4WNPQOC.js";
 import "../../chunks/chunk.LL3RMB25.js";
 import "../../chunks/chunk.M73GHNHJ.js";
 import "../../chunks/chunk.ES5U5CWG.js";

package/cdn/components/alert/alert.component.js

@@ -1,15 +1,15 @@
 import {
   TerraAlert
-} from "../../chunks/chunk.BEZNVEN4.js";
+} from "../../chunks/chunk.7ZP66IGM.js";
 import "../../chunks/chunk.GRPID3HM.js";
 import "../../chunks/chunk.DVOLO45B.js";
 import "../../chunks/chunk.5WLTVPIO.js";
-import "../../chunks/chunk.IIGBOCK5.js";
 import "../../chunks/chunk.ZEDYVCUT.js";
-import "../../chunks/chunk.TCV3RFA2.js";
+import "../../chunks/chunk.HCOIWQGH.js";
 import "../../chunks/chunk.BXZTBSH6.js";
 import "../../chunks/chunk.KACZXI5J.js";
 import "../../chunks/chunk.LLQADAZV.js";
+import "../../chunks/chunk.IIGBOCK5.js";
 import "../../chunks/chunk.LL3RMB25.js";
 import "../../chunks/chunk.M73GHNHJ.js";
 import "../../chunks/chunk.ES5U5CWG.js";