@nasa-terra/components 0.0.193 → 0.0.194

package/dist/chunks/chunk.OUXNGODQ.js

@@ -0,0 +1,55 @@
+import{a as b}from"./chunk.Q3RQ2KGF.js";import{a as C}from"./chunk.X5OPH5X7.js";import{b as p,c as v,d as y,e as g}from"./chunk.UTJA3S5Z.js";import{a as m}from"./chunk.6PEAAW4E.js";import{a as h}from"./chunk.J5Q4TWEG.js";import{a as u,b as f}from"./chunk.AXHBILJ4.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as E}from"lit/directives/class-map.js";import{html as V}from"lit";import{property as n,query as M,state as k}from"lit/decorators.js";var i=class extends f{constructor(){super(...arguments);this.formControlController=new p(this);this.hasSlotController=new m(this,"help-text","label");this.customValidityMessage="";this.errorMessage="";this.defaultValue="";this.label="";this.helpText="";this.name="option";this.value="";this.size="medium";this.form="";this.required=!1}get validity(){let e=this.required&&!this.value;return this.customValidityMessage!==""?g:e?y:v}get validationMessage(){let e=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:e?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("terra-radio")]}handleRadioClick(e){let t=e.target.closest("terra-radio"),o=this.getAllRadios(),r=this.value;!t||t.disabled||(this.value=t.value,o.forEach(a=>a.checked=a===t),this.value!==r&&(this.emit("terra-change"),this.emit("terra-input")))}handleKeyDown(e){var c;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key))return;let t=this.getAllRadios().filter(d=>!d.disabled),o=(c=t.find(d=>d.checked))!=null?c:t[0],r=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,a=this.value,s=t.indexOf(o)+r;s<0&&(s=t.length-1),s>t.length-1&&(s=0),this.getAllRadios().forEach(d=>{d.checked=!1}),this.value=t[s].value,t[s].checked=!0,t[s].focus(),this.value!==a&&(this.emit("terra-change"),this.emit("terra-input")),e.preventDefault()}handleLabelClick(){this.focus()}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}async syncRadioElements(){let e=this.getAllRadios();await Promise.all(e.map(async t=>{await t.updateComplete,t.checked=t.value===this.value,t.size=this.size})),e.forEach(t=>{t.name=this.name})}syncRadios(){this.getAllRadios().forEach(t=>{t.name=this.name}),customElements.get("terra-radio")?this.syncRadioElements():customElements.whenDefined("terra-radio").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(t=>t.checked=t.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleNameChange(){this.getAllRadios().forEach(t=>{t.name=this.name})}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let e=this.required&&!this.value,t=this.customValidityMessage!=="";return e||t?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let e=this.validity.valid;return this.errorMessage=this.customValidityMessage||e?"":this.validationInput.validationMessage,this.formControlController.setValidity(e),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),e||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),e}setCustomValidity(e=""){this.customValidityMessage=e,this.errorMessage=e,this.validationInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){let t=this.getAllRadios(),o=t.find(s=>s.checked),r=t.find(s=>!s.disabled),a=o||r;a&&a.focus(e)}render(){let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("help-text"),o=this.label?!0:!!e,r=this.helpText?!0:!!t,a=V`
+            <slot
+                @slotchange=${this.syncRadios}
+                @click=${this.handleRadioClick}
+                @keydown=${this.handleKeyDown}
+            ></slot>
+        `;return V`
+            <fieldset
+                part="form-control"
+                class=${E({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--radio-group":!0,"form-control--has-label":o,"form-control--has-help-text":r})}
+                role="radiogroup"
+                aria-labelledby="label"
+                aria-describedby="help-text"
+                aria-errormessage="error-message"
+            >
+                <label
+                    part="form-control-label"
+                    id="label"
+                    class="form-control__label"
+                    aria-hidden=${o?"false":"true"}
+                    @click=${this.handleLabelClick}
+                >
+                    <slot name="label">${this.label}</slot>
+                </label>
+
+                <div part="form-control-input" class="form-control-input">
+                    <div class="visually-hidden">
+                        <div id="error-message" aria-live="assertive">
+                            ${this.errorMessage}
+                        </div>
+                        <label class="radio-group__validation">
+                            <input
+                                type="text"
+                                class="radio-group__validation-input"
+                                ?required=${this.required}
+                                tabindex="-1"
+                                hidden
+                                @invalid=${this.handleInvalid}
+                            />
+                        </label>
+                    </div>
+
+                    ${a}
+                </div>
+
+                <div
+                    part="form-control-help-text"
+                    id="help-text"
+                    class="form-control__help-text"
+                    aria-hidden=${r?"false":"true"}
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </fieldset>
+        `}};i.styles=[u,C,b],l([M("slot:not([name])")],i.prototype,"defaultSlot",2),l([M(".radio-group__validation-input")],i.prototype,"validationInput",2),l([k()],i.prototype,"errorMessage",2),l([k()],i.prototype,"defaultValue",2),l([n()],i.prototype,"label",2),l([n({attribute:"help-text"})],i.prototype,"helpText",2),l([n()],i.prototype,"name",2),l([n({reflect:!0})],i.prototype,"value",2),l([n({reflect:!0})],i.prototype,"size",2),l([n({reflect:!0})],i.prototype,"form",2),l([n({type:Boolean,reflect:!0})],i.prototype,"required",2),l([h("name",{waitUntilFirstUpdate:!0})],i.prototype,"handleNameChange",1),l([h("size",{waitUntilFirstUpdate:!0})],i.prototype,"handleSizeChange",1),l([h("value")],i.prototype,"handleValueChange",1);export{i as a};

package/dist/chunks/chunk.OYBESMEM.js

@@ -0,0 +1,55 @@
+import{a as c}from"./chunk.T2FIFNZX.js";import{a as m}from"./chunk.URTV3MIW.js";import{a as p}from"./chunk.X5OPH5X7.js";import{b as u}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as h,b as d}from"./chunk.AXHBILJ4.js";import{e}from"./chunk.INFVQQSJ.js";import{property as l,query as y,state as v}from"lit/decorators.js";import{classMap as f}from"lit/directives/class-map.js";import{html as i}from"lit";import{ifDefined as o}from"lit/directives/if-defined.js";import{live as C}from"lit/directives/live.js";var t=class extends d{constructor(){super(...arguments);this.formControlController=new u(this,{value:r=>r.value,defaultValue:r=>r.defaultValue,setValue:(r,a)=>r.value=a});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.name="";this.value="";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.label="";this.hideLabel=!1;this.helpText="";this.resize="vertical";this.defaultValue="";this.form=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-input")}handleChange(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.emit("terra-blur")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}checkValidity(){return this.textarea.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.textarea.reportValidity()}setCustomValidity(r){this.textarea.setCustomValidity(r),this.formControlController.updateValidity()}focus(r){this.textarea.focus(r)}blur(){this.textarea.blur()}select(){this.textarea.select()}setSelectionRange(r,a,b="none"){this.textarea.setSelectionRange(r,a,b)}render(){let r=this.hasSlotController.test("help-text"),a=this.helpText?!0:!!r;return i`
+            <div
+                class=${f({"form-control":!0,"form-control--has-help-text":a})}
+            >
+                ${this.label?i`
+                          <label
+                              for="textarea"
+                              part="form-control-label"
+                              class=${this.hideLabel?"textarea__label textarea__label--hidden":"textarea__label"}
+                          >
+                              ${this.label}
+                              ${this.required?i`<span class="textarea__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div
+                    part="base"
+                    class=${f({textarea:!0,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--resize-none":this.resize==="none","textarea--resize-both":this.resize==="both","textarea--resize-horizontal":this.resize==="horizontal","textarea--resize-vertical":this.resize==="vertical"})}
+                >
+                    <textarea
+                        part="textarea"
+                        id="textarea"
+                        class="textarea__control"
+                        name=${o(this.name||void 0)}
+                        ?disabled=${this.disabled}
+                        ?readonly=${this.readonly}
+                        ?required=${this.required}
+                        placeholder=${o(this.placeholder||void 0)}
+                        minlength=${o(this.minlength)}
+                        maxlength=${o(this.maxlength)}
+                        rows=${o(this.rows)}
+                        cols=${o(this.cols)}
+                        .value=${C(this.value)}
+                        autocomplete=${o(this.autocomplete)}
+                        aria-describedby="help-text"
+                        @input=${this.handleInput}
+                        @change=${this.handleChange}
+                        @invalid=${this.handleInvalid}
+                        @focus=${this.handleFocus}
+                        @blur=${this.handleBlur}
+                    ></textarea>
+                </div>
+
+                <div
+                    aria-hidden=${a?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};t.styles=[h,p,c],e([y(".textarea__control")],t.prototype,"textarea",2),e([v()],t.prototype,"hasFocus",2),e([l()],t.prototype,"name",2),e([l()],t.prototype,"value",2),e([l()],t.prototype,"placeholder",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([l({type:Boolean,reflect:!0})],t.prototype,"required",2),e([l()],t.prototype,"autocomplete",2),e([l({type:Number})],t.prototype,"minlength",2),e([l({type:Number})],t.prototype,"maxlength",2),e([l({type:Number})],t.prototype,"rows",2),e([l({type:Number})],t.prototype,"cols",2),e([l()],t.prototype,"label",2),e([l({attribute:"hide-label",type:Boolean})],t.prototype,"hideLabel",2),e([l({attribute:"help-text"})],t.prototype,"helpText",2),e([l({reflect:!0})],t.prototype,"resize",2),e([m("value")],t.prototype,"defaultValue",2),e([l({reflect:!0})],t.prototype,"form",2),e([n("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/dist/chunks/chunk.OZGKOS7X.js

@@ -0,0 +1,38 @@
+import{a as b}from"./chunk.WAYKA4GY.js";import{a as S}from"./chunk.P6ZQBWYA.js";import{a as y}from"./chunk.QDFHF7LY.js";import{b as f,c as B}from"./chunk.3OKIF2KP.js";import{a as g}from"./chunk.BF5VMLO3.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as p,b as w}from"./chunk.AXHBILJ4.js";import{e as t,f as a,g as d,h as m}from"./chunk.INFVQQSJ.js";import{html as h,nothing as u}from"lit";import{property as i,query as C,state as v}from"lit/decorators.js";import{cache as x}from"lit/directives/cache.js";import{map as P}from"lit/directives/map.js";var n,o=class extends y(w){constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!1;this.showMouseCoordinates=!1;this.hasShapeSelector=!1;this.showGraticule=!1;this.showBoundingBoxSelection=!1;this.showPointSelection=!1;this.showPolygonSelection=!1;this.showCircleSelection=!1;this.staticMode=!1;this.noWorldWrap=!1;this.spatialConstraints="-180, -90, 180, 90";this.fitToValue=!1;this.cursorCoordinates=[0,0];this.shapeLoading=!1;d(this,n,void 0);this.shapesQuery=new g(this,()=>f())}zoomChanged(){var e;(e=a(this,n))==null||e.setZoom(this.zoom)}set hasCoordTracker(e){console.warn('The "has-coord-tracker" property is deprecated. Please use "show-mouse-coordinates" instead.'),this.showMouseCoordinates=e}get hasCoordTracker(){return this.showMouseCoordinates}showGraticuleChanged(){var e;(e=a(this,n))==null||e.toggleLayerVisibility("graticule",this.showGraticule)}set hideBoundingBoxSelection(e){console.warn('The "hide-bounding-box-selection" property is deprecated. Please use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!e}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(e){console.warn('The "hide-point-selection" property is deprecated. Please use "show-point-selection" instead.'),this.showPointSelection=!e}get hidePointSelection(){return!this.showPointSelection}drawButtonSelectionChanged(){var e;(e=a(this,n))==null||e.updateDrawToolbarVisibility({showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection})}valueChanged(e,c){var s;(s=a(this,n))==null||s.setValue(c)}async firstUpdated(){m(this,n,new b(this.mapElement,{zoom:this.zoom,minZoom:this.minZoom,maxZoom:this.maxZoom,showGraticule:this.showGraticule,showBoundingBoxSelection:this.showBoundingBoxSelection,showPointSelection:this.showPointSelection,showPolygonSelection:this.showPolygonSelection,showCircleSelection:this.showCircleSelection,noWorldWrap:this.noWorldWrap,value:this.value,fitToValue:this.fitToValue,getGeoJson:e=>this.queryClient.fetchQuery(B(e)),onMouseMove:e=>{this.cursorCoordinates=e},onDraw:e=>{this.emit("terra-map-change",{detail:e})},onShapeLoading:e=>{this.shapeLoading=e}}))}selectTemplate(){var c;let e=(c=this.shapesQuery.result)==null?void 0:c.data;return h`
+            <select
+                class="map__select form-control"
+                @change=${s=>{var l;return(l=a(this,n))==null?void 0:l.handleShapeSelect(s)}}
+            >
+                <option value="">Select a Shape...</option>
+
+                ${x(P(e!=null?e:void 0,s=>h`<optgroup label="${s.title}">
+                            ${s.shapes.map(l=>h`
+                                    <option
+                                        value="${l.shapefileID}/${l.shapeID}"
+                                    >
+                                        ${l.name}
+                                    </option>
+                                `)}
+                        </optgroup> `))}
+            </select>
+        `}render(){return h`
+            ${this.hasShapeSelector?this.selectTemplate():u}
+            <div part="map" class=${`map ${this.staticMode?"static":""}`}>
+                ${this.showMouseCoordinates?h`
+                          <div id="mouse-info">
+                              <div>
+                                  <strong
+                                      >lat: ${this.cursorCoordinates[1].toFixed(2)},
+                                      lng:
+                                      ${this.cursorCoordinates[0].toFixed(2)}</strong
+                                  >
+                              </div>
+                          </div>
+                      `:u}
+                ${this.shapeLoading?h`
+                          <div class="map__loading-overlay">
+                              <div class="map__spinner"></div>
+                          </div>
+                      `:u}
+            </div>
+        `}};n=new WeakMap,o.styles=[p,S],t([i({attribute:"min-zoom",type:Number})],o.prototype,"minZoom",2),t([i({attribute:"max-zoom",type:Number})],o.prototype,"maxZoom",2),t([i({type:Number})],o.prototype,"zoom",2),t([r("zoom")],o.prototype,"zoomChanged",1),t([i({attribute:"has-navigation",type:Boolean})],o.prototype,"hasNavigation",2),t([i({attribute:"show-mouse-coordinates",type:Boolean})],o.prototype,"showMouseCoordinates",2),t([i({attribute:"has-coord-tracker",type:Boolean})],o.prototype,"hasCoordTracker",1),t([i({attribute:"has-shape-selector",type:Boolean})],o.prototype,"hasShapeSelector",2),t([i({attribute:"show-graticule",type:Boolean})],o.prototype,"showGraticule",2),t([r("showGraticule")],o.prototype,"showGraticuleChanged",1),t([i({attribute:"show-bounding-box-selection",type:Boolean})],o.prototype,"showBoundingBoxSelection",2),t([i({attribute:"hide-bounding-box-selection",type:Boolean})],o.prototype,"hideBoundingBoxSelection",1),t([i({attribute:"show-point-selection",type:Boolean})],o.prototype,"showPointSelection",2),t([i({attribute:"hide-point-selection",type:Boolean})],o.prototype,"hidePointSelection",1),t([i({attribute:"show-polygon-selection",type:Boolean})],o.prototype,"showPolygonSelection",2),t([i({attribute:"show-circle-selection",type:Boolean})],o.prototype,"showCircleSelection",2),t([i({type:Boolean})],o.prototype,"staticMode",2),t([i({attribute:"no-world-wrap",type:Boolean})],o.prototype,"noWorldWrap",2),t([i({attribute:"spatial-constraints"})],o.prototype,"spatialConstraints",2),t([i({type:String})],o.prototype,"value",2),t([i({type:Boolean,attribute:"fit-to-feature"})],o.prototype,"fitToValue",2),t([C('[part="map"]')],o.prototype,"mapElement",2),t([v()],o.prototype,"cursorCoordinates",2),t([v()],o.prototype,"shapeLoading",2),t([r(["showBoundingBoxSelection","showPointSelection","showPolygonSelection","showCircleSelection"])],o.prototype,"drawButtonSelectionChanged",1),t([r("value")],o.prototype,"valueChanged",1);export{o as a};

package/dist/chunks/chunk.OZHGY63Y.js

@@ -0,0 +1,113 @@
+import{a as r}from"./chunk.3HLTQ7HX.js";import{a as f}from"./chunk.Y4QBAUPW.js";import{a as m}from"./chunk.OZGKOS7X.js";import{a as d}from"./chunk.IZZFNAC5.js";import{a as c}from"./chunk.CHAY5OT7.js";import{a as g}from"./chunk.2FH6MYZZ.js";import{a as h,b as u}from"./chunk.AXHBILJ4.js";import{e as a}from"./chunk.INFVQQSJ.js";import{html as l,nothing as p}from"lit";import{property as s,query as w,state as b}from"lit/decorators.js";import{createRef as _,ref as y}from"lit/directives/ref.js";var i=class extends u{constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!0;this.hasCoordTracker=!0;this.hasShapeSelector=!1;this.showBoundingBoxSelection=!0;this.showPolygonSelection=!1;this.showPointSelection=!0;this.initialValue="";this.hideLabel=!1;this.label="Select Region";this.spatialConstraints="-180, -90, 180, 90";this.isExpanded=!1;this.worldWrap=!1;this.inline=!1;this.showMapOnFocus=!1;this.urlState=!1;this.helpText="";this.showClose=!1;this.error="";this.dropdownRef=_()}set hideBoundingBoxSelection(t){console.warn('"hide-bounding-box-selection" is deprecated. Use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!t}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(t){console.warn('"hide-point-selection" is deprecated. Use "show-point-selection" instead.'),this.showPointSelection=!t}get hidePointSelection(){return!this.showPointSelection}get _allowedTypes(){return{allowPoint:this.showPointSelection,allowBbox:this.showBoundingBoxSelection}}firstUpdated(){let e=new URLSearchParams(window.location.search).get("spatial"),o=this.urlState&&e?e:this.initialValue;o&&(typeof o=="string"?this._applyValue(o,{emit:!1}):this._commit(r.serialize(o),o))}setValue(t){this._applyValue(t,{emit:!0})}clear(){this._clearValue()}open(){var t;this.inline||(t=this.dropdownRef.value)==null||t.show()}close(){var t;this.inline||(t=this.dropdownRef.value)==null||t.hide()}setOpen(t){t?this.open():this.close()}_input(){var t;this.error="",(t=this.terraInput)==null||t.setCustomValidity("")}_change(){var e,o;this._input();let t=(o=(e=this.terraInput)==null?void 0:e.value)!=null?o:"";if(!t.trim()){this._clearValue();return}this._validateAndCommit(t)}_keydown(t){var e,o,n;if(t.key===" "){t.stopPropagation();return}t.key==="Enter"&&(t.preventDefault(),this._validateAndCommit((o=(e=this.terraInput)==null?void 0:e.value)!=null?o:""),(n=this.terraInput)==null||n.blur())}_blur(){var t,e;this._validateAndCommit((e=(t=this.terraInput)==null?void 0:t.value)!=null?e:"")}_focus(){var t;this.showMapOnFocus&&!this.inline&&((t=this.dropdownRef.value)==null||t.show())}_click(t){t.stopPropagation(),this.inline||(this.isExpanded?this.close():this.open())}_handleMapChange(t){let e=t.detail;if(e.cause==="clear"){this._clearValue();return}if(e.cause!=="draw")return;let o;if(e.type==="bbox"&&e.bounds)o=e.bounds;else if(e.type==="point"&&e.latLng)o=e.latLng;else{this.emit("terra-map-change",{detail:e});return}let n=r.validateConstraints(o,this.spatialConstraints);if(n){this.error=n,this.mapValue=void 0;return}let v=r.serialize(o);this._commit(v,o)}handleDropdownShow(){this.isExpanded=!0}handleDropdownHide(){this.isExpanded=!1}_validateAndCommit(t){var o;if(!t.trim()){this._clearValue();return}let e=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!e.ok){this.error=e.error,(o=this.terraInput)==null||o.setCustomValidity(e.error);return}this._commit(e.serialized,e.value)}_applyValue(t,{emit:e}){if(typeof t!="string"){let n=r.serialize(t);this.error="",this.mapValue=n,this.terraInput&&(this.terraInput.value=n),e&&this._emitChange(t),this._updateURLParam(n);return}let o=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!o.ok){this.error=o.error;return}this.error="",this.mapValue=o.serialized,this.terraInput&&(this.terraInput.value=o.serialized),e&&this._emitChange(o.value),this._updateURLParam(o.serialized)}_commit(t,e){var o;this.error="",(o=this.terraInput)==null||o.setCustomValidity(""),this.mapValue=t,this.terraInput&&(this.terraInput.value=t),this.initialValue=t,this._updateURLParam(t),this._emitChange(e)}_clearValue(){var t;this.error="",this.mapValue=void 0,(t=this.terraInput)==null||t.setCustomValidity(""),this.terraInput&&(this.terraInput.value=""),this._updateURLParam(null)}_emitChange(t){t instanceof d?this.emit("terra-map-change",{detail:{cause:"draw",type:"point",latLng:t}}):this.emit("terra-map-change",{detail:{cause:"draw",type:"bbox",bounds:t}})}_updateURLParam(t){if(!this.urlState)return;let e=new URL(window.location.href);t?e.searchParams.set("spatial",t):e.searchParams.delete("spatial"),window.history.replaceState({},"",e.toString())}renderMap(){return l`<terra-map
+            class="${this.inline?"inline":""}"
+            exportparts="map"
+            min-zoom=${this.minZoom}
+            max-zoom=${this.maxZoom}
+            zoom=${this.zoom}
+            ?show-mouse-coordinates=${this.hasCoordTracker}
+            .value=${this.mapValue}
+            ?has-navigation=${this.hasNavigation}
+            ?has-shape-selector=${this.hasShapeSelector}
+            ?show-bounding-box-selection=${this.showBoundingBoxSelection}
+            ?show-polygon-selection=${this.showPolygonSelection}
+            ?show-point-selection=${this.showPointSelection}
+            ?no-world-wrap=${!this.worldWrap}
+            spatial-constraints=${this.spatialConstraints}
+            @terra-map-change=${this._handleMapChange}
+        ></terra-map>`}_inputTemplate(t){return l`<terra-input
+            slot=${t!=null?t:p}
+            .label=${this.label}
+            .hideLabel=${this.hideLabel}
+            .value=${r.serialize(this.initialValue)}
+            placeholder="${this.spatialConstraints}"
+            aria-controls="map"
+            aria-expanded=${this.inline?!0:this.isExpanded}
+            @terra-input=${this._input}
+            @terra-change=${this._change}
+            @terra-blur=${this._blur}
+            @terra-focus=${this._focus}
+            @keydown=${this._keydown}
+            @click=${e=>{e.stopPropagation(),this._click(e)}}
+            name="spatial"
+            .helpText=${this.helpText}
+        >
+            <div slot="suffix" class="spatial-picker__suffix-icons">
+                ${this.mapValue?l`<button
+                          type="button"
+                          class="spatial-picker__clear-btn"
+                          aria-label="Clear input"
+                          tabindex="-1"
+                          @click=${e=>{e.stopPropagation(),this._clearValue()}}
+                      >
+                          <svg
+                              xmlns="http://www.w3.org/2000/svg"
+                              viewBox="0 0 24 24"
+                              fill="currentColor"
+                          >
+                              <path
+                                  fill-rule="evenodd"
+                                  d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
+                                  clip-rule="evenodd"
+                              />
+                          </svg>
+                      </button>`:p}
+                <svg
+                    class="spatial-picker__input_icon"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke-width="1.5"
+                    stroke="currentColor"
+                    @click=${this._click}
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
+                    />
+                </svg>
+            </div>
+        </terra-input>`}render(){return this.inline?l`
+                <div class="spatial-picker">
+                    ${this._inputTemplate()}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container spatial-picker__map-container--inline"
+                    >
+                        ${this.renderMap()}
+                    </div>
+                    ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
+                </div>
+            `:l`
+            <div class="spatial-picker">
+                <terra-dropdown
+                    ${y(this.dropdownRef)}
+                    placement="bottom-start"
+                    distance="4"
+                    @terra-show=${this.handleDropdownShow}
+                    @terra-hide=${this.handleDropdownHide}
+                    hoist
+                >
+                    ${this._inputTemplate("trigger")}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container"
+                        @click=${t=>t.stopPropagation()}
+                    >
+                        ${this.showClose?l`
+                                  <div class="dropdown-header">
+                                      <button
+                                          class="spatial-picker__close-btn"
+                                          @click=${t=>{t.stopPropagation(),this.close()}}
+                                          aria-label="Close"
+                                      >
+                                          ✕
+                                      </button>
+                                  </div>
+                              `:p}
+                        ${this.renderMap()}
+                    </div>
+                </terra-dropdown>
+                ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
+            </div>
+        `}};i.styles=[h,f],i.dependencies={"terra-map":m,"terra-input":g,"terra-dropdown":c},a([s({attribute:"min-zoom",type:Number})],i.prototype,"minZoom",2),a([s({attribute:"max-zoom",type:Number})],i.prototype,"maxZoom",2),a([s({type:Number})],i.prototype,"zoom",2),a([s({attribute:"has-navigation",type:Boolean})],i.prototype,"hasNavigation",2),a([s({attribute:"has-coord-tracker",type:Boolean})],i.prototype,"hasCoordTracker",2),a([s({attribute:"has-shape-selector",type:Boolean})],i.prototype,"hasShapeSelector",2),a([s({attribute:"show-bounding-box-selection",type:Boolean})],i.prototype,"showBoundingBoxSelection",2),a([s({attribute:"show-polygon-selection",type:Boolean})],i.prototype,"showPolygonSelection",2),a([s({attribute:"hide-bounding-box-selection",type:Boolean})],i.prototype,"hideBoundingBoxSelection",1),a([s({attribute:"show-point-selection",type:Boolean})],i.prototype,"showPointSelection",2),a([s({attribute:"hide-point-selection",type:Boolean})],i.prototype,"hidePointSelection",1),a([s({attribute:"initial-value"})],i.prototype,"initialValue",2),a([s({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),a([s()],i.prototype,"label",2),a([s({attribute:"spatial-constraints"})],i.prototype,"spatialConstraints",2),a([s({attribute:"is-expanded",type:Boolean,reflect:!0})],i.prototype,"isExpanded",2),a([s({attribute:"world-wrap",type:Boolean})],i.prototype,"worldWrap",2),a([s({type:Boolean})],i.prototype,"inline",2),a([s({attribute:"show-map-on-focus",type:Boolean})],i.prototype,"showMapOnFocus",2),a([s({attribute:"url-state",type:Boolean})],i.prototype,"urlState",2),a([s({attribute:"help-text"})],i.prototype,"helpText",2),a([s({attribute:"closable",type:Boolean})],i.prototype,"showClose",2),a([b()],i.prototype,"mapValue",2),a([b()],i.prototype,"error",2),a([w("terra-input")],i.prototype,"terraInput",2),a([w("terra-map")],i.prototype,"map",2);export{i as a};

package/dist/chunks/chunk.P7GHJ7JX.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.CHAY5OT7.js";var p=r;r.define("terra-dropdown");export{p as a};

package/dist/chunks/chunk.PLUPSVTL.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.GUF6ZBAS.js";var o=e;e.define("terra-stepper-step");export{o as a};

package/dist/chunks/chunk.POQML7RV.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.O33GZXIW.js";var o=r;r.define("terra-scroll-hint");export{o as a};

package/dist/chunks/chunk.PUPEOSOS.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YCOSKKGZ.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.PWWWIMDG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.CY5SBRKH.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-time-series";e.define("terra-time-series");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraTimeSeriesLoadingChange:"terra-time-series-loading-change",onTerraDateRangeChange:"terra-date-range-change",onTerraTimeSeriesDataChange:"terra-time-series-data-change",onTerraHarmonyJobStatusUpdate:"terra-harmony-job-status-update",onTerraTimeSeriesChunkProgressChange:"terra-time-series-chunk-progress-change"},displayName:"TerraTimeSeries"}),g=n;export{g as a};

package/dist/chunks/chunk.Q2AK6YWC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.A4TVOKKY.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.QASYGJ27.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WMQPWMUX.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.QBNYAZEC.js

@@ -0,0 +1,5 @@
+import{a as r}from"./chunk.XJS3MPKP.js";import{a as l,b as o}from"./chunk.AXHBILJ4.js";import{e}from"./chunk.INFVQQSJ.js";import{property as a}from"lit/decorators.js";import{html as i}from"lit";var t=class extends o{constructor(){super(...arguments);this.ariaLabel="Breadcrumb";this.theme="light"}render(){return i`
+            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
+                <slot></slot>
+            </nav>
+        `}};t.styles=[l,r],e([a({attribute:"aria-label"})],t.prototype,"ariaLabel",2),e([a({reflect:!0})],t.prototype,"theme",2);export{t as a};

package/dist/chunks/chunk.QGXUQL5S.js

@@ -0,0 +1 @@
+import{isValid as g}from"date-fns";function U(e){let n=e instanceof Date?e.getTime():Date.parse(String(e));return!Number.isNaN(n)&&g(n)}function c(e,n=!1){let t;return e instanceof Date?t=new Date(e.getTime()):typeof e=="string"?t=new Date(e):typeof e=="number"?t=new Date(e):t=new Date,n&&t.setUTCHours(23,59,59,999),t}function r(e){return String(e).padStart(2,"0")}function u(e){return String(e).padStart(4,"0")}function f(e,n){let t={yyyy:u(e.getUTCFullYear()),MM:r(e.getUTCMonth()+1),dd:r(e.getUTCDate()),HH:r(e.getUTCHours()),mm:r(e.getUTCMinutes())};return n.replace(/yyyy|MM|dd|HH|mm/g,a=>t[a])}function m(e,n){let t;return e instanceof Date?t=e:typeof e=="string"?t=new Date(e):typeof e=="number"?t=new Date(e):t=new Date,f(t,n||"yyyy-MM-dd")}function p(e,n,t,a){let o=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),D=new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate())),i=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate(),23,59,59,999)),s=new Date(Date.UTC(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate(),23,59,59,999));return o>=D&&i<=s}export{U as a,c as b,m as c,p as d};

package/dist/chunks/chunk.QHJOOSNB.js

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

package/dist/chunks/chunk.QHOKD4JQ.js

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

package/dist/chunks/chunk.QJFTPHPW.js

@@ -0,0 +1,30 @@
+import{a as l}from"./chunk.BSMNZP56.js";import{a}from"./chunk.DWUSSCJJ.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o,b as i}from"./chunk.AXHBILJ4.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as m}from"lit/decorators.js";import{html as e}from"lit";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new s(this,"title","center","right");this.siteName=""}render(){let n=this.hasSlotController.test("title"),h=this.hasSlotController.test("right");return e`
+            <header part="base" class="site-header">
+                <div class="site-header__left">
+                    <div part="logo" class="site-header__logo">
+                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    </div>
+                    <div part="title" class="site-header__title">
+                        ${n?e`<slot name="title"></slot>`:e`<span>${this.siteName}</span>`}
+                    </div>
+                </div>
+                <div part="center" class="site-header__center">
+                    <slot name="center"></slot>
+                </div>
+                <div part="right" class="site-header__right">
+                    ${h?e`<slot name="right"></slot>`:e`
+                              <button
+                                  class="site-header__search"
+                                  type="button"
+                                  title="Search"
+                                  aria-label="Search"
+                              >
+                                  <terra-icon
+                                      name="magnifying-glass"
+                                      library="heroicons"
+                                  ></terra-icon>
+                              </button>
+                          `}
+                </div>
+            </header>
+        `}};t.styles=[o,l],t.dependencies={"terra-icon":a},r([m({attribute:"site-name"})],t.prototype,"siteName",2);export{t as a};

package/dist/chunks/chunk.QNDVROWC.js

@@ -0,0 +1,100 @@
+import{a as R}from"./chunk.Z2P5VVB5.js";import{a as J}from"./chunk.SLP6CFPP.js";import{a as L}from"./chunk.UZT5IB54.js";import{a as $}from"./chunk.VT3U2SB7.js";import{g as I}from"./chunk.4ZVIPOSQ.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as k}from"./chunk.BF5VMLO3.js";import{a as E}from"./chunk.DWUSSCJJ.js";import{a as b,b as C}from"./chunk.AXHBILJ4.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as y,query as S,state as u}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var p,q,m,N,g,D,h,v,r=class extends w(C){constructor(){super(...arguments);c(this,p);c(this,m);c(this,g);c(this,h);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;this.jobsQuery=new k(this,()=>I({page:1},{bearerToken:this.bearerToken}));this._authController=new $(this)}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e;let s=(e=this.jobsQuery.result)==null?void 0:e.data,i=s&&s.jobs.length>0;return i?a`
+            <div class="${this.collapsed?"collapsed":""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${i?a`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${t=>{this.hideCancelled=t.target.checked}}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          `:A}
+
+                    <div class="history-list">
+                        ${s?i?n(this,p,q).call(this,s):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${t=>{var l;t.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(l=this.dialog)==null||l.show()}}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>`:a`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `:A}};p=new WeakSet,q=function(s){let i=s.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let t="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?t="#28a745":e.status==="failed"?t="#dc3545":e.status==="canceled"&&(t="#ffc107");let l=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,d=e.status==="failed"||e.status==="canceled"?100:e.progress,f=n(this,h,v).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${n(this,g,D).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${n(this,m,N).call(this,e,f)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${d}%; background-color: ${t}"
+                        >
+                            ${l}
+                        </div>
+                    </div>
+                </div>
+            `}):a`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${e=>{var t;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(t=this.dialog)==null||t.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},m=new WeakSet,N=function(s,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:s.jobID}
+                </div>
+                <div>${new Date(s.createdAt).toLocaleString()}</div>
+            </div>
+        `},g=new WeakSet,D=function(s){var e;let i=n(this,h,v).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,v=function(s){try{return Object.fromEntries(s.map(i=>{let[e,...t]=i.split(":"),l=t.join(":").trim(),d=l;if(l.startsWith("{")||l.startsWith("["))try{d=JSON.parse(l)}catch(f){d=l}return[e.trim(),d]}))}catch(i){return{}}},r.dependencies={"terra-icon":E,"terra-data-subsetter":J,"terra-dialog":L},r.styles=[b,R],o([y()],r.prototype,"label",2),o([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),o([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),o([u()],r.prototype,"collapsed",2),o([u()],r.prototype,"selectedJob",2),o([u()],r.prototype,"selectedCollectionEntryId",2),o([u()],r.prototype,"hideCancelled",2),o([S('[part~="dialog"]')],r.prototype,"dialog",2),o([S('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.QQHOPHO5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.GUF6ZBAS.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.QUEQ5PKP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.UZT5IB54.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-dialog";e.define("terra-dialog");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraDialogShow:"terra-dialog-show",onTerraDialogAfterShow:"terra-dialog-after-show",onTerraDialogHide:"terra-dialog-hide",onTerraDialogAfterHide:"terra-dialog-after-hide",onTerraDialogInitialFocus:"terra-dialog-initial-focus",onTerraDialogRequestClose:"terra-dialog-request-close"},displayName:"TerraDialog"}),p=o;export{p as a};

package/dist/chunks/chunk.R45UUT4V.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7MYAWNRA.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.RBS4URTQ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.GTEDR4QW.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-tooltip";e.define("terra-tooltip");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraTooltip"}),i=a;export{i as a};

package/dist/chunks/chunk.RCEQNCD4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LMLDHGQC.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-banner";e.define("terra-banner");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraBanner"}),i=a;export{i as a};

package/dist/chunks/chunk.RF5XHFQ3.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.193" "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.RLKWWOLF.js

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

package/dist/chunks/chunk.RMUOTOM3.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.RNPNGSH7.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-select";e.define("terra-select");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraClear:"terra-clear",onTerraInput:"terra-input",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide",onTerraInvalid:"terra-invalid"},displayName:"TerraSelect"}),T=a;export{T as a};