@nasa-terra/components 0.0.182 → 0.0.184

package/dist/chunks/chunk.QTP64RAB.js

@@ -0,0 +1,145 @@
+import{a as P}from"./chunk.OIUVQPNF.js";import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,b as A}from"./chunk.HA6P2NGF.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
+            <li
+                id="listbox-option-${i}"
+                role="option"
+                class="listbox-option"
+                data-name=${e.name}
+                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
+            >
+                ${e.name}
+            </li>
+        `);l(this,b,(e,i)=>h`
+            <li class="listbox-option-group" data-tree-walker="filter_skip">
+                <span class="group-title" data-tree-walker="filter_skip"
+                    >${e.name}</span
+                >
+                <ul data-tree-walker="filter_skip">
+                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
+                                <li
+                                    id="listbox-option-${i}.${o}"
+                                    role="option"
+                                    class="listbox-option"
+                                    data-name=${s.title?s.title:s.name}
+                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
+                                >
+                                    ${s.title?s.title:s.name}
+                                </li>
+                            `)}
+                </ul>
+            </li>
+        `);l(this,I,()=>h`
+            <li class="error listbox-option-group">${this.content.data}</li>
+        `);l(this,k,()=>h`
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                <input
+                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,$)}
+                    @keydown=${t(this,M)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Items"
+                    class="combobox-button"
+                    id="combobox-button"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,v)}
+                >
+                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
+                              aria-hidden="true"
+                              class="button-icon chevron"
+                              focusable="false"
+                              viewBox="0 0 400 400"
+                              xmlns="http://www.w3.org/2000/svg"
+                              fill="currentColor"
+                          >
+                              <path
+                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
+                              ></path>
+                          </svg> `:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?H:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              target="_blank"
+                              >extended search syntax
+                              <svg
+                                  aria-hidden="true"
+                                  class="external-link"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  width="14"
+                                  height="14"
+                                  viewBox="0 0 24 24"
+                              >
+                                  <path
+                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                  /></svg></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,w)}
+                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
+            </ul>
+        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.QVD2R5SK.js

@@ -0,0 +1,14 @@
+import{a as d}from"./chunk.DSG7TPJW.js";import{a as i,b as g}from"./chunk.HA6P2NGF.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as b}from"lit";import{property as m,query as f,state as h}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";var r=class extends g{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!0)}handleBlur(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!1)}handleMouseOver(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!0)}handleMouseOut(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let n=e.indexOf(t),o=a(t);o&&(o.toggleAttribute("data-terra-button-group__button",!0),o.toggleAttribute("data-terra-button-group__button--first",n===0),o.toggleAttribute("data-terra-button-group__button--inner",n>0&&n<e.length-1),o.toggleAttribute("data-terra-button-group__button--last",n===e.length-1),o.toggleAttribute("data-terra-button-group__button--radio",o.tagName.toLowerCase()==="terra-radio-button"))})}render(){return b`
+            <div
+                part="base"
+                class="button-group"
+                role=${this.disableRole?"presentation":"group"}
+                aria-label=${p(this.label||void 0)}
+                @focusout=${this.handleBlur}
+                @focusin=${this.handleFocus}
+                @mouseover=${this.handleMouseOver}
+                @mouseout=${this.handleMouseOut}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}};r.styles=[i,d],l([f("slot")],r.prototype,"defaultSlot",2),l([h()],r.prototype,"disableRole",2),l([m()],r.prototype,"label",2);function a(s){var e;let u="terra-button, terra-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{r as a};

package/dist/chunks/chunk.QYIGKD2N.js

@@ -0,0 +1,37 @@
+function o(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.183" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render a time averaged map"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeAverageMap
+map = TerraTimeAverageMap()
+map.collection='${e.catalogVariable.dataFieldId.replace(`_${e.catalogVariable.dataFieldAccessName}`,"")}'
+map.variable = '${e.catalogVariable.dataFieldAccessName}'
+map.startDate = '${e.startDate}'
+map.endDate = '${e.endDate}'
+map.location = '${e.location}'
+
+map`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the map GeoTIFF bytes
+`,`
+`,"Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`",`
+`,"Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:`import rasterio
+from rasterio.io import MemoryFile
+from io import BytesIO
+import matplotlib.pyplot as plt
+
+# map.data contains the rendered GeoTIFF as bytes
+with MemoryFile(map.data) as memfile:
+    with memfile.open() as dataset:
+        # You can now work with the dataset as if it were opened from a file
+        print(f"Driver: {dataset.driver}")
+        print(f"CRS: {dataset.crs}")
+        print(f"Bounds: {dataset.bounds}")
+        data = dataset.read(1)
+        print(f"Data shape: {data.shape}")
+
+        # Example of creating a figure and displaying the data
+        plt.figure(figsize=(10, 8))
+        plt.imshow(data, cmap='viridis')  # You can change the colormap
+        plt.colorbar(label='Values')
+        plt.title('GeoTIFF Visualization')
+        plt.xlabel('X')
+        plt.ylabel('Y')
+        plt.show()`}]}export{o as a};

package/dist/chunks/chunk.R6CNKG4J.js

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

package/dist/chunks/chunk.R75DWQV5.js

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

@@ -0,0 +1,11 @@
+import{a as s}from"./chunk.Z47EAJ4R.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a as e,b as r}from"./chunk.HA6P2NGF.js";import{classMap as a}from"lit/directives/class-map.js";import{html as l}from"lit";var t=class extends r{constructor(){super(...arguments);this.hasSlotController=new o(this,"footer","header","image")}render(){return l`
+            <div
+                part="base"
+                class=${a({card:!0,"card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header")})}
+            >
+                <slot name="image" part="image" class="card__image"></slot>
+                <slot name="header" part="header" class="card__header"></slot>
+                <slot part="body" class="card__body"></slot>
+                <slot name="footer" part="footer" class="card__footer"></slot>
+            </div>
+        `}};t.styles=[e,s];export{t as a};

package/dist/chunks/chunk.RQCYBIOC.js

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

package/dist/chunks/chunk.RTOHFMWB.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.RXQXGNNY.js";import*as r from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var t="terra-variable-keyword-search";e.define("terra-variable-keyword-search");var n=a({tagName:t,elementClass:e,react:r,events:{onTerraVariableKeywordSearchChange:"terra-variable-keyword-search-change",onTerraSearch:"terra-search"},displayName:"TerraVariableKeywordSearch"}),h=n;export{h as a};

package/dist/chunks/chunk.RXQXGNNY.js

@@ -0,0 +1,74 @@
+import{b as W,c as u,d as v}from"./chunk.6WTTSLOK.js";import{a as w}from"./chunk.Q6Y44MV7.js";import{a as Q}from"./chunk.6VRE7YNG.js";import{a as O}from"./chunk.O65DGSMU.js";import{a as N}from"./chunk.NNXNQL2F.js";import{a as U}from"./chunk.J5Q4TWEG.js";import{a as R,b as F}from"./chunk.HA6P2NGF.js";import{a as q,b as C,e as o,f as t,g as l,h as m,i as d}from"./chunk.INFVQQSJ.js";import j from"fuse.js";import{LitElement as z,html as E,nothing as B}from"lit";import{property as b,state as $}from"lit/decorators.js";import{map as D}from"lit/directives/map.js";import{ref as A}from"lit/directives/ref.js";var a,x,r,L,c,k,M,H,f,y,p,g,T,P,s=class s extends F{constructor(){super(...arguments);l(this,p);l(this,T);l(this,a,null);l(this,x,new w(this));l(this,r,null);l(this,L,null);l(this,c,null);this.label="Enter search terms (e.g., precipitation, AOD)";this.hideLabel=!0;this.searchConfig={keys:["id"],useExtendedSearch:!0};this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];l(this,k,i=>{var n;let e=i.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(n=t(this,L))==null?void 0:n.search(e.value).map(({item:h})=>h)});l(this,M,i=>{let e=i.composedPath(),[n]=e.filter(h=>h.role==="option");n&&(t(this,y).call(this,n),d(this,p,g).call(this,this.query))});l(this,H,i=>{var e;switch(i.key){case"ArrowDown":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"next");break}case"ArrowUp":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"previous");break}case"Enter":{let n=(e=t(this,c))==null?void 0:e.currentNode;n.role==="option"&&t(this,y).call(this,n),d(this,p,g).call(this,this.query);break}case"Escape":{u(t(this,a),t(this,r)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});l(this,f,i=>{i.composedPath().some(h=>h.localName===s.tagName)||(this.isExpanded=!1)});l(this,y,i=>{this.query=i.id,this.emit("terra-variable-keyword-search-change",{detail:i.id}),this.isExpanded=!1,u(t(this,a),t(this,r))})}async valueChanged(i,e){this.query=e}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,f))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var i;return E`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                <terra-button
+                    @click=${()=>d(this,p,g).call(this,this.query)}
+                    aria-label=${this.query?`Search for ${this.query}.`:"Enter search term to enable search."}
+                    circle
+                    class="search-button search-input-button"
+                    outline
+                    tabindex="-1"
+                    type="button"
+                >
+                    <slot name="label">
+                        <terra-icon
+                            font-size="1.5em"
+                            library="heroicons"
+                            name="outline-magnifying-glass"
+                        ></terra-icon>
+                    </slot>
+                </terra-button>
+
+                <input
+                    ${A(e=>{var n;e&&((n=t(this,a))!=null||m(this,a,e))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    autocomplete="off"
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(i=this.placeholder)!=null?i:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,k)}
+                    @keydown=${t(this,H)}
+                />
+
+                ${this.query.length?E`<terra-button
+                          @click=${()=>d(this,T,P).call(this)}
+                          aria-label="Clear the searched term and start over."
+                          circle
+                          class="clear-button search-input-button"
+                          outline
+                          tabindex="-1"
+                          type="button"
+                      >
+                          <slot name="label">
+                              <terra-icon
+                                  font-size="1.5em"
+                                  library="heroicons"
+                                  name="outline-x-circle"
+                              ></terra-icon>
+                          </slot>
+                      </terra-button>`:B}
+            </div>
+
+            <ul
+                ${A(e=>{var n;e&&((n=t(this,r))!=null||m(this,r,e))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Keywords Matching ${this.query}`:"Keywords"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,x).render({initial:()=>E`<li class="updating">Updating List of Keywords</li>`,pending:()=>E`<li class="updating">Updating List of Keywords</li>`,complete:e=>(m(this,L,new j(e,this.searchConfig)),m(this,c,document.createTreeWalker(t(this,r),NodeFilter.SHOW_ELEMENT,n=>{var h;return["option","listbox"].includes((h=n.role)!=null?h:"")?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP})),D(this.searchResults,W)),error:e=>E`<li class="error">${e}</li>`})}
+            </ul>
+        </search>`}};a=new WeakMap,x=new WeakMap,r=new WeakMap,L=new WeakMap,c=new WeakMap,k=new WeakMap,M=new WeakMap,H=new WeakMap,f=new WeakMap,y=new WeakMap,p=new WeakSet,g=function(i){i.length&&this.emit("terra-search",{detail:this.query})},T=new WeakSet,P=function(){var i;this.query=s.initialQuery,this.emit("terra-search",{detail:this.query}),u(t(this,a),t(this,r)),(i=t(this,a))==null||i.focus()},s.dependencies={"terra-button":N,"terra-icon":O},s.styles=[R,Q],s.shadowRootOptions=C(q({},z.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-keyword-search",s.initialQuery="",o([b()],s.prototype,"label",2),o([b()],s.prototype,"placeholder",2),o([b({attribute:"hide-label",type:Boolean})],s.prototype,"hideLabel",2),o([b({reflect:!1,type:Object})],s.prototype,"searchConfig",2),o([b()],s.prototype,"value",2),o([$()],s.prototype,"isExpanded",2),o([$()],s.prototype,"query",2),o([$()],s.prototype,"searchResults",2),o([U("value")],s.prototype,"valueChanged",1);var I=s;export{I as a};

package/dist/chunks/chunk.S4FREG7O.js

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

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

package/dist/chunks/chunk.SDQRX3Y5.js

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

package/dist/chunks/chunk.SFCTQLIF.js

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

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

package/dist/chunks/chunk.SSDPL2EK.js

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

@@ -0,0 +1,9 @@
+import{a as l}from"./chunk.Z4MRB553.js";import{a as i}from"./chunk.ATR343ZS.js";import{a as r,b as o}from"./chunk.HA6P2NGF.js";import{e}from"./chunk.INFVQQSJ.js";import{html as p}from"lit";import{property as s}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.rows=1;this.effect="pulse";this.variableWidths=!0}render(){return p`
+            ${new Array(parseInt(this.rows.toString())).fill(0).map(()=>p` <div
+                        part="base"
+                        class=${`skeleton ${this.effect==="pulse"?"skeleton--pulse":""} ${this.effect==="sheen"?"skeleton--sheen":""}`}
+                        style=${this.variableWidths?`width: ${l(60,100)}%`:""}
+                    >
+                        <div part="indicator" class="skeleton__indicator"></div>
+                    </div>`)}
+        `}};t.styles=[r,i],e([s()],t.prototype,"rows",2),e([s()],t.prototype,"effect",2),e([s({type:Boolean,reflect:!0})],t.prototype,"variableWidths",2);export{t as a};

package/dist/chunks/chunk.TCQ4NKER.js

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

package/dist/chunks/chunk.TG2OAF4H.js

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

package/dist/chunks/chunk.TLJFCIBQ.js

@@ -0,0 +1,20 @@
+import{a as $}from"./chunk.7JZVKWGI.js";import{a as x,b as z}from"./chunk.HA6P2NGF.js";import{a as w,b as E,e as i}from"./chunk.INFVQQSJ.js";import{arrow as C,autoUpdate as P,computePosition as A,flip as L,offset as O,platform as y,shift as H,size as S}from"@floating-ui/dom";import{classMap as B}from"lit/directives/class-map.js";import{html as R}from"lit";import{offsetParent as M}from"composed-offset-position";import{property as s,query as k}from"lit/decorators.js";function j(d){return d!==null&&typeof d=="object"&&"getBoundingClientRect"in d&&("contextElement"in d?d.contextElement instanceof Element:!0)}var e=class extends z{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let t=this.anchorEl.getBoundingClientRect(),o=this.popup.getBoundingClientRect(),n=this.placement.includes("top")||this.placement.includes("bottom"),a=0,h=0,c=0,m=0,f=0,r=0,l=0,p=0;n?t.top<o.top?(a=t.left,h=t.bottom,c=t.right,m=t.bottom,f=o.left,r=o.top,l=o.right,p=o.top):(a=o.left,h=o.bottom,c=o.right,m=o.bottom,f=t.left,r=t.top,l=t.right,p=t.top):t.left<o.left?(a=t.right,h=t.top,c=o.left,m=o.top,f=t.right,r=t.bottom,l=o.left,p=o.bottom):(a=o.right,h=o.top,c=t.left,m=t.top,f=o.right,r=o.bottom,l=t.left,p=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${h}px`),this.style.setProperty("--hover-bridge-top-right-x",`${c}px`),this.style.setProperty("--hover-bridge-top-right-y",`${m}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${f}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${r}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${p}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||j(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){!this.anchorEl||!this.active||(this.cleanup=P(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame(()=>t())):t()})}reposition(){if(!this.active||!this.anchorEl)return;let t=[O({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(S({apply:({rects:n})=>{let a=this.sync==="width"||this.sync==="both",h=this.sync==="height"||this.sync==="both";this.popup.style.width=a?`${n.reference.width}px`:"",this.popup.style.height=h?`${n.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(L({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(H({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(S({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:n,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${n}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(C({element:this.arrowEl,padding:this.arrowPadding}));let o=this.strategy==="absolute"?n=>y.getOffsetParent(n,M):y.getOffsetParent;A(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:E(w({},y),{getOffsetParent:o})}).then(({x:n,y:a,middlewareData:h,placement:c})=>{let f={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];if(this.setAttribute("data-current-placement",c),Object.assign(this.popup.style,{left:`${n}px`,top:`${a}px`}),this.arrow){let r=h.arrow.x,l=h.arrow.y,p="",g="",b="",u="";if(this.arrowPlacement==="start"){let v=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";p=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",g="",u=v}else this.arrowPlacement==="end"?(g=typeof r=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",u="",b=typeof l=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(u=typeof r=="number"?"calc(50% - var(--arrow-size-diagonal))":"",p=typeof l=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(u=typeof r=="number"?`${r}px`:"",p=typeof l=="number"?`${l}px`:"");Object.assign(this.arrowEl.style,{top:p,right:g,bottom:b,left:u,[f]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge()),this.emit("terra-reposition")}render(){return R`
+            <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
+
+            <span
+                part="hover-bridge"
+                class=${B({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
+            ></span>
+
+            <div
+                part="popup"
+                class=${B({popup:!0,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
+            >
+                <slot></slot>
+                ${this.arrow?R`<div
+                          part="arrow"
+                          class="popup__arrow"
+                          role="presentation"
+                      ></div>`:""}
+            </div>
+        `}};e.styles=[x,$],i([k(".popup")],e.prototype,"popup",2),i([k(".popup__arrow")],e.prototype,"arrowEl",2),i([s()],e.prototype,"anchor",2),i([s({type:Boolean,reflect:!0})],e.prototype,"active",2),i([s({reflect:!0})],e.prototype,"placement",2),i([s({reflect:!0})],e.prototype,"strategy",2),i([s({type:Number})],e.prototype,"distance",2),i([s({type:Number})],e.prototype,"skidding",2),i([s({type:Boolean})],e.prototype,"arrow",2),i([s({attribute:"arrow-placement"})],e.prototype,"arrowPlacement",2),i([s({attribute:"arrow-padding",type:Number})],e.prototype,"arrowPadding",2),i([s({type:Boolean})],e.prototype,"flip",2),i([s({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map(o=>o.trim()).filter(o=>o!==""),toAttribute:t=>t.join(" ")}})],e.prototype,"flipFallbackPlacements",2),i([s({attribute:"flip-fallback-strategy"})],e.prototype,"flipFallbackStrategy",2),i([s({type:Object})],e.prototype,"flipBoundary",2),i([s({attribute:"flip-padding",type:Number})],e.prototype,"flipPadding",2),i([s({type:Boolean})],e.prototype,"shift",2),i([s({type:Object})],e.prototype,"shiftBoundary",2),i([s({attribute:"shift-padding",type:Number})],e.prototype,"shiftPadding",2),i([s({attribute:"auto-size"})],e.prototype,"autoSize",2),i([s()],e.prototype,"sync",2),i([s({type:Object})],e.prototype,"autoSizeBoundary",2),i([s({attribute:"auto-size-padding",type:Number})],e.prototype,"autoSizePadding",2),i([s({attribute:"hover-bridge",type:Boolean})],e.prototype,"hoverBridge",2);export{e as a};

package/dist/chunks/chunk.TWEOK6VS.js

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

package/dist/chunks/chunk.TXXPV74J.js

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

package/dist/chunks/chunk.U2GEMG42.js

@@ -0,0 +1,75 @@
+import{a as y}from"./chunk.4H7EP4CT.js";import{a as V}from"./chunk.IYLOXJSX.js";import{a as c}from"./chunk.J5Q4TWEG.js";import{a as g,b as f}from"./chunk.HA6P2NGF.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as h,query as _,state as p}from"lit/decorators.js";import{html as m}from"lit";import v,{PipsMode as N}from"nouislider";var i=class extends f{constructor(){super(...arguments);this.mode="single";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.hasPips=!1;this.hasTooltips=!1;this.showInputs=!1;this.label="Slider";this.hideLabel=!1;this.hasBeenManipulated=!1}updateSlider(){this.renderSlider()}disabledChanged(){var e,t,u,n;this.disabled?(t=(e=this.slider)==null?void 0:e.noUiSlider)==null||t.disable():(n=(u=this.slider)==null?void 0:u.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}_getStartValues(){var n,o,a;let e=Number(this.min),t=Number(this.max);if(this.mode==="range"){let r=(n=this.startValue)!=null?n:e,s=(o=this.endValue)!=null?o:t;return[r,s]}return[(a=this.value)!=null?a:e]}renderSlider(){var a;if(!this.slider)return;(a=this.slider.noUiSlider)==null||a.destroy();let e=Number(this.min),t=Number(this.max);if(!Number.isFinite(e)||!Number.isFinite(t)||t<e){v.create(this.slider,{start:[0],range:{min:0,max:0}});return}let u=this._getStartValues(),n={range:{min:e,max:t},start:u,step:this.step,connect:this.mode==="range",tooltips:this.formatTooltip?{to:r=>{var s,d;return(d=(s=this.formatTooltip)==null?void 0:s.call(this,r))!=null?d:r}}:this.hasTooltips,behaviour:"drag",format:this._getFormatter(),pips:this.hasPips?{mode:N.Range,density:-1,format:this._getFormatter()}:void 0};v.create(this.slider,n);let o=this.slider.noUiSlider.get();if(this.mode==="range"){let[r,s]=Array.isArray(o)?o.map(Number):[e,t];this.currentStartValue=r,this.currentEndValue=s,this.hasBeenManipulated=r!==e||s!==t}else{let[r]=Array.isArray(o)?o.map(Number):[e];this.currentValue=r,this.hasBeenManipulated=r!==e}this.hasTooltips&&this.mode==="range"&&V(this.slider,15,"-"),this.slider.noUiSlider.on("update",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e}this.requestUpdate()}),this.slider.noUiSlider.on("change",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t,this.emit("terra-slider-change",{detail:{startValue:s,endValue:d}})}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e,this.emit("terra-slider-change",{detail:{value:s}})}this.requestUpdate()}),this.slider.noUiSlider.on("update",()=>{this._updateInputFields()}),this.slider.noUiSlider.on("change",()=>{this._updateInputFields()}),this.disabledChanged()}_updateInputFields(){if(!this.showInputs)return;let e=this.slider.noUiSlider.get(),t=Array.isArray(e)?e:[e];this.requestUpdate(),setTimeout(()=>{var u,n,o;if(this.mode==="range"){let a=(u=this.shadowRoot)==null?void 0:u.querySelector("#slider-start-input"),r=(n=this.shadowRoot)==null?void 0:n.querySelector("#slider-end-input");a&&(a.value=this._formatValue(Number(t[0]))),r&&(r.value=this._formatValue(Number(t[1])))}else{let a=(o=this.shadowRoot)==null?void 0:o.querySelector("#slider-value-input");a&&(a.value=this._formatValue(Number(t[0])))}},10)}_getFormatter(){let e=Number.isInteger(this.step);return{to:t=>{if(e)return Math.round(t).toString();{let u=this.step.toString(),n=u.includes(".")?u.split(".")[1].length:0;return t.toFixed(n)}},from:t=>Number(t)}}_formatValue(e){let t=Number(e);if(isNaN(t))return"0";if(Number.isInteger(this.step))return Math.round(t).toString();{let n=this.step.toString(),o=n.includes(".")?n.split(".")[1].length:0;return t.toFixed(o)}}handleClear(){let e=Number(this.min),t=Number(this.max);this.mode==="range"?(this.slider.noUiSlider.set([e,t]),this.currentStartValue=e,this.currentEndValue=t,this.hasBeenManipulated=!1):(this.slider.noUiSlider.set([e]),this.currentValue=e,this.hasBeenManipulated=!1),this.requestUpdate()}render(){var s,d,b;let e="container"+(this.hasPips?" hasPips":""),t=Number(this.min),u=Number(this.max),n=(s=this.currentStartValue)!=null?s:this.mode==="range"?t:void 0,o=(d=this.currentEndValue)!=null?d:this.mode==="range"?u:void 0,a=(b=this.currentValue)!=null?b:this.mode==="single"?t:void 0,r=this.mode==="range"?`${this._formatValue(n)}\u2013${this._formatValue(o)}`:this._formatValue(a);return m`
+            <div class="slider">
+                ${this.hasTooltips?m`
+                          <label
+                              for="slider-control"
+                              class=${this.hideLabel?"sr-only":"slider__label"}
+                              >${this.label}</label
+                          >
+                      `:m`
+                          <div class="slider__header">
+                              <label
+                                  for="slider-control"
+                                  class=${this.hideLabel?"sr-only":"slider__label"}
+                                  >${this.label}</label
+                              >
+                              <div class="slider__header-right">
+                                  ${this.hasBeenManipulated?m`
+                                            <button
+                                                class="slider__clear"
+                                                @click="${this.handleClear}"
+                                                type="button"
+                                            >
+                                                Clear
+                                            </button>
+                                        `:""}
+                                  <span class="slider__current-range"
+                                      >${r}</span
+                                  >
+                              </div>
+                          </div>
+                      `}
+                <div class="${e}">
+                    <div part="slider" id="slider-control"></div>
+                    ${this.showInputs?this._renderInputFields():""}
+                    <slot></slot>
+                </div>
+            </div>
+        `}_renderInputFields(){var e,t,u,n,o,a;return this.mode==="range"?m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-start-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((t=(e=this.startValue)!=null?e:this.min)!=null?t:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                    <span class="input-separator">to</span>
+                    <input
+                        id="slider-end-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((n=(u=this.endValue)!=null?u:this.max)!=null?n:100)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `:m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-value-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((a=(o=this.value)!=null?o:this.min)!=null?a:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `}_handleInputChange(e){let t=e.target,u=Number(t.value),n=Number(this.min),o=Number(this.max),a=Math.max(n,Math.min(o,u));if(t.value=this._formatValue(a),this.mode==="range"){let s=[...this.slider.noUiSlider.get()];t.id==="slider-start-input"?s[0]=a:s[1]=a,this.slider.noUiSlider.set(s),this.emit("terra-slider-change",{detail:{startValue:s[0],endValue:s[1]}})}else this.slider.noUiSlider.set([a]),this.emit("terra-slider-change",{detail:{value:a}})}_handleInputKeydown(e){e.key==="Enter"&&e.target.blur()}};i.styles=[g,y],l([_('[part~="slider"]')],i.prototype,"slider",2),l([h({reflect:!0})],i.prototype,"mode",2),l([h({type:Number})],i.prototype,"min",2),l([h({type:Number})],i.prototype,"max",2),l([h({type:Number})],i.prototype,"step",2),l([h({type:Boolean,reflect:!0})],i.prototype,"disabled",2),l([h({type:Boolean,reflect:!0,attribute:"has-pips"})],i.prototype,"hasPips",2),l([h({type:Boolean,reflect:!0,attribute:"has-tooltips"})],i.prototype,"hasTooltips",2),l([h({type:Boolean,reflect:!0,attribute:"show-inputs"})],i.prototype,"showInputs",2),l([h({type:Number})],i.prototype,"value",2),l([h({type:Number,attribute:"start-value"})],i.prototype,"startValue",2),l([h({type:Number,attribute:"end-value"})],i.prototype,"endValue",2),l([h()],i.prototype,"label",2),l([h({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),l([h({attribute:"format-tooltip",type:Function})],i.prototype,"formatTooltip",2),l([p()],i.prototype,"currentStartValue",2),l([p()],i.prototype,"currentEndValue",2),l([p()],i.prototype,"currentValue",2),l([p()],i.prototype,"hasBeenManipulated",2),l([c(["mode","min","max","step","value","startValue","endValue","hasPips","hasTooltips","showInputs"])],i.prototype,"updateSlider",1),l([c("disabled")],i.prototype,"disabledChanged",1);export{i as a};