@nasa-terra/components 0.0.198 → 0.0.199

package/dist/chunks/chunk.AYEBTFZT.js

@@ -0,0 +1,433 @@
+import{css as o}from"lit";var a=o`
+    :host {
+        display: grid;
+        grid-template-rows: auto 1fr;
+        grid-template-columns: 1fr;
+        position: relative;
+    }
+
+    .toolbar-container {
+        grid-row: 1;
+    }
+
+    .map-container {
+        grid-row: 2;
+        position: relative;
+        width: 100%;
+        height: 100%;
+        aspect-ratio: 100 / 52;
+    }
+
+    .map-container terra-map {
+        display: block;
+        width: 100%;
+        height: 100%;
+    }
+
+    #settings {
+        position: absolute;
+        bottom: 10px;
+        left: 10px;
+        background: rgba(255, 255, 255, 0.9);
+        padding: 8px 10px;
+        border-radius: 4px;
+        font-size: 12px;
+        font-family: monospace;
+        z-index: 10;
+    }
+
+    label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    #legend {
+        font-family: sans-serif;
+        position: absolute;
+        z-index: 1;
+        right: 1em;
+        top: 1em;
+        background-color: white;
+        opacity: 1;
+        padding: 0.5em;
+        border-radius: 0.2em;
+        font-size: 12px;
+        font-family: monospace;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .color-box {
+        width: 3.5em;
+        height: 0.375em;
+    }
+
+    dialog {
+        position: absolute;
+        top: calc(50% - 100px);
+        border: 1px solid var(--terra-container-dialog-border, #b9b9bb);
+        border-radius: var(--terra-container-dialog-border-radius, 8px);
+        box-shadow: var(--terra-shadow-large);
+        background-color: var(--terra-container-dialog-bg, #ffffff);
+    }
+
+    .no-data-alert,
+    .error-alert {
+        display: block;
+        width: 100%;
+        margin-bottom: 1rem;
+    }
+
+    .harmony-job-link {
+        margin-top: 0.5rem;
+        font-size: 0.875rem;
+    }
+
+    .harmony-job-link a {
+        color: var(--terra-caption-color, #959595);
+        text-decoration: none;
+    }
+
+    .harmony-job-link a:hover {
+        text-decoration: underline;
+    }
+
+    :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;
+    }
+
+    /* Responsive design for smaller screens */
+    @media (max-width: 768px) {
+        :host {
+            gap: 1rem 0.5rem;
+        }
+
+        .map-container {
+            min-height: 300px;
+        }
+
+        #settings {
+            bottom: 100px;
+            left: 5px;
+            padding: 6px 8px;
+            font-size: 11px;
+        }
+    }
+
+    @media (max-width: 480px) {
+        .map-container {
+            min-height: 250px;
+        }
+
+        #settings {
+            bottom: 80px;
+            left: 5px;
+            padding: 4px 6px;
+            font-size: 10px;
+        }
+    }
+`;export{a};

package/dist/chunks/chunk.B5FLJR3A.js

@@ -0,0 +1,37 @@
+import{a as n}from"./chunk.CUJNKBC6.js";import{a as l}from"./chunk.6PEAAW4E.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as h,c as d}from"./chunk.AWA2ZGEV.js";import{a as u}from"./chunk.VGCXMKGO.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as a,query as c,state as v}from"lit/decorators.js";var t=class t extends d{constructor(){super(...arguments);this.hasSlotController=new l(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="information";this.appearance="filled";this.duration=1/0;this.remainingTime=this.duration}static get toastStack(){return this.currentToastStack||(this.currentToastStack=Object.assign(document.createElement("div"),{className:"terra-toast-stack"})),this.currentToastStack}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100))}pauseAutoHide(){var i;(i=this.countdownAnimation)==null||i.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)}resumeAutoHide(){var i;this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.remainingTime),this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100),(i=this.countdownAnimation)==null||i.play())}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){let{countdownElement:i}=this,p="100%",f="0";this.countdownAnimation=i.animate([{width:p},{width:f}],{duration:this.duration,easing:"linear"})}}handleCloseClick(){this.hide()}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.duration<1/0&&this.restartAutoHide(),this.emit("terra-after-show")):(this.emit("terra-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.emit("terra-after-hide"))}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,n(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,n(this,"terra-after-hide")}async toast(){return new Promise(i=>{this.handleCountdownChange(),t.toastStack.parentElement===null&&document.body.append(t.toastStack),t.toastStack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("terra-after-hide",()=>{t.toastStack.removeChild(this),i(),t.toastStack.querySelector("terra-alert")===null&&t.toastStack.remove()},{once:!0})})}render(){return s`
+            <div
+                part="base"
+                class=${m({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--has-countdown":!!this.countdown,"alert--has-icon":this.hasSlotController.test("icon"),"alert--information":this.variant==="information","alert--primary":this.variant==="primary","alert--success":this.variant==="success","alert--neutral":this.variant==="neutral","alert--warning":this.variant==="warning","alert--danger":this.variant==="danger","alert--filled":this.appearance==="filled","alert--white":this.appearance==="white","alert--subtle":this.appearance==="subtle"})}
+                role="alert"
+                aria-hidden=${this.open?"false":"true"}
+                @mouseenter=${this.pauseAutoHide}
+                @mouseleave=${this.resumeAutoHide}
+            >
+                <div part="icon" class="alert__icon">
+                    <slot name="icon"></slot>
+                </div>
+
+                <div part="message" class="alert__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable?s`
+                          <terra-icon
+                              class="alert__close-button"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleCloseClick}
+                          ></terra-icon>
+                      `:""}
+
+                <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+                ${this.countdown?s`
+                          <div
+                              class=${m({alert__countdown:!0,"alert__countdown--ltr":this.countdown==="ltr"})}
+                          >
+                              <div class="alert__countdown-elapsed"></div>
+                          </div>
+                      `:""}
+            </div>
+        `}};t.styles=[h,u],e([c('[part~="base"]')],t.prototype,"base",2),e([c(".alert__countdown-elapsed")],t.prototype,"countdownElement",2),e([a({type:Boolean,reflect:!0})],t.prototype,"open",2),e([a({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([a({reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0})],t.prototype,"appearance",2),e([a({type:Number})],t.prototype,"duration",2),e([a({type:String,reflect:!0})],t.prototype,"countdown",2),e([v()],t.prototype,"remainingTime",2),e([r("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([r("duration")],t.prototype,"handleDurationChange",1);var o=t;export{o as a};

package/dist/chunks/chunk.BCI323BR.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.INFVQQSJ.js";import t from"ol/layer/Tile.js";import s from"ol/source/ImageTile.js";var e=class extends t{constructor(o={}){super({source:new s(r({url:"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",attributions:["Esri","Vantor","Earthstar Geographics"]},o.noWorldWrap?{wrapX:!1}:{}))})}};export{e as a};

package/dist/chunks/chunk.BQ2TQQGG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WE4PQXFD.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-loader";e.define("terra-loader");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraLoader"}),d=o;export{d as a};

package/dist/chunks/chunk.BRSDDKYM.js

@@ -0,0 +1,33 @@
+import{a as c}from"./chunk.ACIJ7WID.js";import{a as r,c as a}from"./chunk.AWA2ZGEV.js";import{e as t,f as o,g as m}from"./chunk.INFVQQSJ.js";import{property as i}from"lit/decorators.js";import{html as n,nothing as p}from"lit";import{classMap as l}from"lit/directives/class-map.js";var s,e=class extends a{constructor(){super(...arguments);this.size="medium";this.closeable=!1;this.stack=!1;m(this,s,()=>{this.emit("terra-remove"),this.remove()})}render(){return n`
+            <div
+                class="${l({"chip--small":this.size==="small","chip--medium":this.size==="medium","chip--large":this.size==="large"})}
+                chip"
+            >
+                <div
+                    class="${l({"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>
+                ${this.closeable?n`
+                          <button
+                              class="chip-close"
+                              @click="${o(this,s)}"
+                          >
+                              <svg
+                                  class="${l({"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="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>
+                      `:p}
+            </div>
+        `}};s=new WeakMap,e.styles=[r,c],t([i({reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"stack",2);export{e as a};

package/dist/chunks/chunk.BYWODPGT.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.OANTUX24.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-button";e.define("terra-button");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraFocus:"terra-focus"},displayName:"TerraButton"}),c=n;export{c as a};

package/dist/chunks/chunk.C5S23DNK.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4RFJMMAN.js";var n=e;e.define("terra-icon");export{n as a};

package/dist/chunks/chunk.CBLMIMXD.js

@@ -0,0 +1,20 @@
+function r(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\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.199" "anywidget==0.9.15" "pandas"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:[`### Render ${e.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 = '${e.variableEntryId}'
+timeseries.startDate = '${e.startDate}'
+timeseries.endDate = '${e.endDate}'
+timeseries.location = '${e.location}'
+
+timeseries`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the time series data
+`,`
+`,"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
+`,`if getattr(timeseries, "data", None):
+`,`    df = pd.DataFrame(timeseries.data)
+`,`    df['timestamp'] = pd.to_datetime(df['timestamp'])
+`,`    df['value'] = pd.to_numeric(df['value'])
+`,`    print(df.dtypes)
+`,"    print(df.head())"]}]}export{r as a};

package/dist/chunks/chunk.CC3TFKZ5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LICY6WJT.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-login";e.define("terra-login");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraLogin:"terra-login"},displayName:"TerraLogin"}),g=n;export{g as a};

package/dist/chunks/chunk.CLGMXYFG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WE4PQXFD.js";var d=e;e.define("terra-loader");export{d as a};

package/dist/chunks/chunk.CLQSO2B3.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.NW27EPOF.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-breadcrumbs";e.define("terra-breadcrumbs");var m=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraBreadcrumbs"}),d=m;export{d as a};

package/dist/chunks/chunk.CMABIFU7.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7RSJSUF5.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-harmony-history";e.define("terra-harmony-history");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraHarmonyJobSelect:"terra-harmony-job-select",onTerraHarmonyJobDelete:"terra-harmony-job-delete"},displayName:"TerraHarmonyHistory"}),l=a;export{l as a};

package/dist/chunks/chunk.CS5XSAK7.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.UIQXEV7N.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tabs";e.define("terra-tabs");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraTabShow:"terra-tab-show",onTerraTabHide:"terra-tab-hide"},displayName:"TerraTabs"}),b=o;export{b as a};

package/dist/chunks/chunk.D5GCNDYG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.74UO2S6X.js";import*as t from"react";import{createComponent as r}from"@lit/react";var p="terra-stepper-step";e.define("terra-stepper-step");var a=r({tagName:p,elementClass:e,react:t,events:{},displayName:"TerraStepperStep"}),f=a;export{f as a};

package/dist/chunks/chunk.DANE2DV4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6YB2WV52.js";import*as t from"react";import{createComponent as r}from"@lit/react";var o="terra-skeleton";e.define("terra-skeleton");var a=r({tagName:o,elementClass:e,react:t,events:{},displayName:"TerraSkeleton"}),c=a;export{c as a};

package/dist/chunks/chunk.DBLKA334.js

@@ -0,0 +1 @@
+import{a}from"./chunk.7ZTODERJ.js";var d=a;a.define("terra-data-rods");export{d as a};

package/dist/chunks/chunk.DHUDN5NR.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YR5SSBSW.js";var s=e;e.define("terra-browse-variables");export{s as a};

package/dist/chunks/chunk.DK636C4K.js

@@ -0,0 +1,19 @@
+import{a}from"./chunk.FDRS2X4S.js";import{a as l}from"./chunk.4RFJMMAN.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as r,c as o}from"./chunk.AWA2ZGEV.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as c}from"lit";import{property as s,state as v}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.inline=!1;this.inverse=!1;this.inactivityDelay=3e3;this.visible=!1;this.handleScroll=()=>{if(this.inline)return;this.isAtBottomOfPage()?(this.visible&&this.hide(),this.clearTimers()):this.visible&&(this.hide(),this.startInactivityTimer())};this.handleDocumentClick=i=>{this.contains(i.target)||!this.inline&&this.visible&&(this.hide(),this.startInactivityTimer())};this.handleClick=()=>{this.emit("terra-scroll"),this.inline||(this.hide(),setTimeout(()=>{this.startInactivityTimer()},100)),this.scrollDown()}}handleInlineChange(){this.inline?(this.visible=!0,this.clearTimers()):(this.visible=!1,this.clearTimers(),this.startInactivityTimer())}connectedCallback(){super.connectedCallback(),this.setupEventListeners(),this.inline?this.visible=!0:this.startInactivityTimer()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupEventListeners(),this.clearTimers()}setupEventListeners(){window.addEventListener("scroll",this.handleScroll,{passive:!0}),document.addEventListener("click",this.handleDocumentClick)}cleanupEventListeners(){window.removeEventListener("scroll",this.handleScroll),document.removeEventListener("click",this.handleDocumentClick)}isAtBottomOfPage(){let i=window.innerHeight,h=document.documentElement.scrollHeight;return(window.scrollY||document.documentElement.scrollTop)+i>=h-100}scrollDown(){let i=window.innerHeight;window.scrollBy({top:i,behavior:"smooth"})}hide(){this.visible=!1,this.clearTimers()}startInactivityTimer(){this.inline||this.isAtBottomOfPage()||(this.inactivityTimeout=window.setTimeout(()=>{this.isAtBottomOfPage()||(this.visible=!0)},this.inactivityDelay))}clearTimers(){clearTimeout(this.scrollTimeout),clearTimeout(this.clickTimeout),clearTimeout(this.inactivityTimeout)}render(){return this.visible?c`
+            <button
+                part="button"
+                class=${m({"scroll-hint":!0,inverse:this.inverse})}
+                @click="${this.handleClick}"
+                aria-label="Scroll to continue"
+            >
+                <div part="icon-container" class="scroll-hint__icon-container">
+                    <div part="ring" class="scroll-hint__ring"></div>
+                    <div part="icon" class="scroll-hint__icon">
+                        <terra-icon
+                            name="chevron-down"
+                            library="default"
+                        ></terra-icon>
+                    </div>
+                </div>
+                <span part="text" class="scroll-hint__text">SCROLL TO CONTINUE</span>
+            </button>
+        `:c``}};t.styles=[r,a],t.dependencies={"terra-icon":l},e([s({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([s({type:Boolean,reflect:!0})],t.prototype,"inverse",2),e([s({type:Number})],t.prototype,"inactivityDelay",2),e([v()],t.prototype,"visible",2),e([n("inline")],t.prototype,"handleInlineChange",1);export{t as a};

package/dist/chunks/chunk.DSIIF7K6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.AF4KKKIK.js";import*as o from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-variable-combobox";e.define("terra-variable-combobox");var t=r({tagName:a,elementClass:e,react:o,events:{onTerraComboboxChange:"terra-combobox-change"},displayName:"TerraVariableCombobox"}),C=t;export{C as a};

package/dist/chunks/chunk.DUG6LPDO.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LICY6WJT.js";var i=e;e.define("terra-login");export{i as a};

package/dist/chunks/chunk.DXULPI2C.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.UCO7ADVP.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-checkbox";e.define("terra-checkbox");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraInput:"terra-input",onTerraInvalid:"terra-invalid"},displayName:"TerraCheckbox"}),T=a;export{T as a};

package/dist/chunks/chunk.ECXCY3XX.js

@@ -0,0 +1,12 @@
+function r(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components` and `anywidget` packages.\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.199" "anywidget==0.9.15"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render the subsetter"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraDataSubsetter
+subsetter = TerraDataSubsetter()
+
+${e.collectionEntryId?`subsetter.collectionEntryId = '${e.collectionEntryId}'
+`:""}${e.jobId?`subsetter.jobId = '${e.jobId}'
+`:""}${e.environment?`subsetter.environment = '${e.environment}'`:""}
+subsetter`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Download the files
+`,`
+`,"Once the subset job completes, you can download the files:"]},{id:"870c1384-e706-48ee-ba07-fd552a949868",cell_type:"code",source:"subsetter.job['links']",metadata:{trusted:!0},outputs:[],execution_count:null}]}export{r as a};

package/dist/chunks/chunk.EFQ4VOA6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YA5FFFLQ.js";var t=e;e.define("terra-popup");export{t as a};