@nasa-terra/components 0.0.184 → 0.0.186

package/dist/chunks/chunk.AFKYSC2F.js

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

package/dist/chunks/chunk.AGJNJSIX.js

@@ -0,0 +1,84 @@
+import{css as r}from"lit";var i=r`
+    :host {
+        display: contents;
+
+        /* For better DX, we'll reset the margin here so the base part can inherit it */
+        margin: 0;
+    }
+
+    .banner {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        padding: var(--terra-spacing-medium) var(--terra-spacing-large);
+        border-radius: var(--terra-border-radius-medium);
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-medium);
+        font-weight: var(--terra-font-weight-semibold);
+        line-height: var(--terra-banner-line-height);
+        margin: inherit;
+        overflow: hidden;
+        gap: var(--terra-spacing-medium);
+    }
+
+    .banner--open {
+        display: flex;
+    }
+
+    .banner--sticky {
+        position: sticky;
+        top: 0;
+        z-index: 1000;
+    }
+
+    .banner__icon {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        font-size: var(--terra-font-size-large);
+        padding-inline-start: var(--terra-spacing-2x-large);
+        margin-right: var(--terra-spacing-medium);
+    }
+
+    .banner__message {
+        flex: 1;
+        align-items: center;
+        margin: 0 auto;
+    }
+
+    .banner__message ::slotted(a) {
+        color: inherit !important;
+        text-decoration-color: inherit !important;
+    }
+
+    .banner__message ::slotted(a):hover {
+        text-decoration: none !important;
+    }
+
+    .banner--primary {
+        background-color: var(--terra-color-nasa-blue-shade);
+        color: white;
+        padding-top: var(--terra-spacing-large);
+        padding-bottom: var(--terra-spacing-large);
+    }
+
+    .banner--neutral {
+        background-color: var(--terra-color-carbon-60);
+        color: white;
+    }
+
+    .banner--danger {
+        background-color: var(--terra-color-nasa-red);
+        color: white;
+    }
+
+    .banner__close {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        font-size: var(--terra-font-size-large);
+        margin-inline-end: var(--terra-spacing-2x-large);
+        align-self: center;
+        margin-left: auto;
+    }
+`;export{i as a};

package/dist/chunks/chunk.AJORA2MS.js

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

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

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

package/dist/chunks/chunk.BF5VMLO3.js

@@ -0,0 +1 @@
+import{QueryObserver as u}from"@tanstack/query-core";var i=class{constructor(e,t,r){this.host=e;this.optionsFn=t;this.host.addController(this),this.hostPropertyName=r,this.optionsFn&&this.observeQuery(this.optionsFn)}observeQuery(e,t=!0){let r=this.host.queryClient,o=typeof e=="function"?e():e,s=r.defaultQueryOptions(o);this.queryObserver=new u(r,s),this.result=t?this.queryObserver.getOptimisticResult(s):void 0,this.host.requestUpdate()}hostUpdate(){if(!this.optionsFn||!this.queryObserver)return;let e=this.host.queryClient.defaultQueryOptions(this.optionsFn());this.queryObserver.setOptions(e)}hostConnected(){this.subscribe()}async subscribe(){var e;!this.queryObserver&&(this.optionsFn&&this.observeQuery(this.optionsFn),!this.queryObserver)||((e=this.unsubscribe)==null||e.call(this),this.unsubscribe=this.queryObserver.subscribe(t=>{this.result=t,this.hostPropertyName&&(this.host[this.hostPropertyName]=t),this.host.requestUpdate()}),this.queryObserver.updateResult(),this.host.requestUpdate())}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this),this.unsubscribe=void 0}};export{i as a};

package/dist/chunks/chunk.BM6R6HEQ.js

@@ -0,0 +1 @@
+import{b as f}from"./chunk.EL5HO6Y2.js";import{b as d}from"./chunk.BWCJXCND.js";import{a as g}from"./chunk.KRY24B2Z.js";import{a as u,b as m}from"./chunk.INFVQQSJ.js";import{Task as p}from"@lit/task";var c=new Map,s=new Map;function b(e){let i,t;if(e.dataProductBeginDateTime&&e.dataProductEndDateTime){let r=Math.abs(new Date(e.dataProductEndDateTime).getTime()-new Date(e.dataProductBeginDateTime).getTime()),o=Math.floor(r*.75),a=Math.abs(new Date(e.dataProductBeginDateTime).getTime()+o);i=d(a),t=d(e.dataProductEndDateTime)}return m(u({},e),{exampleInitialStartDate:i,exampleInitialEndDate:t,dataFieldShortName:!e.dataFieldShortName||e.dataFieldShortName===""?e.dataFieldAccessName:e.dataFieldShortName})}function V(e,i){return!e||e.length!==i.length?!1:e.every((t,r)=>t.dataFieldId===i[r].dataFieldId)}function D(e,i){var r,o,a,l;let t=i[0];t&&(e.startDate=(o=e.startDate)!=null?o:(r=t.exampleInitialStartDate)==null?void 0:r.toISOString(),e.endDate=(l=e.endDate)!=null?l:(a=t.exampleInitialEndDate)==null?void 0:a.toISOString(),e.catalogVariable=t,V(e.catalogVariables,i)||(e.catalogVariables=[...i]),e.variableEntryId=t.dataFieldId)}function M(e,i=!0){return new p(e,{task:async t=>{let r=f(e);if(console.debug("Fetch variables ",r),!r.length)return;let o=(await Promise.all(r.map(async a=>{if(c.has(a))return console.debug("Using cached variable ",a),c.get(a);if(s.has(a))return console.debug("Waiting for pending request for variable ",a),await s.get(a);let l=g.getVariable(a).then(n=>n?b(n):null).catch(n=>(console.warn("Failed to fetch variable",a,n),null));s.set(a,l);try{let n=await l;return console.debug("Found variable ",n),n?(c.set(a,n),n):null}finally{s.delete(a)}}))).filter(Boolean);o.length&&D(e,o)},args:()=>{var t;return[e.variableEntryId,(t=e.variableEntryIds)==null?void 0:t.join("|"),e.collection,e.variable]},autoRun:i})}export{M as a};

package/dist/chunks/chunk.BWLZ5BX2.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3U7DX2A3.js";var t=e;e.define("terra-dialog");export{t as a};

package/dist/chunks/chunk.BZ4XD7WP.js

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

package/dist/chunks/chunk.CG7AP2FF.js

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

package/dist/chunks/chunk.CHYLTWQ4.js

@@ -0,0 +1,99 @@
+import{a as P}from"./chunk.JCDLYWQQ.js";import{a as V}from"./chunk.RKVLJUJG.js";import{a as $}from"./chunk.YQCKC3P4.js";import{a as _}from"./chunk.VT3U2SB7.js";import{a as k}from"./chunk.VFIQVKQU.js";import{a as y}from"./chunk.LUT5ZHEE.js";import{a as b,b as v}from"./chunk.IV5JC2HX.js";import{e as r,f as e,g as n,i as o}from"./chunk.INFVQQSJ.js";import{html as a,nothing as S}from"lit";import{property as u,state as C,query as q}from"lit/decorators.js";import{TaskStatus as w}from"@lit/task";var t,h,E,g,T,l,c,d,I,f,N,s=class extends v{constructor(){super(...arguments);n(this,h);n(this,g);n(this,l);n(this,d);n(this,f);this.username="";this.password="";this.hidePasswordToggle=!1;this.autoLogin=!1;this.usernameError="";this.passwordError="";n(this,t,new _(this))}firstUpdated(){this.username&&this.password&&(this.hidePasswordToggle=!0,this.autoLogin&&e(this,t).loginTask.run([this.username,this.password]))}render(){var i;return a`
+            <div class="login-container">
+                <div class="login-header">
+                    <a>
+                        <terra-icon name="nasa-logo"></terra-icon>
+                        <h1>Earthdata Login</h1>
+                    </a>
+                    <a
+                        href="https://urs.earthdata.nasa.gov/documentation/what_do_i_need_to_know"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="help-link"
+                        aria-label="Need help?"
+                    >
+                        <terra-icon name="question"></terra-icon>
+                    </a>
+                </div>
+
+                ${(i=e(this,t).state.user)!=null&&i.uid?a`<div class="login-form">
+                          <p>
+                              ${e(this,t).state.user.first_name},<br />
+                              You've successfully authenticated with Earthdata Login!
+                          </p>
+                          <terra-button
+                              @click=${()=>e(this,t).logout()}
+                              size="small"
+                              outline
+                              >Logout</terra-button
+                          >
+                      </div>`:a`
+                          <form class="login-form" @submit=${o(this,f,N)}>
+                              <terra-input
+                                  id="username-input"
+                                  label="Username"
+                                  name="username"
+                                  type="text"
+                                  .value=${this.username}
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                                  autocomplete="username"
+                                  .errorText=${this.usernameError||""}
+                                  required
+                                  @input=${o(this,h,E)}
+                                  @blur=${o(this,l,c)}
+                              ></terra-input>
+
+                              <terra-input
+                                  id="password-input"
+                                  label="Password"
+                                  name="password"
+                                  type="password"
+                                  autocomplete="current-password"
+                                  ?password-toggle=${!this.hidePasswordToggle}
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                                  .value=${this.password}
+                                  .errorText=${this.passwordError||""}
+                                  required
+                                  @input=${o(this,g,T)}
+                                  @blur=${o(this,d,I)}
+                              ></terra-input>
+
+                              <terra-button
+                                  type="submit"
+                                  variant="primary"
+                                  class="login-button"
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                              >
+                                  ${e(this,t).loginTask.render({initial:()=>a`Log in`,pending:()=>a`Logging In...`,complete:()=>a`Log in`,error:()=>a`Log in`})}
+                              </terra-button>
+
+                              ${e(this,t).state.error?a`<div class="form-feedback">
+                                        ${e(this,t).state.error}
+                                        ${e(this,t).state.error==="Invalid user credentials"?a`<p>
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/retrieve_info"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot username?</a
+                                                  >
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/reset_passwords/new"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot password?</a
+                                                  >
+                                              </p>`:S}
+                                    </div>`:""}
+                              <a
+                                  class="link register-link"
+                                  href="https://urs.earthdata.nasa.gov/users/new"
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  >Register for a profile</a
+                              >
+                          </form>
+                      `}
+            </div>
+        `}};t=new WeakMap,h=new WeakSet,E=function(i){var p;let m=i.target;this.username=m.value,this.usernameError&&this.username&&((p=this.usernameInput)!=null&&p.checkValidity())&&(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},g=new WeakSet,T=function(i){var p;let m=i.target;this.password=m.value,this.passwordError&&this.password&&((p=this.passwordInput)!=null&&p.checkValidity())&&(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},l=new WeakSet,c=function(){!this.username||this.username.trim()===""?(this.usernameError="Username is required",this.usernameInput&&this.usernameInput.setCustomValidity("Username is required")):(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},d=new WeakSet,I=function(){!this.password||this.password.trim()===""?(this.passwordError="Password is required",this.passwordInput&&this.passwordInput.setCustomValidity("Password is required")):(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},f=new WeakSet,N=function(i){i.preventDefault(),o(this,l,c).call(this),o(this,d,I).call(this),i.target.checkValidity()&&this.username&&this.password?e(this,t).loginTask.run([this.username,this.password]):(this.usernameInput&&this.usernameInput.reportValidity(),this.passwordInput&&this.passwordInput.reportValidity())},s.dependencies={"terra-button":y,"terra-icon":k,"terra-input":P,"terra-loader":$},s.styles=[b,V],r([u({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),r([u({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),r([u({attribute:"loading-message"})],s.prototype,"loadingMessage",2),r([u()],s.prototype,"username",2),r([u()],s.prototype,"password",2),r([u({attribute:"hide-password-toggle",type:Boolean})],s.prototype,"hidePasswordToggle",2),r([u({attribute:"auto-login",type:Boolean})],s.prototype,"autoLogin",2),r([C()],s.prototype,"usernameError",2),r([C()],s.prototype,"passwordError",2),r([q("#username-input")],s.prototype,"usernameInput",2),r([q("#password-input")],s.prototype,"passwordInput",2);export{s as a};

package/dist/chunks/chunk.CLEJ5KX6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.JMRQJBIJ.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tag";e.define("terra-tag");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraClick:"terra-click"},displayName:"TerraTag"}),v=o;export{v as a};

package/dist/chunks/chunk.D5JVCLQ4.js

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

package/dist/chunks/chunk.DE65J2A4.js

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

package/dist/chunks/chunk.DEQ363UI.js

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6XQ6N47U.js";var i=e;e.define("terra-login");export{i as a};

package/dist/chunks/chunk.DNADMWPC.js

@@ -0,0 +1,43 @@
+import{a as m}from"./chunk.ACPZYKOT.js";import{a as p}from"./chunk.JR4CVT6A.js";import{a as u}from"./chunk.EO7U6GTZ.js";import{a as d}from"./chunk.KMLEWPB5.js";import{a as o,b as l}from"./chunk.6PEAAW4E.js";import{a as h}from"./chunk.DZ3WN2JE.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,b as c}from"./chunk.IV5JC2HX.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as k}from"lit/directives/class-map.js";import{html as b}from"lit";import{property as i,query as f}from"lit/decorators.js";var e=class extends c{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.value="";this.loading=!1;this.disabled=!1;this.hasSlotController=new o(this,"submenu");this.submenuController=new p(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return l(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let r=this.submenuController.isExpanded();return b`
+            <div
+                id="anchor"
+                part="base"
+                class=${k({"menu-item":!0,"menu-item--rtl":!1,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":r})}
+                ?aria-haspopup="${this.isSubmenu()}"
+                ?aria-expanded="${!!r}"
+            >
+                <span part="checked-icon" class="menu-item__check">
+                    <terra-icon
+                        name="solid-check"
+                        library="heroicons"
+                        aria-hidden="true"
+                    ></terra-icon>
+                </span>
+
+                <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+                <slot
+                    part="label"
+                    class="menu-item__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+
+                <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+
+                <span part="submenu-icon" class="menu-item__chevron">
+                    <terra-icon
+                        name=${"chevron-right"}
+                        library="system"
+                        aria-hidden="true"
+                    ></terra-icon>
+                </span>
+
+                ${this.submenuController.renderSubmenu()}
+                ${this.loading?b`
+                          <terra-loader
+                              part="spinner"
+                              exportparts="base:spinner__base"
+                          ></terra-loader>
+                      `:""}
+            </div>
+        `}};e.styles=[n,m],e.dependencies={"terra-icon":h,"terra-popup":u,"terra-loader":d},t([f("slot:not([name])")],e.prototype,"defaultSlot",2),t([f(".menu-item")],e.prototype,"menuItem",2),t([i()],e.prototype,"type",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("type")],e.prototype,"handleTypeChange",1);export{e as a};

package/dist/chunks/chunk.DXKIIHRV.js

@@ -0,0 +1,115 @@
+import{a as J}from"./chunk.22TWFDJS.js";import{a as R,b as S,c as q,e as E,f as N,g as z}from"./chunk.A6SIGE3C.js";import{a as X}from"./chunk.KGZZ7BN3.js";import{a as j}from"./chunk.VFIQVKQU.js";import{a as K}from"./chunk.LUT5ZHEE.js";import{a as P}from"./chunk.J5Q4TWEG.js";import{a as A,b as G}from"./chunk.IV5JC2HX.js";import{a as O,b as U,e as r,f as t,g as n,h as c,i as D}from"./chunk.INFVQQSJ.js";import Z from"fuse.js";import{LitElement as V,html as h,nothing as y}from"lit";import{property as p,state as L}from"lit/decorators.js";import{cache as _}from"lit/directives/cache.js";import{map as C}from"lit/directives/map.js";import{ref as F}from"lit/directives/ref.js";var o,u,g,d,f,m,x,b,k,T,M,w,v,$,H,Y,s=class s extends G{constructor(){super(...arguments);n(this,H);n(this,o,null);n(this,u,void 0);n(this,g,[]);n(this,d,null);n(this,f,null);n(this,m,null);n(this,x,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;n(this,b,a=>{this.emit("terra-combobox-change",{detail:JSON.parse(a)})});n(this,k,()=>{var a;this.isExpanded=!this.isExpanded,(a=t(this,o))==null||a.focus()});n(this,T,a=>{var i;let e=a.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(i=t(this,f))==null?void 0:i.search(e.value).map(({item:l})=>l)});n(this,M,a=>{let e=a.composedPath(),[i]=e.filter(l=>l.role==="option");i&&t(this,$).call(this,i)});n(this,w,a=>{var e;switch(a.key){case"ArrowDown":{if(E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),a.altKey)break;N(t(this,m),t(this,o),"next");break}case"ArrowUp":{E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),N(t(this,m),t(this,o),"previous");break}case"Enter":{t(this,$).call(this,(e=t(this,m))==null?void 0:e.currentNode);break}case"Escape":{E(t(this,o),t(this,d)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});n(this,v,a=>{a.composedPath().some(l=>l.localName===s.tagName)||(this.isExpanded=!1)});n(this,$,a=>{let{longName:e,eventDetail:i}=a.dataset;this.query=`${e}`,t(this,b).call(this,i),this.isExpanded=!1,E(t(this,o),t(this,d)),this.useTags&&(this.tags=[`${e}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery)})}async valueChanged(a,e){var W,B;if(a===e)return;await t(this,u).taskComplete;let i=z(this.value),l=(W=t(this,u).value)==null?void 0:W.find(I=>i===I.entryId);l&&(this.query=l.longName,this.searchResults=(B=t(this,f))==null?void 0:B.search(this.query).map(({item:I})=>I),t(this,b).call(this,l.eventDetail),this.useTags&&(this.tags=[`${l.longName}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery))}connectedCallback(){super.connectedCallback(),c(this,u,new J(this,this.bearerToken)),globalThis.addEventListener("click",t(this,v))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,v))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var a;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">
+                ${this.useTags?h`<div
+                          ${F(e=>{var i;e&&((i=t(this,x))!=null||c(this,x,e),this.tagContainerWidth=e.getBoundingClientRect().width)})}
+                          class="tag-container"
+                          id="tag-container"
+                      >
+                          ${C(this.tags,(e,i)=>D(this,H,Y).call(this,e,i))}
+                      </div>`:y}
+                <input
+                    ${F(e=>{var i;e&&((i=t(this,o))!=null||c(this,o,e))})}
+                    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);`:y}
+                    aria-describedby=${this.useTags?"tag-container":y}
+                    placeholder=${this.useTags?y:(a=this.placeholder)!=null?a:`${this.label}\u2026`}
+                    .value=${this.useTags?s.initialQuery:this.query}
+                    @input=${t(this,T)}
+                    @keydown=${t(this,w)}
+                    @click=${t(this,k)}
+                />
+                <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=${t(this,k)}
+                >
+                    ${["COMPLETE","ERROR"].includes(t(this,u).taskStatus)?h`<terra-icon
+                              class="chevron"
+                              name="chevron-down"
+                          ></terra-icon>`: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?y:h`<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
+                ${F(e=>{var i;e&&((i=t(this,d))!=null||c(this,d,e),c(this,m,document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,l=>l.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Variables Matching ${this.query}`:"Variables"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,u).render({initial:()=>h`<li class="updating">Updating List of Variables</li>`,pending:()=>h`<li class="updating">Updating List of Variables</li>`,complete:e=>{let i=e.filter(l=>!(l.collectionShortName==="GPM_3IMERGHH"&&l.collectionVersion==="06"));return c(this,g,i),c(this,f,new Z(t(this,g),{findAllMatches:!0,keys:["entryId","longName","name","standardName","units"],useExtendedSearch:!0})),_(this.query===s.initialQuery?C(S(q(t(this,g))),R):C(S(q(this.searchResults)),R))},error:e=>h`<li class="error" data-tree-walker="filter_skip">
+                            ${e}
+                        </li>`})}
+            </ul>
+        </search>`}};o=new WeakMap,u=new WeakMap,g=new WeakMap,d=new WeakMap,f=new WeakMap,m=new WeakMap,x=new WeakMap,b=new WeakMap,k=new WeakMap,T=new WeakMap,M=new WeakMap,w=new WeakMap,v=new WeakMap,$=new WeakMap,H=new WeakSet,Y=function(a,e){return h`
+            <terra-button
+                size="small"
+                variant="default"
+                outline
+                class="tag"
+                title=${a}
+                aria-label=${`Clear tag ${a}`}
+                @click=${()=>{this.tags=[],this.clear(),setTimeout(()=>{var i;this.tagContainerWidth=(i=t(this,x))==null?void 0:i.getBoundingClientRect().width},100)}}
+                title=${a}
+            >
+                ${a}
+                <terra-icon
+                    class="tag-icon"
+                    slot="suffix"
+                    name="outline-x-circle"
+                    library="heroicons"
+                ></terra-icon>
+            </terra-button>
+        `},s.dependencies={"terra-button":K,"terra-icon":j},s.styles=[A,X],s.shadowRootOptions=U(O({},V.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-combobox",s.initialQuery="",r([p()],s.prototype,"label",2),r([p()],s.prototype,"placeholder",2),r([p({attribute:"hide-help",type:Boolean,reflect:!0})],s.prototype,"hideHelp",2),r([p({attribute:"hide-label",type:Boolean,reflect:!0})],s.prototype,"hideLabel",2),r([p({attribute:"use-tags",type:Boolean,reflect:!0})],s.prototype,"useTags",2),r([p()],s.prototype,"value",2),r([p({attribute:"bearer-token",reflect:!1})],s.prototype,"bearerToken",2),r([L()],s.prototype,"isExpanded",2),r([L()],s.prototype,"query",2),r([L()],s.prototype,"searchResults",2),r([L()],s.prototype,"tags",2),r([L()],s.prototype,"tagContainerWidth",2),r([P("value")],s.prototype,"valueChanged",1);var Q=s;export{Q as a};

package/dist/chunks/chunk.DZ3WN2JE.js

@@ -0,0 +1 @@
+import{a as M,b as H,c as R}from"./chunk.ISMI3XBI.js";import{a as G}from"./chunk.A77DDYFZ.js";import{a as y}from"./chunk.J5Q4TWEG.js";import{a as C,b as w}from"./chunk.IV5JC2HX.js";import{e as l,f as L,g as a,h as A,i as u}from"./chunk.INFVQQSJ.js";import{property as n,state as O}from"lit/decorators.js";import{isTemplateResult as x}from"lit/directive-helpers.js";var c=Symbol(),f=Symbol(),v,S=new Map,h,b,V,m,E,d,k,s=class extends w{constructor(){super(...arguments);a(this,b);a(this,m);a(this,d);a(this,h,!1);this.svg=null;this.label="";this.library="default";this.color=null;this.fontSize=null}connectedCallback(){super.connectedCallback(),M(this)}firstUpdated(){A(this,h,!0),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),H(this)}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var g;let{url:e,fromLibrary:o}=u(this,m,E).call(this),i=o?R(this.library):void 0;if(!e){this.svg=null;return}let r=S.get(e);if(r||(r=u(this,b,V).call(this,e),S.set(e,r)),!L(this,h))return;let t=await r;if(t===f&&S.delete(e),e===u(this,m,E).call(this).url){if(x(t)){this.svg=t;return}switch(t){case f:case c:this.svg=null,this.emit("terra-error");break;default:this.svg=t.cloneNode(!0),(g=i==null?void 0:i.mutator)==null||g.call(i,this.svg),this.emit("terra-load")}}}render(){return u(this,d,k).call(this),this.svg}};h=new WeakMap,b=new WeakSet,V=async function(e){var i;let o;try{if(o=await fetch(e,{mode:"cors"}),!o.ok)return o.status===410?c:f}catch(r){return f}try{let r=document.createElement("div");r.innerHTML=await o.text();let t=r.firstElementChild;if(((i=t==null?void 0:t.tagName)==null?void 0:i.toLowerCase())!=="svg")return c;v||(v=new DOMParser);let p=v.parseFromString(t.outerHTML,"text/html").body.querySelector("svg");return p?(p.part.add("svg"),document.adoptNode(p)):c}catch(r){return c}},m=new WeakSet,E=function(){let e=R(this.library);return this.name&&e?{url:e.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}},d=new WeakSet,k=function(){let o=[{attribute:"color",property:this.color},{attribute:"font-size",property:this.fontSize}].reduce((i,{attribute:r,property:t})=>(typeof t=="string"&&t.length>0&&(i+=` ${r}: ${t};`),this.removeAttribute(r),i),`${this.style.cssText}`);o.length>0&&this.setAttribute("style",o)},s.styles=[C,G],l([O()],s.prototype,"svg",2),l([n({reflect:!0})],s.prototype,"name",2),l([n()],s.prototype,"src",2),l([n()],s.prototype,"label",2),l([n({reflect:!0})],s.prototype,"library",2),l([n()],s.prototype,"color",2),l([n({attribute:"font-size"})],s.prototype,"fontSize",2),l([y("label")],s.prototype,"handleLabelChange",1),l([y(["name","src","library"])],s.prototype,"setIcon",1);export{s as a};