@nasa-terra/components 0.0.195 → 0.0.196

package/dist/chunks/chunk.DJ4ECDD7.js

@@ -0,0 +1,157 @@
+import{a as $}from"./chunk.4XG5OXTV.js";import{a as I}from"./chunk.3AURCEYI.js";import{c as D}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.T4VXJ6JM.js";import{a as f,c as g}from"./chunk.VOQBVUDI.js";import{a as b,c as v}from"./chunk.U6R2SR47.js";import{a as k}from"./chunk.X5OPH5X7.js";import{b as x}from"./chunk.UTJA3S5Z.js";import{a as w}from"./chunk.J3UHFD4B.js";import{a as m}from"./chunk.CUJNKBC6.js";import{a as y}from"./chunk.6PEAAW4E.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as C,c as O}from"./chunk.BLIMMPQ7.js";import{e as s}from"./chunk.INFVQQSJ.js";import{classMap as L}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as n,query as c,state as u}from"lit/decorators.js";import{unsafeHTML as _}from"lit/directives/unsafe-html.js";var i=class extends O{constructor(){super(...arguments);this.formControlController=new x(this,{assumeInteractionOn:["terra-blur","terra-input"]});this.hasSlotController=new y(this,"help-text","label");this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.getTag=t=>p`
+            <terra-tag
+                part="tag"
+                variant="topic"
+                size=${this.size}
+                @terra-remove=${e=>this.handleTagRemove(e,t)}
+            >
+                ${t.getTextLabel()}
+            </terra-tag>
+        `;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("terra-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let r=this.getAllOptions(),a=r.indexOf(this.currentOption),h=Math.max(0,a);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=a+1,h>r.length-1&&(h=0)):t.key==="ArrowUp"?(h=a-1,h<0&&(h=r.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=r.length-1),this.setCurrentOption(r[h])}if(t.key&&t.key.length===1||t.key==="Backspace"){let r=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let a of r)if(a.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(a);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get value(){return this._value}set value(t){this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="terra-icon-button");this.disabled||o||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("terra-option"),l=this.value;o&&!o.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("terra-option")||customElements.whenDefined("terra-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),e=this.valueHasChanged?this.value:this.defaultValue,o=Array.isArray(e)?e:[e],l=[];t.forEach(r=>l.push(r.value)),this.setSelectedOptions(t.filter(r=>o.includes(r.value)))}handleTagRemove(t,e){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}))}getAllOptions(){return[...this.querySelectorAll("terra-option")]}getFirstOption(){return this.querySelector("terra-option")}setCurrentOption(t){this.getAllOptions().forEach(o=>{o.current=!1,o.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var o,l,r;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let e=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=`${this.selectedOptions.length} selected`;else{let a=this.selectedOptions[0];this.value=(o=a==null?void 0:a.value)!=null?o:"",this.displayLabel=(r=(l=a==null?void 0:a.getTextLabel)==null?void 0:l.call(a))!=null?r:""}this.valueHasChanged=e,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div
+                    @terra-remove=${l=>this.handleTagRemove(l,t)}
+                >
+                    ${typeof o=="string"?_(o):o}
+                </div>`}else if(e===this.maxOptionsVisible)return p`<terra-tag size=${this.size}
+                    >+${this.selectedOptions.length-e}</terra-tag
+                >`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback(t,e,o),t==="value"){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}}handleValueChange(){if(!this.valueHasChanged){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("terra-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=v(this,"select.show",{dir:"ltr"});await f(this.popup.popup,t,e),this.currentOption&&D(this.currentOption,this.listbox,"vertical","auto"),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=v(this,"select.hide",{dir:"ltr"});await f(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,m(this,"terra-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,m(this,"terra-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=this.label?!0:!!t,l=this.helpText?!0:!!e,r=this.clearable&&!this.disabled&&this.value.length>0,a=this.placeholder&&this.value&&this.value.length<=0;return p`
+            <div
+                part="form-control"
+                class=${L({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":o,"form-control--has-help-text":l})}
+            >
+                <label
+                    id="label"
+                    part="form-control-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">
+                    <terra-popup
+                        class=${L({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":a,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
+                        placement=${this.placement}
+                        strategy=${this.hoist?"fixed":"absolute"}
+                        flip
+                        shift
+                        sync="width"
+                        auto-size="vertical"
+                        auto-size-padding="10"
+                    >
+                        <div
+                            part="combobox"
+                            class="select__combobox"
+                            slot="anchor"
+                            @keydown=${this.handleComboboxKeyDown}
+                            @mousedown=${this.handleComboboxMouseDown}
+                        >
+                            <slot
+                                part="prefix"
+                                name="prefix"
+                                class="select__prefix"
+                            ></slot>
+
+                            <input
+                                part="display-input"
+                                class="select__display-input"
+                                type="text"
+                                placeholder=${this.placeholder}
+                                .disabled=${this.disabled}
+                                .value=${this.displayLabel}
+                                autocomplete="off"
+                                spellcheck="false"
+                                autocapitalize="off"
+                                readonly
+                                aria-controls="listbox"
+                                aria-expanded=${this.open?"true":"false"}
+                                aria-haspopup="listbox"
+                                aria-labelledby="label"
+                                aria-disabled=${this.disabled?"true":"false"}
+                                aria-describedby="help-text"
+                                role="combobox"
+                                tabindex="0"
+                                @focus=${this.handleFocus}
+                                @blur=${this.handleBlur}
+                            />
+
+                            ${this.multiple?p`<div part="tags" class="select__tags">
+                                      ${this.tags}
+                                  </div>`:""}
+
+                            <input
+                                class="select__value-input"
+                                type="text"
+                                ?disabled=${this.disabled}
+                                ?required=${this.required}
+                                .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+                                tabindex="-1"
+                                aria-hidden="true"
+                                @focus=${()=>this.focus()}
+                                @invalid=${this.handleInvalid}
+                            />
+
+                            ${r?p`
+                                      <button
+                                          part="clear-button"
+                                          class="select__clear"
+                                          type="button"
+                                          aria-label="Clear selection"
+                                          @mousedown=${this.handleClearMouseDown}
+                                          @click=${this.handleClearClick}
+                                          tabindex="-1"
+                                      >
+                                          <slot name="clear-icon">
+                                              <terra-icon
+                                                  name="solid-x-circle"
+                                                  library="heroicons"
+                                              ></terra-icon>
+                                          </slot>
+                                      </button>
+                                  `:""}
+
+                            <slot
+                                name="suffix"
+                                part="suffix"
+                                class="select__suffix"
+                            ></slot>
+
+                            <slot
+                                name="expand-icon"
+                                part="expand-icon"
+                                class="select__expand-icon"
+                            >
+                                <terra-icon
+                                    library="heroicons"
+                                    name="solid-chevron-down"
+                                ></terra-icon>
+                            </slot>
+                        </div>
+
+                        <div
+                            id="listbox"
+                            role="listbox"
+                            aria-expanded=${this.open?"true":"false"}
+                            aria-multiselectable=${this.multiple?"true":"false"}
+                            aria-labelledby="label"
+                            part="listbox"
+                            class="select__listbox"
+                            tabindex="-1"
+                            @mouseup=${this.handleOptionClick}
+                            @slotchange=${this.handleDefaultSlotChange}
+                        >
+                            <slot></slot>
+                        </div>
+                    </terra-popup>
+                </div>
+
+                <div
+                    part="form-control-help-text"
+                    id="help-text"
+                    class="form-control__help-text"
+                    aria-hidden=${l?"false":"true"}
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};i.styles=[C,k,I],i.dependencies={"terra-icon":w,"terra-popup":E,"terra-tag":$},s([c(".select")],i.prototype,"popup",2),s([c(".select__combobox")],i.prototype,"combobox",2),s([c(".select__display-input")],i.prototype,"displayInput",2),s([c(".select__value-input")],i.prototype,"valueInput",2),s([c(".select__listbox")],i.prototype,"listbox",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"displayLabel",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"valueHasChanged",2),s([n()],i.prototype,"name",2),s([u()],i.prototype,"value",1),s([n({attribute:"value"})],i.prototype,"defaultValue",2),s([n({reflect:!0})],i.prototype,"size",2),s([n()],i.prototype,"placeholder",2),s([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),s([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([n({type:Boolean})],i.prototype,"clearable",2),s([n({type:Boolean,reflect:!0})],i.prototype,"open",2),s([n({type:Boolean})],i.prototype,"hoist",2),s([n({type:Boolean,reflect:!0})],i.prototype,"filled",2),s([n({type:Boolean,reflect:!0})],i.prototype,"pill",2),s([n()],i.prototype,"label",2),s([n({reflect:!0})],i.prototype,"placement",2),s([n({attribute:"help-text"})],i.prototype,"helpText",2),s([n({reflect:!0})],i.prototype,"form",2),s([n({type:Boolean,reflect:!0})],i.prototype,"required",2),s([n()],i.prototype,"getTag",2),s([d("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([d(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.DUEUVWS4.js

@@ -0,0 +1,26 @@
+import{a}from"./chunk.J3UHFD4B.js";import{a as l}from"./chunk.YENJIAHQ.js";import{a as s,c as r}from"./chunk.BLIMMPQ7.js";import{e}from"./chunk.INFVQQSJ.js";import{html as m}from"lit";import{property as o}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.open=!1;this.showArrow=!0}render(){return m`
+            <details
+                class="accordion"
+                ?open=${this.open}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="accordion-summary">
+                    <slot name="summary"> ${this.summary} </slot>
+
+                    <div class="accordion-summary-right">
+                        <slot name="summary-right"></slot>
+
+                        ${this.showArrow&&m`
+                            <terra-icon
+                                name="chevron-down-circle"
+                                font-size="24px"
+                            ></terra-icon>
+                        `}
+                    </div>
+                </summary>
+
+                <div class="accordion-content">
+                    <slot></slot>
+                </div>
+            </details>
+        `}handleToggle(n){let i=n.currentTarget;this.open=i.open,this.emit("terra-accordion-toggle",{detail:{open:this.open}})}};t.styles=[s,l],t.dependencies={"terra-icon":a},e([o()],t.prototype,"summary",2),e([o({reflect:!0,type:Boolean})],t.prototype,"open",2),e([o({type:Boolean})],t.prototype,"showArrow",2);export{t as a};

package/dist/chunks/chunk.DYTUX6JC.js

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

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

package/dist/chunks/chunk.E5WOJ3PK.js

@@ -0,0 +1,2 @@
+import{d as j}from"./chunk.DSWDVHOD.js";import{a as c,b as w}from"./chunk.7XLMISB3.js";import{a as x}from"./chunk.W5WASIVZ.js";import{a as q}from"./chunk.BDNESHTZ.js";import{b as A}from"./chunk.7J2F6HQM.js";import{a as $,f as s,g as y,h as d}from"./chunk.INFVQQSJ.js";import{MutationObserver as z}from"@tanstack/query-core";var p,g,N=class{constructor(e,t){this.host=e;y(this,p,void 0);y(this,g,void 0);this.host.addController(this),d(this,p,new z(e.queryClient,t))}mutate(e){return s(this,p).mutate(e)}reset(){s(this,p).reset(),this.host.requestUpdate()}hostConnected(){d(this,g,s(this,p).subscribe(e=>{this.result=e,this.host.requestUpdate()}))}hostDisconnected(){var e;(e=s(this,g))==null||e.call(this),d(this,g,void 0)}};p=new WeakMap,g=new WeakMap;var r,O=class O{constructor(e){y(this,r,void 0);var t;d(this,r,$({},e)),s(this,r).variables=void 0,(t=e==null?void 0:e.variables)==null||t.forEach(n=>{this.variable(n)}),e!=null&&e.environment&&this.environment(e.environment.toUpperCase())}get requestUrl(){return`${this.baseUrl}?${this.params}`}get hasShape(){return!!s(this,r).shape}buildFormData(){let e=new FormData;new URLSearchParams(this.params).forEach((i,m)=>{e.append(m,i)});let n=s(this,r).shape;if(!n)throw new A({message:"shape is required to build form data"});let a=j(n,5e3),l=new Blob([JSON.stringify(a)],{type:"application/geo+json"});return e.append("shapefile",l,"shape.geojson"),e}get baseUrl(){let{environment:e,collectionConceptId:t,variableConceptIds:n,variables:a}=s(this,r);if(!t)throw new A({message:"Collection concept id is required"});let l=w[e!=null?e:c.PROD],i=a!=null&&a.length?"parameter_vars":Array.isArray(n)?n.join(","):n;return`${l}/${t}/ogc-api-coverages/1.0.0/collections/${i||"all"}/coverage/rangeset`}get params(){let e=new URLSearchParams,{location:t,startDate:n,endDate:a,format:l,labels:i,variables:m,average:P,anonymous:b,dimensions:u,skipPreview:h}=s(this,r);t instanceof q?e.append("point",`${t.lng},${t.lat}`):t instanceof x&&(e.append("subset",`lat(${t.getSouth()}:${t.getNorth()})`),e.append("subset",`lon(${t.getWest()}:${t.getEast()})`)),n&&e.append("subset",`time("${n}":"${a!=null?a:n}")`),u&&u.length>0&&u.forEach(o=>{e.append("subset",`${o.name}(${o.min}:${o.max})`)}),l&&e.append("format",l),i==null||i.forEach(o=>{e.append("label",o)}),m==null||m.forEach(o=>{e.append("variable",o)}),P&&e.append("average",P),b&&e.append("maxResults","10"),typeof h=="boolean"&&!h?e.append("skipPreview","false"):e.append("skipPreview","true");return e.append("forceAsync","true"),e.toString()}get options(){return s(this,r)}set(e){return d(this,r,$($({},s(this,r)),e)),this}getLabelByPrefix(e){var a;let t=(a=s(this,r).labels)==null?void 0:a.find(l=>l.startsWith(`${e}:`)),n=t?t.split(":")[1].trim():void 0;return n!=="NOT APPLICABLE"?n:void 0}environment(e){return this.set({environment:e})}collection(e){return this.set({collectionConceptId:e})}variable(e){var t,n;return this.isVariableConceptId(e)?this.set({variableConceptIds:[...(t=s(this,r).variableConceptIds)!=null?t:[],e]}):this.set({variables:[...(n=s(this,r).variables)!=null?n:[],e]})}location(e){return this.set({location:e})}shape(e){return this.set({shape:e})}dateRange(e,t){return this.set({startDate:e,endDate:t})}startDate(e){return this.set({startDate:e})}endDate(e){return this.set({endDate:e})}format(e){return this.set({format:e})}label(e){var t;return this.set({labels:[...(t=s(this,r).labels)!=null?t:[],e]})}addLabelsFromVariable(e){return this.label(`collection: ${e.dataProductShortName}_${e.dataProductVersion}`),this.label(`variable-display-name: ${e.dataFieldLongName||e.dataFieldId}`),this.label(`instrument-short-name: ${e.dataProductInstrumentShortName}`),this.label(`time-interval: ${e.dataProductTimeInterval}`),this.label(`units: ${e.dataFieldUnits}`),this}average(e){return this.set({average:e})}dimension(e){var t;return this.set({dimensions:[...(t=s(this,r).dimensions)!=null?t:[],e]})}skipPreview(e){return this.set({skipPreview:e})}isVariableConceptId(e){return/^V\d+-.+$/.test(e)}getTerraIcon(){var e;return(e=this.options.labels)!=null&&e.includes("terra-time-average-map")?"outline-map":"outline-chart-bar"}static fromUrl(e){var M,H,S;if(!e)return new O;let t=new URL(e),n;t.origin===w[c.PROD]?n=c.PROD:t.origin===w[c.UAT]&&(n=c.UAT);let a=t.pathname.split("/"),l=a[1]||void 0,i=a[5],m;i&&i!=="parameter_vars"&&i!=="all"&&(m=i.split(","));let P=t.searchParams.getAll("subset"),b,u,h,o,I,U,D=[];for(let f of P){let v=f.match(/^lat\((.+):(.+)\)$/),T=f.match(/^lon\((.+):(.+)\)$/),E=f.match(/^time\("(.+)":"(.+)"\)$/),R=f.match(/^(\w+)\((.+):(.+)\)$/);v?(b=parseFloat(v[1]),u=parseFloat(v[2])):T?(h=parseFloat(T[1]),o=parseFloat(T[2])):E?(I=E[1],U=E[2]):R&&D.push({name:R[1],min:parseFloat(R[2]),max:parseFloat(R[3])})}let L;b!==void 0&&u!==void 0&&h!==void 0&&o!==void 0&&(L=new x([h,b,o,u]));let V=t.searchParams.get("point");if(V){let[f,v]=V.split(",").map(Number);L=new q(v,f)}let B=(M=t.searchParams.get("format"))!=null?M:void 0,C=(H=t.searchParams.getAll("label"))!=null?H:void 0,J=C&&C.length>0?C:void 0,F=t.searchParams.getAll("variable"),Q=(S=t.searchParams.get("average"))!=null?S:void 0,W=t.searchParams.get("maxResults")==="10"?!0:void 0;return new O({environment:n,collectionConceptId:l,variableConceptIds:m,variables:F.length>0?F:void 0,location:L,startDate:I,endDate:U,format:B,labels:J,average:Q,anonymous:W,dimensions:D.length>0?D:void 0})}};r=new WeakMap;var k=O;export{N as a,k as b};
+//! force async responses. We ALWAYS want a job returned, never a redirect

package/dist/chunks/chunk.E5YBSQDR.js

@@ -0,0 +1 @@
+import{a}from"./chunk.4ZCRXZ5T.js";var f=a;a.define("terra-avatar");export{f as a};

package/dist/chunks/chunk.EU3AVR52.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.ORVKGKKH.js";var m=r;r.define("terra-harmony-history");export{m as a};

package/dist/chunks/chunk.FCKU7FCT.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.GFLDOB42.js";var p=e;e.define("terra-file-upload");export{p as a};

package/dist/chunks/chunk.FGGGL6TR.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7DW64TGT.js";var T=e;e.define("terra-toast");export{T as a};

package/dist/chunks/chunk.FOTHGJDQ.js

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

package/dist/chunks/chunk.FR7BDEKN.js

@@ -0,0 +1 @@
+import{c as et}from"./chunk.64Z5WQSA.js";import{a as Z}from"./chunk.VZJ3CHHD.js";import{b as tt}from"./chunk.E5WOJ3PK.js";import{b as Y}from"./chunk.DSWDVHOD.js";import{b as X}from"./chunk.HZOOFT3Z.js";import{c as z,e as G}from"./chunk.7XLMISB3.js";import{a as Q}from"./chunk.W5WASIVZ.js";import{c as O}from"./chunk.QGXUQL5S.js";import{a as W,f as t,g as n,h as A,i as s}from"./chunk.INFVQQSJ.js";import{Task as nt}from"@lit/task";var ht="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",ct=300,lt=1e4,e,f,J,I,d,_,rt,H,at,T,N,v,x,y,k,L,it,u,w,S,B,ot=class{constructor(r){n(this,_);n(this,H);n(this,T);n(this,v);n(this,y);n(this,L);n(this,u);n(this,S);n(this,e,void 0);n(this,f,new et);n(this,J,new G);n(this,I,void 0);n(this,d,void 0);A(this,e,r),A(this,I,new X(t(this,e),{getCollectionEntryId:()=>s(this,_,rt).call(this),getBearerToken:()=>t(this,e).bearerToken})),A(this,d,new Z(t(this,e))),this.jobStatusTask=new nt(r,{task:async([],{signal:o})=>{var V,$,q,K;let a=t(this,e).startDate,c=t(this,e).endDate,l=t(this,e).location,p=t(this,e).catalogVariable;if(!a||!c||!l||!p)return;t(this,d).reset(),t(this,e).harmonyJobId=void 0;let m=this.getCacheKey();if(t(this,e).cache){let i=await t(this,f).getValidCacheEntry(m);if(i)return console.log("Returning existing map blob from cache",m),t(this,e).harmonyJobId=i.harmonyJobId,s(this,y,k).call(this,i.blob),i.blob}if(t(this,e).jobId){console.log("Using provided jobId, waiting for harmony job...");let i=await s(this,T,N).call(this,t(this,e).jobId,o);if(i.status==="failed"){let F=i.message||(($=(V=i.errors)==null?void 0:V[0])==null?void 0:$.message)||"The subset job failed",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}if(i.status==="complete_with_errors"&&i.errors&&i.errors.length>0){let F=i.errors[0].message||"The subset job completed with errors",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}let b=await s(this,v,x).call(this,i,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:b,environment:t(this,e).environment,harmonyJobId:t(this,e).jobId}),t(this,e).harmonyJobId=t(this,e).jobId,s(this,y,k).call(this,b),b}let E=await s(this,H,at).call(this,o),[C,j,D,R]=l.split(",").map(Number),st=new Q([C,j,D,R]),M=new tt({collectionConceptId:E,location:st,environment:t(this,e).environment}).variable(`${t(this,e).collection}_${t(this,e).variable}`).dateRange(new Date(a).toISOString(),new Date(c).toISOString()).format("image/tiff").average("time").label("terra-time-average-map");t(this,e).applicationId&&M.label(t(this,e).applicationId),M.addLabelsFromVariable(p),console.log("Creating time average map job...");let U;try{let i=await t(this,d).startJob({harmonyRequest:M,options:{signal:o,bearerToken:t(this,e).bearerToken,environment:t(this,e).environment}});U=i.jobID,t(this,e).emit("terra-harmony-job-status-update",{detail:i})}catch(i){throw s(this,u,w).call(this,i),i}console.log("Waiting for harmony job...");let h=await s(this,T,N).call(this,U,o);if(h.status==="failed"){let i=h.message||((K=(q=h.errors)==null?void 0:q[0])==null?void 0:K.message)||"The subset job failed",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}if(h.status==="complete_with_errors"&&h.errors&&h.errors.length>0){let i=h.errors[0].message||"The subset job completed with errors",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}let P=await s(this,v,x).call(this,h,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:P,environment:t(this,e).environment,harmonyJobId:h.jobID}),t(this,e).harmonyJobId=h.jobID,s(this,y,k).call(this,P),P},args:()=>[],autoRun:!1})}render(r){return this.jobStatusTask.render(r)}getCacheKey(){var m,E,C,j,D,R;let r=(m=t(this,e).collection)!=null?m:"",o=(E=t(this,e).variable)!=null?E:"",a=(C=t(this,e).startDate)!=null?C:"",c=(j=t(this,e).endDate)!=null?j:"",l=(D=t(this,e).location)!=null?D:"",p=(R=t(this,e).environment)!=null?R:"prod";return t(this,f).getCacheKey(r,o,a,c,l,p)}};e=new WeakMap,f=new WeakMap,J=new WeakMap,I=new WeakMap,d=new WeakMap,_=new WeakSet,rt=function(){let r=t(this,e).collection,o=t(this,e).catalogVariable;if(!(!r||!o))return`${o.dataProductShortName}_${o.dataProductVersion}`},H=new WeakSet,at=async function(r){let o=Date.now()+lt;for(;;){if(r.aborted)throw new Error("Aborted while waiting for collection concept ID");let a=t(this,I).conceptId;if(a)return a;if(Date.now()>o)throw new Error("Timed out waiting for collection concept ID");await s(this,S,B).call(this,200,r)}},T=new WeakSet,N=async function(r,o){for(t(this,d).startPollForJobStatus(r,{bearerToken:t(this,e).bearerToken});;){if(o.aborted)throw new Error("Job polling was aborted");let a=t(this,d).data;if(a&&t(this,e).emit("terra-harmony-job-status-update",{detail:a}),(a==null?void 0:a.jobID)===r&&z.has(a.status))return a;await s(this,S,B).call(this,ct,o)}},v=new WeakSet,x=async function(r,o){var p;let a=(p=r.links.find(m=>m.rel==="data"))==null?void 0:p.href;if(!a)throw new Error("No data link found for Harmony job");let c=`${ht}?url=${encodeURIComponent(a)}`,l=await fetch(c,{signal:o,headers:W({},t(this,e).bearerToken?{Authorization:`Bearer ${t(this,e).bearerToken}`}:{})});if(!l.ok)throw new Error(`Failed to fetch subset job data: ${l.statusText}`);return l.blob()},y=new WeakSet,k=function(r){this.blobUrl=r,t(this,e).emit("terra-time-average-map-data-change",{detail:{data:r,variable:t(this,e).catalogVariable,startDate:O(t(this,e).startDate),endDate:O(t(this,e).endDate),location:t(this,e).location,colorMap:t(this,e).colorMapName,harmonyJobId:t(this,e).harmonyJobId}}),t(this,e).updateGeoTIFFLayer(r);let o=t(this,e).harmonyJobId;o&&s(this,L,it).call(this,o).catch(console.error)},L=new WeakSet,it=async function(r,o=1500){await new Promise(c=>setTimeout(c,o));let a=await t(this,e).captureMapThumbnail();a&&await t(this,J).store(r,a)},u=new WeakSet,w=function(r,o){let a=Y(r,o);t(this,e).dispatchEvent(new CustomEvent("terra-time-average-map-error",{detail:a,bubbles:!0,composed:!0}))},S=new WeakSet,B=function(r,o){return new Promise((a,c)=>{if(o.aborted){c(new Error("Aborted"));return}let l=setTimeout(a,r);o.addEventListener("abort",()=>{clearTimeout(l),c(new Error("Aborted"))})})};export{ot as a};

package/dist/chunks/chunk.FV56KCWS.js

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

package/dist/chunks/chunk.FWV4BQ4W.js

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

package/dist/chunks/chunk.G5V47DTL.js

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

package/dist/chunks/chunk.GFLDOB42.js

@@ -0,0 +1,121 @@
+import{a as u}from"./chunk.GXNNVXXJ.js";import{a as d,c as h}from"./chunk.BLIMMPQ7.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as r,query as f,state as o}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{html as n}from"lit";import{ifDefined as c}from"lit/directives/if-defined.js";var t=class extends h{constructor(){super(...arguments);this.files=[];this.isDragging=!1;this.hasFocus=!1;this.label="Upload";this.helpText="";this.name="";this.multiple=!1;this.disabled=!1;this.required=!1;this.accept="";this.handleDragOver=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)};this.handleDragLeave=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!1)};this.handleDrop=e=>{var s;if(this.disabled)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;let i=(s=e.dataTransfer)==null?void 0:s.files;i&&i.length>0&&this.handleFiles(Array.from(i))};this.handleFileInputChange=e=>{let i=e.target;i.files&&i.files.length>0&&this.handleFiles(Array.from(i.files))};this.handleClick=()=>{this.disabled||this.fileInput.click()};this.handleChangeFiles=()=>{this.handleClick()};this.handleFocus=()=>{this.hasFocus=!0,this.emit("terra-focus")};this.handleBlur=()=>{this.hasFocus=!1,this.emit("terra-blur")}}connectedCallback(){super.connectedCallback()}firstUpdated(){this.setupDragAndDrop()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupDragAndDrop(),this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)})}setupDragAndDrop(){this.dropzone&&(this.dropzone.addEventListener("dragover",this.handleDragOver),this.dropzone.addEventListener("dragleave",this.handleDragLeave),this.dropzone.addEventListener("drop",this.handleDrop))}cleanupDragAndDrop(){this.dropzone&&(this.dropzone.removeEventListener("dragover",this.handleDragOver),this.dropzone.removeEventListener("dragleave",this.handleDragLeave),this.dropzone.removeEventListener("drop",this.handleDrop))}handleFiles(e){let i=e;if(this.multiple&&this.maxFiles){let a=this.maxFiles-this.files.length;if(a<=0)return;i=i.slice(0,a)}else this.multiple||(i=[i[0]]);this.maxFileSize&&(i=i.filter(a=>a.size<=this.maxFileSize));let s=i.map(a=>{let p=a;return a.type.startsWith("image/")&&(p.preview=URL.createObjectURL(a)),p});this.multiple?this.files=[...this.files,...s]:(this.files.forEach(a=>{a.preview&&a.preview.startsWith("blob:")&&URL.revokeObjectURL(a.preview)}),this.files=s),this.emit("terra-change")}getFiles(){return[...this.files]}clearFiles(){this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)}),this.files=[],this.fileInput&&(this.fileInput.value=""),this.emit("terra-change")}render(){let e=this.files.length>0,i=this.files.length;return n`
+            <div class="file-upload-wrapper">
+                ${this.label?n`
+                          <label for="file-input" class="file-upload__label">
+                              ${this.label}
+                              ${this.required?n`<span class="file-upload__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+                ${e?n`
+                          <div class="file-upload__preview">
+                              <div class="file-upload__preview-header">
+                                  <strong class="file-upload__file-count"
+                                      >${i}
+                                      ${i===1?"file":"files"}
+                                      selected</strong
+                                  >
+                                  <button
+                                      type="button"
+                                      class="file-upload__change-link"
+                                      @click=${this.handleChangeFiles}
+                                      ?disabled=${this.disabled}
+                                  >
+                                      Change files
+                                  </button>
+                              </div>
+                              <div class="file-upload__file-list">
+                                  ${this.files.map(s=>n`
+                                          <div
+                                              class="file-upload__file-item"
+                                              part="file-item"
+                                          >
+                                              ${s.preview?n`
+                                                        <img
+                                                            part="file-thumbnail"
+                                                            class="file-upload__thumbnail"
+                                                            src=${s.preview}
+                                                            alt=${s.name}
+                                                        />
+                                                    `:n`
+                                                        <div
+                                                            class="file-upload__thumbnail file-upload__thumbnail--placeholder"
+                                                        >
+                                                            <svg
+                                                                width="24"
+                                                                height="24"
+                                                                viewBox="0 0 24 24"
+                                                                fill="none"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                            >
+                                                                <path
+                                                                    d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                                <path
+                                                                    d="M14 2V8H20"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                            </svg>
+                                                        </div>
+                                                    `}
+                                              <span
+                                                  part="file-name"
+                                                  class="file-upload__file-name"
+                                                  >${s.name}</span
+                                              >
+                                          </div>
+                                      `)}
+                              </div>
+                          </div>
+                      `:n`
+                          <div
+                              part="dropzone"
+                              class=${v({"file-upload__dropzone":!0,"file-upload__dropzone--dragging":this.isDragging,"file-upload__dropzone--focused":this.hasFocus,"file-upload__dropzone--disabled":this.disabled})}
+                              @click=${this.handleClick}
+                              @keydown=${s=>{(s.key==="Enter"||s.key===" ")&&!this.disabled&&(s.preventDefault(),this.handleClick())}}
+                              @focus=${this.handleFocus}
+                              @blur=${this.handleBlur}
+                              tabindex=${this.disabled?"-1":"0"}
+                              role="button"
+                              aria-label="Upload files"
+                          >
+                              <slot>
+                                  <span class="file-upload__dropzone-text">
+                                      Drag files here or
+                                      <button
+                                          type="button"
+                                          class="file-upload__browse-link"
+                                          @click=${s=>{s.stopPropagation(),this.handleClick()}}
+                                      >
+                                          choose from folder
+                                      </button>
+                                  </span>
+                              </slot>
+                          </div>
+                      `}
+
+                <input
+                    part="file-input"
+                    class="file-upload__input"
+                    id="file-input"
+                    type="file"
+                    name=${c(this.name||void 0)}
+                    ?multiple=${this.multiple}
+                    ?disabled=${this.disabled}
+                    ?required=${this.required}
+                    accept=${c(this.accept||void 0)}
+                    @change=${this.handleFileInputChange}
+                    tabindex="-1"
+                />
+
+                ${this.helpText?n`<div class="file-upload__help-text">${this.helpText}</div>`:""}
+            </div>
+        `}};t.styles=[d,u],l([f(".file-upload__input")],t.prototype,"fileInput",2),l([f(".file-upload__dropzone")],t.prototype,"dropzone",2),l([o()],t.prototype,"files",2),l([o()],t.prototype,"isDragging",2),l([o()],t.prototype,"hasFocus",2),l([r()],t.prototype,"label",2),l([r({attribute:"help-text"})],t.prototype,"helpText",2),l([r()],t.prototype,"name",2),l([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),l([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([r({type:Boolean,reflect:!0})],t.prototype,"required",2),l([r()],t.prototype,"accept",2),l([r({type:Number,attribute:"max-file-size"})],t.prototype,"maxFileSize",2),l([r({type:Number,attribute:"max-files"})],t.prototype,"maxFiles",2);export{t as a};

package/dist/chunks/chunk.GQUYP7LA.js

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

package/dist/chunks/chunk.GRCVGHKV.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.MJFEBDJV.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as i,c as o}from"./chunk.BLIMMPQ7.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as a}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as l}from"lit/decorators.js";var c=0,t=class extends o{constructor(){super(...arguments);this.attrId=++c;this.componentId=`terra-tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return p`
+            <slot
+                part="base"
+                class=${a({"tab-panel":!0,"tab-panel--active":this.active})}
+            ></slot>
+        `}};t.styles=[i,s],e([l({reflect:!0})],t.prototype,"name",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/dist/chunks/chunk.HPAZBPEI.js

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