@nasa-terra/components 0.0.194 → 0.0.195

package/dist/chunks/chunk.TK6NK5JE.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.L5AER4HL.js";import{a as c}from"./chunk.KUERMFX5.js";import{a,b as n}from"./chunk.2T6Y2G56.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as i}from"lit";import{property as p}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.state="upcoming";this.title="";this.hideCheckmark=!1}getStepperVariant(){let s=this.closest("terra-stepper");return s&&s.variant||"default"}render(){let r=this.getStepperVariant()==="condensed",o=this.state==="completed",d=this.state==="current";return i`
+            <div
+                part="base"
+                class=${m({"stepper-step":!0,"stepper-step--default":!r,"stepper-step--condensed":r,"stepper-step--completed":o,"stepper-step--current":d,"stepper-step--upcoming":this.state==="upcoming"})}
+            >
+                <div part="bar" class="stepper-step__bar"></div>
+                ${r?"":i`
+                          <div part="content" class="stepper-step__content">
+                              <div part="title" class="stepper-step__title">
+                                  ${o&&!this.hideCheckmark?i`
+                                            <terra-icon
+                                                part="icon"
+                                                name="solid-check"
+                                                library="heroicons"
+                                                class="stepper-step__icon"
+                                            ></terra-icon>
+                                        `:""}
+                                  ${this.title}
+                              </div>
+                              <div part="caption" class="stepper-step__caption">
+                                  <slot></slot>
+                              </div>
+                          </div>
+                      `}
+            </div>
+        `}};t.styles=[a,l],t.dependencies={"terra-icon":c},e([p({reflect:!0})],t.prototype,"state",2),e([p()],t.prototype,"title",2),e([p({type:Boolean,reflect:!0,attribute:"hide-checkmark"})],t.prototype,"hideCheckmark",2);export{t as a};

package/dist/chunks/chunk.TOQYLHPA.js

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

package/dist/chunks/chunk.TPSI5CST.js

@@ -0,0 +1,5 @@
+import{a as u}from"./chunk.MOTKVAC5.js";import{a as c}from"./chunk.IYLOXJSX.js";import{a as s,c as y}from"./chunk.QGXUQL5S.js";import{a as m}from"./chunk.J5Q4TWEG.js";import{a as h,b as p}from"./chunk.2T6Y2G56.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as a,query as b}from"lit/decorators.js";import{html as M}from"lit";import D,{PipsMode as x}from"nouislider";var e=class extends p{constructor(){super(...arguments);this.timeScale="daily";this.disabled=!1;this.hasPips=!0}updateSlider(){this.renderSlider()}disabledChanged(){var t,r,o,n;this.disabled?(r=(t=this.slider)==null?void 0:t.noUiSlider)==null||r.disable():(n=(o=this.slider)==null?void 0:o.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}renderSlider(){var l;if(!this.slider)return;if((l=this.slider.noUiSlider)==null||l.destroy(),!s(this.minDate)||!s(this.maxDate)){this.renderEmptySlider(),this.minDate&&!s(this.minDate)&&console.error("Invalid min date provided"),this.maxDate&&!s(this.maxDate)&&console.error("Invalid max date provided");return}let t=new Date(this.minDate),r=new Date(this.maxDate),o=new Date(s(this.startDate)?this.startDate:this.minDate),n=new Date(s(this.endDate)?this.endDate:this.maxDate);t.setUTCHours(0,0,0,0),o.setUTCHours(0,0,0,0),r.setUTCHours(23,59,59,999),n.setUTCHours(23,59,59,999);let f={range:{min:t.getTime(),max:r.getTime()},behaviour:"drag",step:this._getStep(),start:[o.getTime(),n.getTime()],tooltips:[!0,!0],connect:!0,pips:{mode:x.Range,density:-1,format:this._getSliderFormatter()},format:this._getSliderFormatter()};D.create(this.slider,f),c(this.slider),this.slider.noUiSlider.on("change",d=>{this.emit("terra-date-range-change",{detail:{startDate:this._formatDate(d[0]),endDate:this._formatDate(d[1])}})})}renderEmptySlider(){D.create(this.slider,{start:[0,0],range:{min:0,max:0}})}_getStep(){switch(this.timeScale){case"half-hourly":return 30*6e4;case"hourly":return 36e5;default:return 864e5}}_getSliderFormatter(){return{to:t=>this._formatDate(t),from:t=>Number(t)}}_formatDate(t){let r=this.timeScale==="daily"?"yyyy-MM-dd":"yyyy-MM-dd HH:mm";return y(new Date(t),r)}render(){let t=`container${this.hasPips?" hasPips":""}`;return M`
+            <div class="${t}">
+                <div part="slider"></div>
+            </div>
+        `}};e.styles=[h,u],i([b('[part~="slider"]')],e.prototype,"slider",2),i([a({attribute:"time-scale"})],e.prototype,"timeScale",2),i([a({attribute:"min-date"})],e.prototype,"minDate",2),i([a({attribute:"max-date"})],e.prototype,"maxDate",2),i([a({attribute:"start-date"})],e.prototype,"startDate",2),i([a({attribute:"end-date"})],e.prototype,"endDate",2),i([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([a({type:Boolean,reflect:!0,attribute:"has-pips"})],e.prototype,"hasPips",2),i([m(["startDate","endDate","minDate","maxDate"])],e.prototype,"updateSlider",1),i([m("disabled")],e.prototype,"disabledChanged",1);export{e as a};

package/dist/chunks/chunk.TTHXFCV5.js

@@ -0,0 +1,11 @@
+import{a as i}from"./chunk.ZVTWO2YF.js";import{a as e,b as a}from"./chunk.2T6Y2G56.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as r}from"lit/decorators.js";import{html as o}from"lit";import{classMap as l}from"lit/directives/class-map.js";var t=class extends a{constructor(){super(...arguments);this.variant="active";this.dark=!1}render(){return o`
+            <div
+                part="base"
+                class="${l({"status-indicator":!0,"status-indicator--active":this.variant==="active","status-indicator--completed":this.variant==="completed","status-indicator--testing":this.variant==="testing","status-indicator--future":this.variant==="future"})}"
+            >
+                <span part="dot" class="status-indicator__dot"></span>
+                <span part="label" class="status-indicator__label">
+                    <slot></slot>
+                </span>
+            </div>
+        `}};t.styles=[e,i],s([r({reflect:!0})],t.prototype,"variant",2),s([r({type:Boolean,reflect:!0})],t.prototype,"dark",2);export{t as a};

package/dist/chunks/chunk.TUX7N5E2.js

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

package/dist/chunks/chunk.UCNBQNV2.js

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

package/dist/chunks/chunk.UTIEBX6W.js

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

package/dist/chunks/chunk.V4OWFROX.js

@@ -0,0 +1 @@
+import{a}from"./chunk.26D6RYPR.js";var n=a;a.define("terra-pagination");export{n as a};

package/dist/chunks/chunk.V4S2FRFS.js

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

package/dist/chunks/chunk.VB4HNOSD.js

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

package/dist/chunks/chunk.VKIHEYZ2.js

@@ -0,0 +1,176 @@
+import{a as te}from"./chunk.ZEUDSROU.js";import{a as Q,b as W,c as A,e as v,f as B,g as ee}from"./chunk.ZIB6GUIF.js";import{a as ie}from"./chunk.AHQRG65K.js";import{a as se}from"./chunk.FHR4ECA5.js";import{a as _}from"./chunk.6SS4IWON.js";import{a as V}from"./chunk.GDTUTXVL.js";import{a as X}from"./chunk.J5Q4TWEG.js";import{a as Y,b as Z}from"./chunk.2T6Y2G56.js";import{a as z,b as J,e as r,f as e,g as n,h,i as M}from"./chunk.INFVQQSJ.js";import le from"fuse.js";import{LitElement as oe,html as d,nothing as E}from"lit";import{property as f,state as u}from"lit/decorators.js";import{cache as he}from"lit/directives/cache.js";import{map as C}from"lit/directives/map.js";import{ref as D}from"lit/directives/ref.js";var o,p,y,m,L,g,$,c,b,k,H,S,x,T,N,q,R,w,I,F,ae,O,ne,U,re,s=class s extends Z{constructor(){super(...arguments);n(this,F);n(this,O);n(this,U);n(this,o,null);n(this,p,void 0);n(this,y,[]);n(this,m,null);n(this,L,null);n(this,g,null);n(this,$,null);this.label="Search for Variables";this.hideHelp=!1;this.hideLabel=!1;this.useTags=!1;this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];this.tags=[];this.tagContainerWidth=0;this.menuOpen=!1;this.infoAnchor=null;this.variableInfo=null;n(this,c,null);n(this,b,t=>{t.stopPropagation(),this.variableInfo=t.detail.collection,this.infoAnchor=t.currentTarget,this.menuOpen=!0,e(this,c)&&(clearTimeout(e(this,c)),h(this,c,null))});n(this,k,()=>{h(this,c,window.setTimeout(()=>{this.menuOpen=!1},200))});n(this,H,()=>{e(this,c)&&(clearTimeout(e(this,c)),h(this,c,null))});n(this,S,()=>{this.menuOpen=!1});n(this,x,t=>{this.emit("terra-combobox-change",{detail:JSON.parse(t)})});n(this,T,()=>{var t;this.isExpanded=!this.isExpanded,(t=e(this,o))==null||t.focus()});n(this,N,t=>{var a;let i=t.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(a=e(this,L))==null?void 0:a.search(i.value).map(({item:l})=>l)});n(this,q,t=>{let i=t.composedPath(),[a]=i.filter(l=>l.role==="option");a&&e(this,I).call(this,a)});n(this,R,t=>{var i;switch(t.key){case"ArrowDown":{if(v(e(this,o),e(this,m)),this.isExpanded||(this.isExpanded=!0),t.altKey)break;B(e(this,g),e(this,o),"next");break}case"ArrowUp":{v(e(this,o),e(this,m)),this.isExpanded||(this.isExpanded=!0),B(e(this,g),e(this,o),"previous");break}case"Enter":{e(this,I).call(this,(i=e(this,g))==null?void 0:i.currentNode);break}case"Escape":{v(e(this,o),e(this,m)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});n(this,w,t=>{t.composedPath().some(l=>l.localName===s.tagName)||(this.isExpanded=!1)});n(this,I,t=>{let{longName:i,eventDetail:a}=t.dataset;this.query=`${i}`,e(this,x).call(this,a),this.isExpanded=!1,v(e(this,o),e(this,m)),this.useTags&&(this.tags=[`${i}`],e(this,o).value=s.initialQuery,this.query=s.initialQuery)})}async valueChanged(t,i){var K,j;if(t===i)return;await e(this,p).taskComplete;let a=ee(this.value),l=(K=e(this,p).value)==null?void 0:K.find(P=>a===P.entryId);l&&(this.query=l.longName,this.searchResults=(j=e(this,L))==null?void 0:j.search(this.query).map(({item:P})=>P),e(this,x).call(this,l.eventDetail),this.useTags&&(this.tags=[`${l.longName}`],e(this,o).value=s.initialQuery,this.query=s.initialQuery))}connectedCallback(){super.connectedCallback(),h(this,p,new te(this,this.bearerToken)),globalThis.addEventListener("click",e(this,w)),this.addEventListener("terra-show-variable-info",e(this,b)),this.addEventListener("mouseleave",e(this,k))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",e(this,w)),this.removeEventListener("terra-show-variable-info",e(this,b)),this.removeEventListener("mouseleave",e(this,k))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var t;return d`<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">
+                ${this.useTags?d`<div
+                          ${D(i=>{var a;i&&((a=e(this,$))!=null||h(this,$,i),this.tagContainerWidth=i.getBoundingClientRect().width)})}
+                          class="tag-container"
+                          id="tag-container"
+                      >
+                          ${C(this.tags,(i,a)=>M(this,F,ae).call(this,i,a))}
+                      </div>`:E}
+                <input
+                    ${D(i=>{var a;i&&((a=e(this,o))!=null||h(this,o,i))})}
+                    autocomplete="off"
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    style=${this.useTags?`padding-inline-start: calc(${this.tagContainerWidth}px + 0.25rem);`:E}
+                    aria-describedby=${this.useTags?"tag-container":E}
+                    placeholder=${this.useTags?E:(t=this.placeholder)!=null?t:`${this.label}\u2026`}
+                    .value=${this.useTags?s.initialQuery:this.query}
+                    @input=${e(this,N)}
+                    @keydown=${e(this,R)}
+                    @click=${e(this,T)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Variables"
+                    class="combobox-button"
+                    id="combobox-button"
+                    variant="text"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${e(this,T)}
+                >
+                    ${["COMPLETE","ERROR"].includes(e(this,p).taskStatus)?d`<terra-icon
+                              class="chevron"
+                              name="chevron-down"
+                          ></terra-icon>`:d`<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?E:d`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              tabindex=${this.isExpanded?"-1 ":"0"}
+                              target="_blank"
+                              >extended search syntax
+                              <terra-icon
+                                  name="outline-arrow-top-right-on-square"
+                                  library="heroicons"
+                              ></terra-icon></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${D(i=>{var a;i&&((a=e(this,m))!=null||h(this,m,i),h(this,g,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,l=>l.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${e(this,q)}
+                aria-label=${this.query?`Variables Matching ${this.query}`:"Variables"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${e(this,p).render({initial:()=>d`<li class="updating">Updating List of Variables</li>`,pending:()=>d`<li class="updating">Updating List of Variables</li>`,complete:i=>{let a=i.filter(l=>!(l.collectionShortName==="GPM_3IMERGHH"&&l.collectionVersion==="06"));return h(this,y,a),h(this,L,new le(e(this,y),{findAllMatches:!0,keys:["entryId","longName","name","standardName","units"],useExtendedSearch:!0})),he(this.query===s.initialQuery?C(W(A(e(this,y))),Q):C(W(A(this.searchResults)),Q))},error:i=>d`<li class="error" data-tree-walker="filter_skip">
+                            ${i}
+                        </li>`})}
+            </ul>
+            ${M(this,U,re).call(this)}
+        </search>`}};o=new WeakMap,p=new WeakMap,y=new WeakMap,m=new WeakMap,L=new WeakMap,g=new WeakMap,$=new WeakMap,c=new WeakMap,b=new WeakMap,k=new WeakMap,H=new WeakMap,S=new WeakMap,x=new WeakMap,T=new WeakMap,N=new WeakMap,q=new WeakMap,R=new WeakMap,w=new WeakMap,I=new WeakMap,F=new WeakSet,ae=function(t,i){return d`
+            <terra-button
+                size="small"
+                variant="default"
+                outline
+                class="tag"
+                title=${t}
+                aria-label=${`Clear tag ${t}`}
+                @click=${()=>{this.tags=[],this.clear(),setTimeout(()=>{var a;this.tagContainerWidth=(a=e(this,$))==null?void 0:a.getBoundingClientRect().width},100)}}
+                title=${t}
+            >
+                ${t}
+                <terra-icon
+                    class="tag-icon"
+                    slot="suffix"
+                    name="outline-x-circle"
+                    library="heroicons"
+                ></terra-icon>
+            </terra-button>
+        `},O=new WeakSet,ne=function(t){var i;return d`
+            <h3 class="sr-only">Information</h3>
+            <dl>
+                <dt>Variable Longname</dt>
+                <dd>${t.dataFieldLongName}</dd>
+
+                <dt>Variable Shortname</dt>
+                <dd>
+                    ${(i=t.dataFieldShortName)!=null?i:t.dataFieldAccessName}
+                </dd>
+
+                <dt>Units</dt>
+                <dd><code>${t.dataFieldUnits}</code></dd>
+
+                <dt>Dataset Information</dt>
+                <dd>
+                    <a
+                        href=${t.dataProductDescriptionUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        ${t.dataProductLongName}
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </dd>
+
+                <dt>Variable Information</dt>
+                <dd>
+                    <a
+                        href=${t.dataFieldDescriptionUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        Variable Glossary
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </dd>
+            </dl>
+        `},U=new WeakSet,re=function(){return!this.variableInfo||!this.infoAnchor?E:d`
+            <terra-popup
+                .anchor=${this.infoAnchor}
+                ?active=${this.menuOpen}
+                placement="right-start"
+                strategy="fixed"
+                flip
+                shift
+                distance="8"
+                @mouseenter=${e(this,H)}
+                @mouseleave=${e(this,S)}
+            >
+                <div class="variable-info-popup">
+                    ${M(this,O,ne).call(this,this.variableInfo)}
+                </div>
+            </terra-popup>
+        `},s.dependencies={"terra-button":V,"terra-icon":_,"terra-popup":se},s.styles=[Y,ie],s.shadowRootOptions=J(z({},oe.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-combobox",s.initialQuery="",r([f()],s.prototype,"label",2),r([f()],s.prototype,"placeholder",2),r([f({attribute:"hide-help",type:Boolean,reflect:!0})],s.prototype,"hideHelp",2),r([f({attribute:"hide-label",type:Boolean,reflect:!0})],s.prototype,"hideLabel",2),r([f({attribute:"use-tags",type:Boolean,reflect:!0})],s.prototype,"useTags",2),r([f()],s.prototype,"value",2),r([f({attribute:"bearer-token",reflect:!1})],s.prototype,"bearerToken",2),r([u()],s.prototype,"isExpanded",2),r([u()],s.prototype,"query",2),r([u()],s.prototype,"searchResults",2),r([u()],s.prototype,"tags",2),r([u()],s.prototype,"tagContainerWidth",2),r([u()],s.prototype,"menuOpen",2),r([u()],s.prototype,"infoAnchor",2),r([u()],s.prototype,"variableInfo",2),r([X("value")],s.prototype,"valueChanged",1);var G=s;export{G as a};

package/dist/chunks/chunk.VLKM3MR3.js

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,b as l}from"./chunk.2T6Y2G56.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as i,state as m}from"lit/decorators.js";import{html as s,nothing as a}from"lit";import{classMap as c}from"lit/directives/class-map.js";var t=class extends l{constructor(){super(...arguments);this.variant="large";this.percent="0";this.indeterminate=!1;this.role="progressbar";this._currentPercent=0}formatPercent(e){return parseInt(e)>100&&(e="100"),parseInt(e)>0?e+"%":""}render(){return this._currentPercent=parseInt(this.percent),s`
+            <div
+                class=${c({loader:!0,"loader--small":this.variant==="small","loader--large":this.variant==="large","loader--orbit":this.variant==="orbit"})}
+                aria-valuenow=${this.formatPercent(this.percent)}
+                .role=${this.role}
+                tabindex="-1"
+            >
+                ${this.variant==="large"||this.variant==="orbit"?s`
+                          <div
+                              class="percent ${this.variant=="orbit"?"number-14":"number-11"}"
+                          >
+                              ${this.formatPercent(this.percent)}
+                          </div>
+                      `:a}
+                ${this.variant==="orbit"?s`
+                          <svg viewBox="0 0 160 160">
+                              <circle class="planet" />
+
+                              <!-- total length of orbit ellipse = 298.2393493652344 -->
+                              <path
+                                  id="orbit"
+                                  d="M 53.528 96.775 C 73.584 124.975 100.654 140.601 115.393 130.137 C 132.613 117.912 119.246 79.55 105.434 60.525 C 90.233 39.587 60.506 18.543 44.962 30.114 C 29.456 41.657 38.219 75.25 53.528 96.775 Z"
+                              >
+                                  <animate
+                                      attributeName="stroke-dashoffset"
+                                      begin="-0.25s"
+                                      from="300"
+                                      to="0"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  />
+                              </path>
+
+                              <circle class="moon">
+                                  <animateMotion
+                                      begin="0s"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  >
+                                      <mpath href="#orbit"></mpath>
+                                  </animateMotion>
+                              </circle>
+
+                              <path
+                                  id="mask"
+                                  class="planet"
+                                  d="M 130.176 80.041 C 130.176 41.552 88.321 17.697 55.544 36.652 C 40.081 45.594 30.865 62.428 30.47 80.094 L 130.176 80.041 Z"
+                                  style="transform-box: fill-box; transform-origin: 49.8347% 100.62%;"
+                                  transform="matrix(-0.350367, -0.936613, 0.936613, -0.350367, -0.148117, -0.20884)"
+                              />
+                          </svg>
+                      `:a}
+                ${this.variant==="small"||this.variant==="large"?s`
+                          <svg
+                              viewBox=${this.variant=="small"?"0 0 30 30":"0 0 52 52"}
+                              aria-hidden="true"
+                              style="--progress: ${this.percent}"
+                              class="circular-progress ${this.indeterminate?"indeterminate":""}"
+                          >
+                              <circle class="bg"></circle>
+                              <circle class="fg"></circle>
+                          </svg>
+                      `:a}
+            </div>
+        `}};t.styles=[n,o],r([i({reflect:!0})],t.prototype,"variant",2),r([i({type:String})],t.prototype,"percent",2),r([i({type:Boolean})],t.prototype,"indeterminate",2),r([i({reflect:!0})],t.prototype,"role",2),r([m()],t.prototype,"_currentPercent",2);export{t as a};

package/dist/chunks/chunk.VMLWYQ2W.js

@@ -0,0 +1,43 @@
+import{a as d}from"./chunk.BFNCV2RM.js";import{a as n}from"./chunk.URTV3MIW.js";import{a as h}from"./chunk.X5OPH5X7.js";import{b as a}from"./chunk.UTJA3S5Z.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as s,b as o}from"./chunk.2T6Y2G56.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as c}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as f}from"lit/directives/live.js";import{property as l,query as C,state as k}from"lit/decorators.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new a(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,u)=>i.checked=u});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleClick(){this.disabled||(this.checked=!0,this.emit("terra-change"))}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleInput(){this.emit("terra-input")}handleChange(){this.checked=this.input.checked,this.emit("terra-change")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){return c`
+            <label
+                part="base"
+                class=${m({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+            >
+                <input
+                    class="radio__input"
+                    type="radio"
+                    title=${this.title}
+                    name=${this.name}
+                    value=${p(this.value)}
+                    .checked=${f(this.checked)}
+                    .disabled=${this.disabled}
+                    .required=${this.required}
+                    aria-checked=${this.checked?"true":"false"}
+                    @click=${this.handleClick}
+                    @input=${this.handleInput}
+                    @change=${this.handleChange}
+                    @invalid=${this.handleInvalid}
+                    @blur=${this.handleBlur}
+                    @focus=${this.handleFocus}
+                />
+
+                <span
+                    part="${`control${this.checked?" control--checked":""}`}"
+                    class="radio__control"
+                >
+                    ${this.checked?c`
+                              <svg
+                                  part="checked-icon"
+                                  class="radio__checked-icon"
+                                  viewBox="0 0 24 24"
+                                  fill="none"
+                                  xmlns="http://www.w3.org/2000/svg"
+                              >
+                                  <circle cx="12" cy="12" r="6" fill="currentColor" />
+                              </svg>
+                          `:""}
+                </span>
+
+                <slot part="label" class="radio__label"></slot>
+            </label>
+        `}};e.styles=[s,h,d],t([C('input[type="radio"]')],e.prototype,"input",2),t([k()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([n("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1);export{e as a};

package/dist/chunks/chunk.VUMKCPHB.js

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

package/dist/chunks/chunk.VWXTAHZH.js

@@ -0,0 +1,145 @@
+import{a as P}from"./chunk.IDBHEMAV.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.2T6Y2G56.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.VXK32EI2.js

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

package/dist/chunks/chunk.VYRSEKIP.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.SEVX4EA5.js";var l=r;r.define("terra-plot-toolbar");export{l as a};

package/dist/chunks/chunk.W5WASIVZ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BDNESHTZ.js";import{b as t}from"./chunk.KF4DMI4T.js";var r=class{constructor(s){this.extent=s}getSouthWest(){return new e(this.extent[1],this.extent[0])}getNorthEast(){return new e(this.extent[3],this.extent[2])}getNorthWest(){return new e(this.extent[3],this.extent[0])}getSouthEast(){return new e(this.extent[1],this.extent[2])}getWest(){return this.extent[0]}getSouth(){return this.extent[1]}getEast(){return this.extent[2]}getNorth(){return this.extent[3]}toBBoxString(){return`${t(this.getWest())},${t(this.getSouth())},${t(this.getEast())},${t(this.getNorth())}`}toString(){return this.toBBoxString()}};export{r as a};