@nasa-terra/components 0.0.198 → 0.0.199

package/dist/chunks/chunk.BQC5WG2F.js

@@ -1 +0,0 @@
-import{a as r}from"./chunk.AOIZBSP4.js";var u=r;r.define("terra-button-group");export{u as a};

package/dist/chunks/chunk.BS64IZTS.js

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

package/dist/chunks/chunk.BXVCOWUZ.js

@@ -1,122 +0,0 @@
-import{a as R}from"./chunk.AXF5M76D.js";import{a as U}from"./chunk.2FKZOYDM.js";import{a as J,b as f}from"./chunk.E5WOJ3PK.js";import{a as B}from"./chunk.JOM4G2YE.js";import{c as g,g as _,k as I}from"./chunk.7XLMISB3.js";import{a as E}from"./chunk.QDFHF7LY.js";import{a as D}from"./chunk.YKXFFCAA.js";import{c as v}from"./chunk.QGXUQL5S.js";import{a as $}from"./chunk.BF5VMLO3.js";import{a as M}from"./chunk.VB25KRVB.js";import{a as k,b as x,c as L}from"./chunk.MCGELDAA.js";import{a as p,e as n}from"./chunk.INFVQQSJ.js";import{html as h,nothing as A}from"lit";import{property as c,query as Q,state as m}from"lit/decorators.js";var V=108;function W(b){if(!b)return"";let l=new Date(b);if(l.getUTCHours()!==0||l.getUTCMinutes()!==0||l.getUTCSeconds()!==0){let e=l.getUTCFullYear(),r=String(l.getUTCMonth()+1).padStart(2,"0"),i=String(l.getUTCDate()).padStart(2,"0"),a=String(l.getUTCHours()).padStart(2,"0"),o=String(l.getUTCMinutes()).padStart(2,"0");return`${e}-${r}-${i} ${a}:${o} UTC`}return v(l,"yyyy-MM-dd")}var s=class extends E(L){constructor(){super(...arguments);this.limit=20;this.removeLabelsOnDelete=!1;this._boundDataChangeHandler=()=>{clearTimeout(this._refreshPage1Timer),this._refreshPage1Timer=window.setTimeout(()=>{this._refreshPage1()},500)};this._scrollIndex=0;this._totalCount=0;this._loadedPages=new Map;this._pendingPages=new Set;this._authController=new B(this);this._removeLabelsOnDeleteMutation=new J(this,I());this.jobsQuery=new $(this,()=>_(p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken}))}get _visibleCount(){var e,r;let t=(r=(e=this._viewportEl)==null?void 0:e.clientWidth)!=null?r:400;return Math.max(1,Math.floor(t/V))}get _allJobs(){return Array.from({length:this._totalCount},(t,e)=>{var a,o;let r=Math.floor(e/this.limit)+1,i=e%this.limit;return(o=(a=this._loadedPages.get(r))==null?void 0:a[i])!=null?o:null})}connectedCallback(){super.connectedCallback(),typeof window!="undefined"&&(window.addEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.addEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}firstUpdated(){this._viewportEl&&typeof ResizeObserver!="undefined"&&(this._resizeObserver=new ResizeObserver(()=>{this._checkPagesInView()}),this._resizeObserver.observe(this._viewportEl))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._resizeObserver)==null||t.disconnect(),typeof window!="undefined"&&(window.removeEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.removeEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}updated(t){var r;super.updated(t);let e=(r=this.jobsQuery.result)==null?void 0:r.data;if(e&&e!==this._lastPage1Data){this._lastPage1Data=e,e.count!==this._totalCount&&(this._totalCount=e.count);let i=new Map(this._loadedPages);i.set(1,e.jobs),this._loadedPages=i,this._checkPagesInView()}}async _refreshPage1(){await this.queryClient.invalidateQueries({queryKey:["harmony","jobs",p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{})]})}async _fetchPage(t){if(this._loadedPages.has(t)||this._pendingPages.has(t))return;let e=new Set(this._pendingPages);e.add(t),this._pendingPages=e;try{let r=await this.queryClient.fetchQuery(_(p({page:t,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken})),i=new Map(this._loadedPages);i.set(t,r.jobs),this._loadedPages=i}finally{let r=new Set(this._pendingPages);r.delete(t),this._pendingPages=r}}_checkPagesInView(){if(!this.bearerToken)return;let t=Math.min(this._scrollIndex+this._visibleCount,this._totalCount),e=Math.floor(this._scrollIndex/this.limit)+1,r=Math.floor(Math.max(0,t-1)/this.limit)+1;for(let i=e;i<=r;i++)i!==1&&this._fetchPage(i)}_scrollLeft(){this._scrollIndex=Math.max(0,this._scrollIndex-1),this._checkPagesInView()}_scrollRight(){let t=Math.max(0,this._totalCount-this._visibleCount);this._scrollIndex=Math.min(t,this._scrollIndex+1),this._checkPagesInView()}_handleWheel(t){t.preventDefault(),t.deltaY>0?this._scrollRight():this._scrollLeft()}async refresh(){this._scrollIndex=0,this._loadedPages=new Map,this._pendingPages=new Set,this._totalCount=0,this._lastPage1Data=void 0,await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]})}_showTooltip(t,e){var d,w,y;if(clearTimeout(this._hideTooltipTimer),clearTimeout(this._showTooltipTimer),!this._tooltip)return;let r=e!==null&&!g.has(e.status),i=e!=null&&e.request?f.fromUrl(e.request):null,a=document.createElement("div");if(i){let T=i.getLabelByPrefix("instrument-short-name"),C=i.getLabelByPrefix("time-interval"),S=i.getLabelByPrefix("units"),P=i.getLabelByPrefix("collection"),u=[];T&&u.push(T),C&&u.push(C),S&&u.push(S),P&&u.push(P),a.style.lineHeight="1.3",a.style.fontSize="12px",a.style.padding="5px",a.innerHTML=`
-                <div class="font-weight-semibold tooltip-row">${(d=i.getLabelByPrefix("variable-display-name"))!=null?d:e==null?void 0:e.jobID}</div>
-                <div class="text-gray-300 mb-1 tooltip-row">${u.join(" \u2022 ")}</div>
-                ${i.options.startDate&&i.options.endDate?`
-                    <div class="text-gray-300 tooltip-row">
-                        <terra-icon library="heroicons" name="solid-calendar-date-range"></terra-icon> 
-                        ${W(i.options.startDate)} to ${W(i.options.endDate)}
-                    </div>
-                `:""}
-                <div class="text-gray-300 mb-1 tooltip-row">
-                    <terra-icon library="heroicons" name="solid-map"></terra-icon>
-                    ${(w=i.options.location)==null?void 0:w.toString()}
-                </div>
-                ${r?`<div class="text-gray-300 tooltip-row">Status: ${e==null?void 0:e.status}</div>`:`<div class="text-gray-300 tooltip-row">
-                        Last updated: ${v((y=i.getLabelByPrefix("updated-at"))!=null?y:new Date)}
-                        </div>`}
-                
-            `}a.slot="content";let o=t.currentTarget;this._tooltip.open?(this._tooltip.innerHTML="",this._tooltip.appendChild(a),this._tooltip.popup.anchor=o,this._tooltip.popup.reposition()):this._showTooltipTimer=window.setTimeout(()=>{this._tooltip&&(this._tooltip.innerHTML="",this._tooltip.appendChild(a),this._tooltip.popup.anchor=o,this._tooltip.show())},100)}_hideTooltip(){clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer),this._hideTooltipTimer=window.setTimeout(()=>{var t;(t=this._tooltip)==null||t.hide()},250)}_handleThumbnailClick(t){t&&this.emit("terra-harmony-job-select",{detail:{job:t}})}async _handleDeleteClick(t,e){var a;if(t.stopPropagation(),!window.confirm("Are you sure you want to delete this history item?"))return;let i=(a=this.filterByLabels)==null?void 0:a.split(",").map(o=>o.trim()).filter(Boolean);this._optimisticallyRemoveJob(e.jobID),this.removeLabelsOnDelete&&(i!=null&&i.length)?await this._removeLabelsOnDeleteMutation.mutate({jobIDs:[e.jobID],labels:i,options:{bearerToken:this.bearerToken}}):this.emit("terra-harmony-job-delete",{detail:{jobId:e.jobID}}),await this._refreshPage1()}_optimisticallyRemoveJob(t){let e=new Map(this._loadedPages);for(let[r,i]of e){let a=i.filter(o=>o.jobID!==t);a.length!==i.length&&(e.set(r,a),this._totalCount=Math.max(0,this._totalCount-1))}this._loadedPages=e}_renderThumbnail(t){var a,o;let e=t===null||!g.has(t.status),r=t!=null&&t.thumbnailBlob?URL.createObjectURL(t.thumbnailBlob):null,i=f.fromUrl((a=t==null?void 0:t.request)!=null?a:"");return h`
-            <div
-                part="thumbnail"
-                class="thumbnail"
-                @click=${()=>this._handleThumbnailClick(t)}
-                @mouseenter=${d=>this._showTooltip(d,t)}
-                @mouseleave=${this._hideTooltip}
-            >
-                <div class="thumbnail-inner">
-                    ${r?h`<img
-                              class="thumbnail-img"
-                              src=${r}
-                              alt=""
-                              aria-hidden="true"
-                          />`:h`<terra-icon
-                              library="heroicons"
-                              name=${i.getTerraIcon()}
-                              style="font-size: 1.5rem"
-                          ></terra-icon>`}
-                    ${e?h`<div class="loading-overlay">
-                              <terra-loader
-                                  indeterminate
-                                  variant="small"
-                              ></terra-loader>
-                          </div>`:A}
-                </div>
-                ${t?h`<button
-                          class="delete-button"
-                          aria-label="Delete job"
-                          ?disabled=${(o=this._removeLabelsOnDeleteMutation.result)==null?void 0:o.isPending}
-                          @click=${d=>this._handleDeleteClick(d,t)}
-                      >
-                          ×
-                      </button>`:A}
-            </div>
-        `}render(){var a;let t=this._allJobs,e=this._scrollIndex<=0,r=this._totalCount===0||this._scrollIndex>=this._totalCount-this._visibleCount,i=t.length===0&&((a=this.jobsQuery.result)==null?void 0:a.status)==="pending";return h`
-            <button
-                part="nav-button"
-                class="nav-button"
-                aria-label="Scroll left"
-                ?disabled=${e}
-                @click=${this._scrollLeft}
-            >
-                <svg
-                    width="16"
-                    height="16"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                    aria-hidden="true"
-                >
-                    <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        stroke-width="2"
-                        d="M15 19l-7-7 7-7"
-                    />
-                </svg>
-            </button>
-
-            <div part="viewport" class="viewport" @wheel=${this._handleWheel}>
-                <div
-                    part="track"
-                    class="track"
-                    style="transform: translateX(-${this._scrollIndex*V}px)"
-                >
-                    ${i?h`<div class="empty-state">
-                              <terra-loader indeterminate></terra-loader>
-                          </div>`:t.map(o=>this._renderThumbnail(o))}
-                </div>
-            </div>
-
-            <button
-                part="nav-button"
-                class="nav-button"
-                aria-label="Scroll right"
-                ?disabled=${r}
-                @click=${this._scrollRight}
-            >
-                <svg
-                    width="16"
-                    height="16"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                    aria-hidden="true"
-                >
-                    <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        stroke-width="2"
-                        d="M9 5l7 7-7 7"
-                    />
-                </svg>
-            </button>
-
-            <terra-tooltip
-                trigger="manual"
-                placement="top"
-                hoist
-                interactive
-                @mouseenter=${()=>{clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer)}}
-                @mouseleave=${this._hideTooltip}
-            ></terra-tooltip>
-        `}};s.styles=[k,U],s.dependencies={"terra-loader":D,"terra-tooltip":R,"terra-icon":M},n([c({attribute:"bearer-token",converter:x})],s.prototype,"bearerToken",2),n([c({type:Number})],s.prototype,"limit",2),n([c({attribute:"filter-by-labels"})],s.prototype,"filterByLabels",2),n([c({type:Boolean,attribute:"remove-labels-on-delete"})],s.prototype,"removeLabelsOnDelete",2),n([m()],s.prototype,"_scrollIndex",2),n([m()],s.prototype,"_totalCount",2),n([m()],s.prototype,"_loadedPages",2),n([m()],s.prototype,"_pendingPages",2),n([Q('[part="viewport"]')],s.prototype,"_viewportEl",2),n([Q("terra-tooltip")],s.prototype,"_tooltip",2);export{s as a};

package/dist/chunks/chunk.BYA3HDVE.js

@@ -1,154 +0,0 @@
-import{a as w}from"./chunk.GU22HZ7F.js";import{a as C}from"./chunk.URTV3MIW.js";import{a as _}from"./chunk.X5OPH5X7.js";import{b as g}from"./chunk.UTJA3S5Z.js";import{a as x}from"./chunk.VB25KRVB.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as v,c as y}from"./chunk.MCGELDAA.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as s,query as M,state as $}from"lit/decorators.js";import{classMap as V}from"lit/directives/class-map.js";import{html as o}from"lit";import{ifDefined as l}from"lit/directives/if-defined.js";import{live as k}from"lit/directives/live.js";var e=class extends y{constructor(){super(...arguments);this.formControlController=new g(this,{value:t=>t.value,defaultValue:t=>t.defaultValue,setValue:(t,a)=>t.value=a});this.hasSlotController=new b(this,"help-text","error","clear-icon","show-password-icon","hide-password-icon");this.hasFocus=!1;this.validationErrorMessage="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.title="";this.type="text";this.name="";this.value="";this.placeholder="";this.size="medium";this.filled=!1;this.pill=!1;this.disabled=!1;this.readonly=!1;this.required=!1;this.inputMode="text";this.label="";this.hideLabel=!1;this.helpText="";this.errorText="";this.clearable=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autofocus=!1;this.spellcheck=!0;this.defaultValue="";this.resettable=!1;this.form=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}get valueAsDate(){var t;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((t=this.input)==null?void 0:t.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){var t;return this.__numberInput.value=this.value,((t=this.input)==null?void 0:t.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-input")}handleChange(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(t){this.formControlController.setValidity(!1),this.updateValidationErrorMessage(),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-blur")}handleKeyDown(t){let a=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!a&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}updateValidationErrorMessage(){this.input?this.input.validity.valid?this.validationErrorMessage="":this.validationErrorMessage=this.input.validationMessage:this.validationErrorMessage=""}handleReset(t){t.preventDefault(),t.stopPropagation(),!(this.disabled||this.readonly)&&(this.value=this.defaultValue||"",this.input.value=this.value,this.formControlController.updateValidity(),this.emit("terra-change"),this.input.focus())}handleClearClick(t){t.preventDefault(),this.value!==""&&(this.value="",this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")),this.input.focus()}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input&&(this.input.step=String(this.step),this.formControlController.updateValidity())}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,a,r="none"){this.input.setSelectionRange(t,a,r)}setRangeText(t,a,r,n="preserve"){let d=a!=null?a:this.input.selectionStart,h=r!=null?r:this.input.selectionEnd;this.input.setRangeText(t,d,h,n),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}render(){let t=this.querySelector('[slot="prefix"]')!==null,a=this.querySelector('[slot="suffix"]')!==null,r=this.hasSlotController.test("help-text"),n=this.helpText?!0:!!r,d=this.hasSlotController.test("error"),h=this.hasAttribute("data-user-invalid"),u=h&&(this.errorText||d||this.validationErrorMessage),E=h&&(this.errorText||this.validationErrorMessage)||"",m=this.clearable&&!this.disabled&&!this.readonly,f=m&&(typeof this.value=="number"||this.value.length>0),c=this.resettable&&!this.clearable&&this.value!==""&&this.value!==this.defaultValue&&this.type!=="search",S=m||c||this.passwordToggle&&this.type==="password"||a;return o`
-            <div
-                part="form-control"
-                class=${V({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":n&&!u,"form-control--has-error-text":u})}
-            >
-                ${this.label?o`
-                          <label
-                              for="input"
-                              part="form-control-label"
-                              class=${this.hideLabel?"input__label input__label--hidden":"input__label"}
-                          >
-                              ${this.label}
-                              ${this.required?o`<span class="input__required-indicator"
-                                        >*</span
-                                    >`:""}
-                          </label>
-                      `:""}
-
-                <div part="form-control-input" class="form-control-input">
-                    <div
-                        part="base"
-                        class=${V({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons,"input--has-prefix":t,"input--has-suffix":S})}
-                    >
-                        ${t?o`
-                                  <span part="prefix" class="input__prefix">
-                                      <slot name="prefix"></slot>
-                                  </span>
-                              `:""}
-
-                        <input
-                            part="input"
-                            id="input"
-                            class="input__control"
-                            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
-                            title=${this.title}
-                            name=${l(this.name||void 0)}
-                            ?disabled=${this.disabled}
-                            ?readonly=${this.readonly}
-                            ?required=${this.required}
-                            placeholder=${l(this.placeholder||void 0)}
-                            minlength=${l(this.minlength)}
-                            maxlength=${l(this.maxlength)}
-                            min=${l(this.min)}
-                            max=${l(this.max)}
-                            step=${l(this.step)}
-                            .value=${k(this.value)}
-                            autocapitalize=${l(this.getAttribute("autocapitalize"))}
-                            autocomplete=${l(this.autocomplete)}
-                            autocorrect=${l(this.getAttribute("autocorrect"))}
-                            ?autofocus=${this.autofocus}
-                            spellcheck=${this.spellcheck}
-                            pattern=${l(this.pattern)}
-                            enterkeyhint=${l(this.enterkeyhint)}
-                            inputmode=${l(this.inputMode)}
-                            aria-describedby=${u?"error-text":n?"help-text":void 0}
-                            aria-invalid=${u?"true":void 0}
-                            @input=${this.handleInput}
-                            @change=${this.handleChange}
-                            @invalid=${this.handleInvalid}
-                            @focus=${this.handleFocus}
-                            @blur=${this.handleBlur}
-                            @keydown=${this.handleKeyDown}
-                        />
-
-                        ${f?o`
-                                  <button
-                                      part="clear-button"
-                                      class="input__clear"
-                                      type="button"
-                                      aria-label="Clear input"
-                                      @click=${this.handleClearClick}
-                                      tabindex="-1"
-                                  >
-                                      <slot name="clear-icon">
-                                          <terra-icon
-                                              name="solid-x-circle"
-                                              library="heroicons"
-                                              font-size="1.2rem"
-                                          ></terra-icon>
-                                      </slot>
-                                  </button>
-                              `:""}
-                        ${this.passwordToggle&&this.type==="password"&&!this.disabled?o`
-                                  <button
-                                      part="password-toggle-button"
-                                      class="input__password-toggle"
-                                      type="button"
-                                      aria-label=${this.passwordVisible?"Hide password":"Show password"}
-                                      @click=${this.handlePasswordToggle}
-                                      tabindex="-1"
-                                  >
-                                      ${this.passwordVisible?o`
-                                                <slot name="show-password-icon">
-                                                    <terra-icon
-                                                        name="solid-eye-slash"
-                                                        library="heroicons"
-                                                    ></terra-icon>
-                                                </slot>
-                                            `:o`
-                                                <slot name="hide-password-icon">
-                                                    <terra-icon
-                                                        name="solid-eye"
-                                                        library="heroicons"
-                                                    ></terra-icon>
-                                                </slot>
-                                            `}
-                                  </button>
-                              `:""}
-                        ${c?o`
-                                  <button
-                                      type="button"
-                                      class="input__reset"
-                                      @click=${this.handleReset}
-                                      ?disabled=${this.disabled||this.readonly}
-                                      aria-label="Clear input"
-                                      tabindex="-1"
-                                  >
-                                      <terra-icon
-                                          name="solid-x-circle"
-                                          library="heroicons"
-                                          font-size="1.2rem"
-                                      ></terra-icon>
-                                  </button>
-                              `:""}
-                        ${a&&!f&&!c&&!(this.passwordToggle&&this.type==="password")?o`
-                                  <span part="suffix" class="input__suffix">
-                                      <slot name="suffix"></slot>
-                                  </span>
-                              `:""}
-                    </div>
-                </div>
-
-                ${u?o`
-                          <div
-                              aria-live="polite"
-                              aria-hidden="false"
-                              class="form-control__error-text"
-                              id="error-text"
-                              part="form-control-error-text"
-                          >
-                              <slot name="error">${E}</slot>
-                          </div>
-                      `:n?o`
-                            <div
-                                aria-hidden="false"
-                                class="form-control__help-text"
-                                id="help-text"
-                                part="form-control-help-text"
-                            >
-                                <slot name="help-text">${this.helpText}</slot>
-                            </div>
-                        `:""}
-            </div>
-        `}};e.styles=[v,_,w],e.dependencies={"terra-icon":x},i([M(".input__control")],e.prototype,"input",2),i([$()],e.prototype,"hasFocus",2),i([$()],e.prototype,"validationErrorMessage",2),i([s()],e.prototype,"title",2),i([s({reflect:!0})],e.prototype,"type",2),i([s()],e.prototype,"name",2),i([s()],e.prototype,"value",2),i([s()],e.prototype,"placeholder",2),i([s({reflect:!0})],e.prototype,"size",2),i([s({type:Boolean,reflect:!0})],e.prototype,"filled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],e.prototype,"required",2),i([s()],e.prototype,"autocomplete",2),i([s({type:Number})],e.prototype,"minlength",2),i([s({type:Number})],e.prototype,"maxlength",2),i([s()],e.prototype,"min",2),i([s()],e.prototype,"max",2),i([s()],e.prototype,"step",2),i([s()],e.prototype,"pattern",2),i([s({attribute:"input-mode"})],e.prototype,"inputMode",2),i([s()],e.prototype,"label",2),i([s({attribute:"hide-label",type:Boolean})],e.prototype,"hideLabel",2),i([s({attribute:"help-text"})],e.prototype,"helpText",2),i([s({attribute:"error-text"})],e.prototype,"errorText",2),i([s({type:Boolean})],e.prototype,"clearable",2),i([s({attribute:"password-toggle",type:Boolean})],e.prototype,"passwordToggle",2),i([s({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2),i([s({attribute:"no-spin-buttons",type:Boolean})],e.prototype,"noSpinButtons",2),i([s({type:Boolean})],e.prototype,"autofocus",2),i([s()],e.prototype,"enterkeyhint",2),i([s({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2),i([C("value")],e.prototype,"defaultValue",2),i([s({type:Boolean,reflect:!0})],e.prototype,"resettable",2),i([s({reflect:!0})],e.prototype,"form",2),i([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([p("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1),i([p("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.C3X67ZLF.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.ZE3GRFIA.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-data-grid";e.define("terra-data-grid");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraGridReady:"terra-grid-ready",onTerraSelectionChanged:"terra-selection-changed",onTerraSortChanged:"terra-sort-changed",onTerraFilterChanged:"terra-filter-changed",onTerraRowClicked:"terra-row-clicked",onTerraRowDoubleClicked:"terra-row-double-clicked",onTerraCellClicked:"terra-cell-clicked",onTerraCellValueChanged:"terra-cell-value-changed"},displayName:"TerraDataGrid"}),m=n;export{m as a};

package/dist/chunks/chunk.CBBP6HID.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.XUX7B3MY.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-spatial-picker";e.define("terra-spatial-picker");var p=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraSpatialPicker"}),s=p;export{s as a};

package/dist/chunks/chunk.CFCILO2Y.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.XV2F2D73.js";import*as t from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var r="terra-date-picker";e.define("terra-date-picker");var n=a({tagName:r,elementClass:e,react:t,events:{onTerraDateRangeChange:"terra-date-range-change"},displayName:"TerraDatePicker"}),i=n;export{i as a};

package/dist/chunks/chunk.CLLARK3K.js

@@ -1,27 +0,0 @@
-import{a as h}from"./chunk.AGJNJSIX.js";import{a as i}from"./chunk.CUJNKBC6.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,c as l}from"./chunk.MCGELDAA.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as r,query as m}from"lit/decorators.js";var e=class extends l{constructor(){super(...arguments);this.hasSlotController=new o(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="primary";this.sticky=!0;this.handleClose=()=>{this.hide()}}firstUpdated(){this.base.hidden=!this.open}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.emit("terra-after-show")):(this.emit("terra-hide"),this.emit("terra-after-hide"))}async show(){if(!this.open)return this.open=!0,i(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,i(this,"terra-after-hide")}render(){return s`
-            <div
-                part="base"
-                class=${p({banner:!0,"banner--open":this.open,"banner--closable":this.closable,"banner--sticky":this.sticky,"banner--has-icon":this.hasSlotController.test("icon"),"banner--primary":this.variant==="primary","banner--neutral":this.variant==="neutral","banner--danger":this.variant==="danger"})}
-                role="banner"
-                aria-hidden=${this.open?"false":"true"}
-            >
-                ${this.hasSlotController.test("icon")?s`
-                          <div part="icon" class="banner__icon">
-                              <slot name="icon"></slot>
-                          </div>
-                      `:""}
-
-                <div part="message" class="banner__message" aria-live="polite">
-                    <slot></slot>
-                </div>
-
-                ${this.closable?s`
-                          <terra-icon
-                              class="banner__close"
-                              name="solid-x-mark"
-                              library="heroicons"
-                              @click=${this.handleClose}
-                          ></terra-icon>
-                      `:""}
-            </div>
-        `}};e.styles=[n,h],t([m('[part="base"]')],e.prototype,"base",2),t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closable",2),t([r({reflect:!0})],e.prototype,"variant",2),t([r({type:Boolean,reflect:!0})],e.prototype,"sticky",2),t([a("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);export{e as a};

package/dist/chunks/chunk.CNWVGJYN.js

@@ -1,127 +0,0 @@
-import{a as Rt}from"./chunk.FR7BDEKN.js";import{a as kt}from"./chunk.Y6VOJNJH.js";import{a as Nt}from"./chunk.3XI2E7JG.js";import{a as dt}from"./chunk.EL5HO6Y2.js";import{a as Ft}from"./chunk.WSQAOKNW.js";import{a as Dt}from"./chunk.SXS6TOEP.js";import{b as Et,c as $t}from"./chunk.DSWDVHOD.js";import{a as It}from"./chunk.JOM4G2YE.js";import{a as Lt}from"./chunk.QDFHF7LY.js";import{a as Ct}from"./chunk.YKXFFCAA.js";import{c as ht}from"./chunk.QGXUQL5S.js";import{a as Vt}from"./chunk.2XPGS7YP.js";import{a as St}from"./chunk.VB25KRVB.js";import{a as xt}from"./chunk.TFVXGDQM.js";import{a as ct}from"./chunk.J5Q4TWEG.js";import{a as bt,b as wt,c as vt}from"./chunk.MCGELDAA.js";import{e as m,f as e,g as u,h as w,i as v}from"./chunk.INFVQQSJ.js";import{html as k,nothing as ie}from"lit";import{property as C,state as S}from"lit/decorators.js";import{Map as ne,View as se}from"ol";import jt from"ol/layer/WebGLTile.js";import mt from"ol/layer/Vector.js";import Pt from"ol/layer/Graticule.js";import le from"ol/source/OSM.js";import ut from"ol/source/Vector.js";import Gt from"ol/format/GeoJSON.js";import{Style as Mt,Stroke as X}from"ol/style.js";import ce from"ol/interaction/Draw.js";import he from"ol/geom/Point.js";import{getLength as de}from"ol/sphere.js";import me from"ol/Feature.js";import{TaskStatus as J}from"@lit/task";import{cache as ue}from"lit/directives/cache.js";import{toLonLat as Bt,transformExtent as _t}from"ol/proj.js";var $,d,x,R,j,P,I,G,F,z,A,O,Y,Tt,K,zt,Q,At,Z,Ot,tt,Ut,et,qt,at,Ht,ot,Wt,rt,Xt,it,Jt,U,pt,nt,Yt,st,Kt,lt,Qt,h=class extends Lt(vt){constructor(){super(...arguments);u(this,Y);u(this,K);u(this,Q);u(this,Z);u(this,tt);u(this,et);u(this,at);u(this,ot);u(this,rt);u(this,it);u(this,U);u(this,nt);u(this,st);u(this,lt);this.long_name="";this.colorMapName="viridis";this.opacity=1;this.cache=!1;this.showHelp=!0;this.pixelValue="N/A";this.pixelCoordinates="N/A";this.metadata={};this.toggleState=!1;this.minimized=!1;this.noDataValue=-9999;this.min="0";this.max="1";this.legendValues=[];this.timeAverageMapError=null;u(this,$,new Rt(this));u(this,d,null);u(this,x,null);u(this,R,null);u(this,j,null);u(this,P,null);u(this,I,null);u(this,G,null);u(this,F,null);u(this,z,null);this._authController=new It(this);this.colormaps=["jet","hsv","hot","cool","spring","summer","autumn","winter","bone","copper","greys","YIGnBu","greens","YIOrRd","bluered","RdBu","picnic","rainbow","portland","blackbody","earth","electric","viridis","inferno","magma","plasma","warm","cool","bathymetry","cdom","chlorophyll","density","fressurface-blue","freesurface-red","oxygen","par","phase","salinity","temperature","turbidity","velocity-blue","velocity-green","cubhelix"];this.plotData={};this.layout={};this._fetchVariableTask=Nt(this,!1);u(this,A,t=>{let{status:a,code:r,message:o,context:i}=t.detail;this.timeAverageMapError={code:r||String(a),message:o,context:i}});u(this,O,async t=>{var r;if(!e(this,d)){console.warn("Map not initialized, cannot export image");return}let a=((r=t.detail)==null?void 0:r.format)||"png";try{await new Promise(b=>{e(this,d).once("rendercomplete",()=>{b()}),e(this,d).render()});let o=e(this,d).getViewport(),i=e(this,d).getSize();if(!i){console.warn("Map size is not available");return}let n=i[0],s=i[1],l=Array.from(o.querySelectorAll("canvas")),g=Array.from(o.querySelectorAll("svg"));if(l.length===0&&g.length===0){console.warn("Could not find map canvas or SVG elements");return}let f=document.createElement("canvas"),c=f.getContext("2d");if(!c){console.warn("Could not get canvas context");return}let p=80;f.width=n,f.height=s+p,c.fillStyle="#ffffff",c.fillRect(0,0,f.width,f.height);for(let b of l)c.drawImage(b,0,0,b.width,b.height,0,p,n,s);for(let b of g)try{let V=b.cloneNode(!0);V.hasAttribute("width")||V.setAttribute("width",String(n)),V.hasAttribute("height")||V.setAttribute("height",String(s));let E=new XMLSerializer().serializeToString(V),T=new Blob([E],{type:"image/svg+xml;charset=utf-8"}),M=URL.createObjectURL(T),N=new Image;await new Promise((_,gt)=>{N.onload=()=>{c.drawImage(N,0,p,n,s),URL.revokeObjectURL(M),_()},N.onerror=()=>{URL.revokeObjectURL(M),gt(new Error("Failed to load SVG image"))},N.src=M})}catch(V){console.warn("Failed to render SVG layer:",V)}let y=30,D=25;c.fillStyle="#000000",c.font="bold 18px Arial, sans-serif",c.textAlign="left",c.textBaseline="top";let L=v(this,K,zt).call(this);v(this,Q,At).call(this,c,L,n-40,16).forEach((b,V)=>{c.fillText(b,20,y+V*D)}),await v(this,Y,Tt).call(this,c,p);let q=a==="jpg"?"image/jpeg":"image/png",H=a==="jpg"?"jpg":"png",W=a==="jpg"?.92:void 0;f.toBlob(b=>{if(!b){console.warn("Failed to create blob from canvas");return}let V=URL.createObjectURL(b),E=document.createElement("a"),T=this.location?`_${this.location.replace(/,/g,"_")}`:"",M=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",_=`${dt(this)||"map"}${T}${M}.${H}`;E.href=V,E.download=_,E.style.display="none",document.body.appendChild(E),E.click(),document.body.removeChild(E),URL.revokeObjectURL(V)},q,W)}catch(o){console.error("Error exporting map as PNG:",o)}})}handlePropertyChange(){!this.startDate||!this.endDate||!this.location||!this.catalogVariable||e(this,$).jobStatusTask.run()}handlePlotOptionsChange(){this.emit("terra-plot-options-change",{detail:{colorMapName:this.colorMapName,opacity:this.opacity}})}connectedCallback(){super.connectedCallback(),this.addEventListener("terra-time-average-map-error",e(this,A)),this.addEventListener("terra-plot-toolbar-export-image",e(this,O))}async firstUpdated(){this.intializeMap(),this._fetchVariableTask.run()}updated(t){var r,o,i,n;super.updated(t);let a=(o=(r=e(this,$))==null?void 0:r.jobStatusTask)==null?void 0:o.status;if(a===J.PENDING&&this.timeAverageMapError&&(this.timeAverageMapError=null),a===J.ERROR&&!this.timeAverageMapError){let s=(n=(i=e(this,$))==null?void 0:i.jobStatusTask)==null?void 0:n.error;if(s){let l=Et(s);if(l.isCancellation)return;this.timeAverageMapError={code:l.code,message:l.message,context:l.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-average-map-error",e(this,A)),this.removeEventListener("terra-plot-toolbar-export-image",e(this,O))}async captureMapThumbnail(t=200,a=200){if(!e(this,d))return;let r=e(this,d);try{await new Promise(y=>{r.once("rendercomplete",()=>y()),r.render()});let o=r.getViewport(),i=r.getSize();if(!i)return;let[n,s]=i,l=Array.from(o.querySelectorAll("canvas"));if(l.length===0)return;let g=document.createElement("canvas");g.width=n,g.height=s;let f=g.getContext("2d");if(!f)return;for(let y of l)y.width>0&&y.height>0&&f.drawImage(y,0,0,n,s);let c=document.createElement("canvas");c.width=t,c.height=a;let p=c.getContext("2d");return p?(p.drawImage(g,0,0,t,a),new Promise((y,D)=>c.toBlob(L=>L?y(L):D(new Error("toBlob failed")),"image/jpeg",.8))):void 0}catch(o){console.error("Failed to capture map thumbnail",o);return}}async updateGeoTIFFLayer(t){var i;let a=URL.createObjectURL(t),{default:r}=await import("ol/source/GeoTIFF.js"),o=new r({sources:[{url:a,bands:[1],nodata:this.noDataValue}],wrapX:!0,interpolate:!1,normalize:!1});w(this,x,new jt({source:o})),e(this,d)&&(e(this,d).addLayer(e(this,x)),await this.addSupportingLayersForGeoTIFF(o)),this.metadata=await this.fetchGeotiffMetadata(o),this.long_name=(i=this.metadata.long_name)!=null?i:"",e(this,d)&&e(this,x)&&(this.renderPixelValues(e(this,d),e(this,x)),this.applyColorToLayer(o,this.colorMapName),setTimeout(async()=>{var n;try{let s=await((n=e(this,x).getSource())==null?void 0:n.getView()),l=_t(s.extent,s.projection,e(this,d).getView().getProjection());e(this,d).getView().fit(l,{padding:[50,50,50,50],duration:300})}catch(s){console.warn("Failed to fit map to GeoTIFF extent:",s)}},500))}intializeMap(){var a,r,o;let t=new jt({source:new le});if(w(this,z,new Pt({strokeStyle:new X({color:"rgba(0,0,0,0.2)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),w(this,d,new ne({target:(r=(a=this.shadowRoot)==null?void 0:a.getElementById("map"))!=null?r:void 0,layers:[t,e(this,z)],view:new se({center:[0,0],zoom:2,projection:"EPSG:3857"})})),e(this,d)){let i=new ResizeObserver(()=>{var s;(s=e(this,d))==null||s.updateSize()}),n=(o=this.shadowRoot)==null?void 0:o.getElementById("map");n&&i.observe(n)}}async addSupportingLayersForGeoTIFF(t){if(!e(this,d))return;e(this,R)&&(e(this,d).removeLayer(e(this,R)),w(this,R,null)),e(this,j)&&(e(this,d).removeLayer(e(this,j)),w(this,j,null)),e(this,P)&&(e(this,d).removeLayer(e(this,P)),w(this,P,null));let a;try{let i=await t.getView();i!=null&&i.extent&&(a=_t(i.extent,i.projection,e(this,d).getView().getProjection()))}catch(i){console.warn("Could not get GeoTIFF extent for border clipping:",i)}w(this,R,new Pt({extent:a,strokeStyle:new X({color:"rgba(0,0,0,0.5)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),e(this,d).addLayer(e(this,R));let r=new ut({url:"https://raw.githubusercontent.com/martynafford/natural-earth-geojson/refs/heads/master/10m/cultural/ne_10m_admin_1_states_provinces.json",format:new Gt});w(this,j,new mt({source:r,extent:a,style:new Mt({stroke:new X({color:"#222222",width:.75})})})),e(this,d).addLayer(e(this,j));let o=new ut({url:"https://raw.githubusercontent.com/nvkelso/natural-earth-vector/master/geojson/ne_10m_admin_0_countries.geojson",format:new Gt});w(this,P,new mt({source:o,extent:a,style:new Mt({stroke:new X({color:"#000000",width:1})})})),e(this,d).addLayer(e(this,P))}async fetchGeotiffMetadata(t){var g;await t.getView();let o=(g=t.sourceImagery_[0][0].fileDirectory)==null?void 0:g.GDAL_METADATA,s=new DOMParser().parseFromString(o,"application/xml").querySelectorAll("Item"),l={};for(let f=0;f<s.length;f++){let c=s[f],p=c.getAttribute("name"),y=c.textContent?c.textContent.trim():"";p&&(l[p]=y)}return console.log("Data obj: ",l),l}renderPixelValues(t,a){t.on("pointermove",r=>{let o=a.getData(r.pixel),i=Bt(r.coordinate);(!o||!(o instanceof Uint8Array||o instanceof Uint8ClampedArray||o instanceof Float32Array)||isNaN(o[0])||o[0]===0)&&(o=null);let n=o?Number(o[0]).toExponential(3):"N/A",s=i.map(l=>l.toFixed(3)).join(", ");this.pixelValue=n,this.pixelCoordinates=s})}getNoDataValue(t){let a=this.noDataValue;return t==null||t.getView().then(()=>{var o,i;let r=t.sourceImagery_[0][0];a=parseFloat((i=(o=r.fileDirectory)==null?void 0:o.GDAL_NODATA)!=null?i:this.noDataValue.toString())}),a}async getMinMax(t){await t.getView();let o=(await t.sourceImagery_[0][0].readRasters({samples:[0]}))[0],i=1/0,n=-1/0;for(let s=0;s<o.length;s++){let l=o[s];!isNaN(l)&&l!==this.getNoDataValue(t)&&(l<i&&(i=l),l>n&&(n=l))}return{min:i,max:n}}async getColorStops(t,a,r,o,i){let n=(r-a)/(o-1),s=new Array(o*2),{default:l}=await import("colormap"),g=l({colormap:t,nshades:o,format:"rgba"}),f=[];i&&g.reverse();for(let c=0;c<o;c++)s[c*2]=a+c*n,s[c*2+1]=g[c],f.push((a+c*n).toExponential(2));return this.generatePalette(g,f,a,r),s}generatePalette(t,a,r,o){this.legendValues=[];for(let i=t.length-1;i>0;i--){let n=parseFloat(a[i]);n>=r&&n<=o&&this.legendValues.push({value:a[i],rgb:t[i]})}this.min=r.toExponential(3),this.max=o.toExponential(3)}async applyColorToLayer(t,a){var n;var{min:r,max:o}=await this.getMinMax(t);let i={color:["case",["==",["band",2],0],[0,0,0,0],["interpolate",["linear"],["band",1],...await this.getColorStops(a,r,o,72,!1)]]};(n=e(this,x))==null||n.setStyle(i)}render(){var t,a,r,o;return k`
-            ${v(this,st,Kt).call(this)?k`
-                      <terra-alert
-                          class="no-data-alert"
-                          variant="danger"
-                          open
-                          closable
-                      >
-                          <terra-icon
-                              slot="icon"
-                              name="outline-exclamation-triangle"
-                              library="heroicons"
-                          ></terra-icon>
-                          The selected variable was not found in the catalog
-                      </terra-alert>
-                  `:""}
-            ${this.timeAverageMapError?k`
-                      <terra-alert
-                          class="error-alert"
-                          variant="danger"
-                          open
-                          closable
-                          @terra-after-hide=${()=>this.timeAverageMapError=null}
-                      >
-                          <terra-icon
-                              slot="icon"
-                              name="outline-exclamation-triangle"
-                              library="heroicons"
-                          ></terra-icon>
-                          ${v(this,lt,Qt).call(this,this.timeAverageMapError)}
-                      </terra-alert>
-                  `:""}
-            <div class="toolbar-container">
-                ${ue(this.catalogVariable?k`<terra-plot-toolbar
-                              dataType="geotiff"
-                              .catalogVariable=${this.catalogVariable}
-                              .timeSeriesData=${(t=e(this,$).jobStatusTask)==null?void 0:t.value}
-                              .location=${this.location}
-                              .startDate=${this.startDate}
-                              .endDate=${this.endDate}
-                              .cacheKey=${e(this,$).getCacheKey()}
-                              .variableEntryId=${dt(this)}
-                              @show-opacity-value=${v(this,Z,Ot)}
-                              @show-color-map=${v(this,tt,Ut)}
-                              @show-check-box-toggle=${v(this,nt,Yt)}
-                              .pixelValue=${this.pixelValue}
-                              .pixelCoordinates=${this.pixelCoordinates}
-                              show-date-range
-                              .colormaps=${this.colormaps}
-                              .colorMapName=${this.colorMapName}
-                              .opacity=${this.opacity}
-                              .showHelp=${this.showHelp}
-                          ></terra-plot-toolbar>`:k`<div class="spacer"></div>`)}
-            </div>
-
-            <div class="map-container">
-                <div id="map">
-                    <div id="settings">
-                        <div>
-                            <strong>Value:</strong>
-                            <span id="pixelValue">${this.pixelValue}</span>
-                        </div>
-
-                        <div>
-                            <strong>Coordinate: </strong>
-                            <span id="cursorCoordinates"
-                                >${this.pixelCoordinates}</span
-                            >
-                        </div>
-                    </div>
-
-                    <div id="legend">
-                        <div class="stats" id="statsMax">${this.max}</div>
-                        <div class="palette">
-                            ${this.legendValues.map(i=>k`
-                                    <div
-                                        class="color-box"
-                                        style="background-color: rgba(${i.rgb})"
-                                        title="${i.value}"
-                                    ></div>
-                                `)}
-                        </div>
-                        <div class="stats" id="statsMin">${this.min}</div>
-                    </div>
-                </div>
-            </div>
-
-            ${this.harmonyJobId?k`
-                      <div class="harmony-job-link">
-                          <a
-                              href=${`https://harmony${this.environment==="uat"?".uat":""}.earthdata.nasa.gov/jobs/${this.harmonyJobId}`}
-                              target="_blank"
-                              rel="noopener noreferrer"
-                          >
-                              Request Status: ${this.harmonyJobId}
-                          </a>
-                      </div>
-                  `:ie}
-
-            <!-- Floating Popover for Plot -->
-            ${this.toggleState&&this.plotData&&Object.keys(this.plotData).length&&this.layout&&Object.keys(this.layout).length?k`
-                      <div class="plot-popover ${this.minimized?"minimized":""}">
-                          <terra-plot
-                              style="display: ${this.minimized?"none":"block"}"
-                              .data=${this.plotData}
-                              plotTitle="Data Profile"
-                              .layout=${this.layout}
-                          >
-                          </terra-plot>
-
-                          <terra-button
-                              class="minify-btn"
-                              @click=${v(this,rt,Xt)}
-                          >
-                              ${this.minimized?"Restore":"Minimize"}
-                          </terra-button>
-                      </div>
-                  `:null}
-
-            <dialog
-                ?open=${((r=(a=e(this,$))==null?void 0:a.jobStatusTask)==null?void 0:r.status)===J.PENDING}
-            >
-                <terra-loader indeterminate variant="orbit"></terra-loader>
-                <p>Plotting ${(o=this.catalogVariable)==null?void 0:o.dataFieldId}&hellip;</p>
-                <terra-button @click=${v(this,et,qt)}>Cancel</terra-button>
-            </dialog>
-        `}};$=new WeakMap,d=new WeakMap,x=new WeakMap,R=new WeakMap,j=new WeakMap,P=new WeakMap,I=new WeakMap,G=new WeakMap,F=new WeakMap,z=new WeakMap,A=new WeakMap,O=new WeakMap,Y=new WeakSet,Tt=async function(t,a){var H,W;let r=(H=this.shadowRoot)==null?void 0:H.getElementById("legend");if(!r)return;let o=(W=this.shadowRoot)==null?void 0:W.getElementById("map");if(!o)return;let i=r.getBoundingClientRect(),n=o.getBoundingClientRect(),s=i.left-n.left,l=i.top-n.top+a,g=i.width,f=i.height;t.fillStyle="#ffffff",t.fillRect(s,l,g,f),t.strokeStyle="#cccccc",t.lineWidth=1,t.strokeRect(s,l,g,f);let c=window.getComputedStyle(r),p=parseFloat(c.fontSize)||12,y=c.fontFamily||"monospace",D=parseFloat(c.padding)||8,L=r.querySelector("#statsMax");L&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="top",t.fillText(L.textContent||"",s+g/2,l+D));let B=r.querySelector(".palette");if(B){let b=B.getBoundingClientRect(),V=b.left-n.left,E=b.top-n.top+a,T=b.width,M=Array.from(B.querySelectorAll("div")),N=E;for(let _ of M){let ft=_.getBoundingClientRect().height,yt=(_.getAttribute("style")||"").match(/background-color:\s*rgba?\(([^)]+)\)/);if(yt){let Zt=yt[1],[te,ee,ae,oe=1]=Zt.split(",").map(re=>parseFloat(re.trim()));t.fillStyle=`rgba(${te}, ${ee}, ${ae}, ${oe})`,t.fillRect(V,N,T,ft)}N+=ft}}let q=r.querySelector("#statsMin");q&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="bottom",t.fillText(q.textContent||"",s+g/2,l+f-D))},K=new WeakSet,zt=function(){if(!this.catalogVariable)return"Time Averaged Map";let t=[];if(t.push("Time Averaged Map of"),this.catalogVariable.dataFieldLongName&&t.push(this.catalogVariable.dataFieldLongName),this.catalogVariable.dataProductTimeInterval&&this.catalogVariable.dataProductTimeInterval.toLowerCase()!=="not applicable"&&t.push(this.catalogVariable.dataProductTimeInterval),this.catalogVariable.dataProductSpatialResolution&&this.catalogVariable.dataProductSpatialResolution.toLowerCase()!=="not applicable"&&t.push(this.catalogVariable.dataProductSpatialResolution),this.catalogVariable.dataProductShortName){let a=`[${this.catalogVariable.dataProductShortName}`;this.catalogVariable.dataProductVersion&&(a+=` v${this.catalogVariable.dataProductVersion}`),a+="]",t.push(a)}if(this.startDate&&this.endDate){let a=ht(this.startDate),r=ht(this.endDate);t.push(`over ${a} - ${r}`)}return t.join(" ")},Q=new WeakSet,At=function(t,a,r,o){t.font=`bold ${o}px Arial, sans-serif`;let i=a.split(" "),n=[],s=i[0];for(let l=1;l<i.length;l++){let g=i[l];t.measureText(s+" "+g).width<r?s+=" "+g:(n.push(s),s=g)}return n.push(s),n},Z=new WeakSet,Ot=function(t){this.opacity=t.detail,e(this,x)&&e(this,x).setOpacity(this.opacity)},tt=new WeakSet,Ut=function(t){let a=t.detail;e(this,x)&&e(this,x).getSource()&&(this.colorMapName=a,this.applyColorToLayer(e(this,x).getSource(),this.colorMapName))},et=new WeakSet,qt=function(){var t;(t=e(this,$).jobStatusTask)==null||t.abort("Cancelled time averaged map request")},at=new WeakSet,Ht=function(t){let a=de(t),r;return a>100?r=a/1e3/60:r=a/10,Math.max(2,Math.round(r))},ot=new WeakSet,Wt=function(t){let a=v(this,at,Ht).call(this,t),r=[];for(let o=0;o<=a;o++){let i=o/a;r.push(t.getCoordinateAt(i))}return r},rt=new WeakSet,Xt=function(){this.minimized=!this.minimized},it=new WeakSet,Jt=function(){var t;this.toggleState=!1,e(this,d)&&e(this,F)&&e(this,G)&&(e(this,d).removeInteraction(e(this,F)),e(this,d).removeLayer(e(this,G))),(t=e(this,I))==null||t.clear(),w(this,F,null),w(this,G,null),w(this,I,null)},U=new WeakSet,pt=function(t){if(!e(this,d)||!e(this,x))return NaN;let a=e(this,d).getPixelFromCoordinate(t);if(!a)return NaN;let r=e(this,x).getData(a);if(!r)return NaN;if(r instanceof Uint8Array||r instanceof Uint8ClampedArray||r instanceof Float32Array)return isNaN(r[0])?NaN:r[0];if(r instanceof DataView){let o=r.getFloat32(0,!0);return isNaN(o)?NaN:o}return NaN},nt=new WeakSet,Yt=function(t){var a=t.detail;a?(this.toggleState=a,w(this,I,new ut({wrapX:!1})),w(this,G,new mt({source:e(this,I)})),w(this,F,new ce({source:e(this,I),type:"LineString"})),e(this,d)&&(e(this,d).addLayer(e(this,G)),e(this,d).addInteraction(e(this,F)),e(this,F).on("drawend",r=>{var c;let o=r.feature.getGeometry(),i=v(this,ot,Wt).call(this,o),n=i.map(p=>new me({geometry:new he(p)}));(c=e(this,I))==null||c.addFeatures(n);let s=i.map(p=>v(this,U,pt).call(this,p)),l=i.map((p,y)=>y),f=i.map(p=>{let[y,D]=Bt(p),L=v(this,U,pt).call(this,p),B=isNaN(L)?"N/A":L.toExponential(4);return[parseFloat(y.toFixed(2)),parseFloat(D.toFixed(2)),B]}).map((p,y)=>{let D=y,L=p[2];return`Index: ${D}<br>Value: ${L}<br>Coordinates: [${p[0]}, ${p[1]}]`});this.plotData=[{x:l,y:s,text:f,hoverinfo:"text",type:"scatter",mode:"lines+markers",line:{color:"blue"}}],this.layout={title:"Data Profile",xaxis:{title:"Point Index"},yaxis:{title:`Cloud Coverage (${this.metadata.units})`,tickformat:".2e"}}}))):v(this,it,Jt).call(this)},st=new WeakSet,Kt=function(){return this._fetchVariableTask.status!==J.COMPLETE?!1:!!(this.collection&&this.variable)&&!this.catalogVariable},lt=new WeakSet,Qt=function(t){return $t(t)},h.styles=[bt,kt],h.dependencies={"terra-button":Vt,"terra-icon":St,"terra-plot-toolbar":Ft,"terra-loader":Ct,"terra-plot":Dt,"terra-alert":xt},m([C({reflect:!0})],h.prototype,"collection",2),m([C({reflect:!0})],h.prototype,"variable",2),m([C({attribute:"start-date",reflect:!0})],h.prototype,"startDate",2),m([C({attribute:"end-date",reflect:!0})],h.prototype,"endDate",2),m([C({reflect:!0})],h.prototype,"location",2),m([C({attribute:"bearer-token",reflect:!1,converter:wt})],h.prototype,"bearerToken",2),m([C({type:String})],h.prototype,"long_name",2),m([C({type:String,attribute:"color-map-name",reflect:!0})],h.prototype,"colorMapName",2),m([C({type:Number})],h.prototype,"opacity",2),m([C({attribute:"application-id"})],h.prototype,"applicationId",2),m([C({type:Boolean})],h.prototype,"cache",2),m([C({attribute:"job-id"})],h.prototype,"jobId",2),m([C({type:Boolean,attribute:"show-help"})],h.prototype,"showHelp",2),m([S()],h.prototype,"catalogVariable",2),m([S()],h.prototype,"pixelValue",2),m([S()],h.prototype,"pixelCoordinates",2),m([S()],h.prototype,"metadata",2),m([S()],h.prototype,"toggleState",2),m([S()],h.prototype,"minimized",2),m([S()],h.prototype,"noDataValue",2),m([S()],h.prototype,"min",2),m([S()],h.prototype,"max",2),m([S()],h.prototype,"legendValues",2),m([S()],h.prototype,"timeAverageMapError",2),m([S()],h.prototype,"colormaps",2),m([S()],h.prototype,"plotData",2),m([S()],h.prototype,"layout",2),m([S()],h.prototype,"harmonyJobId",2),m([ct(["startDate","endDate","location","catalogVariable"])],h.prototype,"handlePropertyChange",1),m([ct(["colorMapName","opacity"])],h.prototype,"handlePlotOptionsChange",1);export{h as a};

package/dist/chunks/chunk.CO4V5XB7.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.6SIPIJUK.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-scroll-hint";e.define("terra-scroll-hint");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraScroll:"terra-scroll"},displayName:"TerraScrollHint"}),i=a;export{i as a};

package/dist/chunks/chunk.CXDMJZ4A.js

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

package/dist/chunks/chunk.D2RDQWCD.js

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