@nasa-terra/components 0.0.195 → 0.0.196

package/dist/chunks/chunk.BLIMMPQ7.js

@@ -0,0 +1,300 @@
+import{a as u,e as o,f,g as m,h as v,i as g}from"./chunk.INFVQQSJ.js";import{css as T}from"lit";var H=T`
+    :host {
+        box-sizing: border-box;
+        display: none;
+    }
+
+    :host *,
+    :host *::before,
+    :host *::after {
+        box-sizing: inherit;
+    }
+
+    :host {
+        background-color: var(--background-color);
+        color: var(--color);
+    }
+
+    [hidden] {
+        display: none !important;
+    }
+
+    /* Horizon Design System Font Classes */
+
+    /* Display Fonts */
+
+    .display-120 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-100 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 6.25rem; /* 100px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-80 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 5rem; /* 80px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-72 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 4.5rem; /* 72px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-60 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3.75rem; /* 60px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-48 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-41 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.563rem; /* 41px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    /* Heading Fonts */
+
+    .heading-36-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-36-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-29-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-29-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-22-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /* 22px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-22-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /*22px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-18-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-18-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-16-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-16-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-14-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-14-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-12-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-12-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-11-semi-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-semi-bold);
+    }
+
+    /* Body Fonts */
+
+    .body-18 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-16 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-14 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-12 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-11 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    /* Number & Label Fonts */
+
+    .number-240 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 15rem; /* 240px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-120 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-48 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-36 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: 500;
+    }
+
+    .number-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: 500;
+    }
+
+    .label-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-12 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    /* Forms */
+
+    /* Input Field */
+
+    select,
+    .input {
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        color: var(--terra-input-text-default);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        background-color: var(--terra-input-background-default);
+        border: var(--terra-input-border-width) solid
+            var(--terra-input-border-default);
+        border-radius: var(--terra-input-border-radius);
+    }
+
+    label,
+    .input-label {
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        color: var(--terra-input-label-color);
+        font-weight: var(--terra-font-weight-semibold);
+        line-height: var(--terra-input-label-line-height);
+    }
+
+    /* Elements */
+
+    a {
+        text-decoration: underline;
+        text-decoration-color: var(--terra-text-link-default);
+        text-decoration-style: dashed;
+        text-decoration-thickness: 0.05em;
+        text-underline-offset: 0.25rem;
+        color: var(--terra-text-link-default);
+    }
+
+    /* UTILITY CSS */
+    .sr-only {
+        block-size: 1px;
+        border-width: 0;
+        clip: rect(0, 0, 0, 0);
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        white-space: nowrap;
+        width: 1px;
+    }
+`;import{LitElement as z}from"lit";import{property as p,state as C}from"lit/decorators.js";var k={fromAttribute(a){if(!(!a||a==="undefined"||a==="null"))return a}},r,h,b,y,w,n=class extends z{constructor(){super();m(this,h);m(this,y);this.environment="prod";this.isVisible=!1;m(this,r,void 0);Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}connectedCallback(){super.connectedCallback(),g(this,h,b).call(this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=f(this,r))==null||e.disconnect(),v(this,r,void 0)}firstVisible(){}emit(e,t){let i=new CustomEvent(e,u({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){let s=customElements.get(e);if(!s){customElements.define(e,class extends t{},i);return}let l=" (unknown version)",d=l;"version"in t&&t.version&&(l=" v"+t.version),"version"in s&&s.version&&(d=" v"+s.version),!(l&&d&&l===d)&&console.warn(`Attempted to register <${e}>${l}, but <${e}>${d} has already been registered.`)}};r=new WeakMap,h=new WeakSet,b=function(){if(!f(this,r)){if(this.isVisible=g(this,y,w).call(this),this.isVisible){this.firstVisible();return}if(!("IntersectionObserver"in window)){this.isVisible=!0,this.firstVisible();return}v(this,r,new IntersectionObserver(e=>{var t;e.some(i=>i.isIntersecting)&&((t=f(this,r))==null||t.disconnect(),v(this,r,void 0),this.isVisible=!0,setTimeout(()=>this.firstVisible(),500))},{root:null,threshold:0})),f(this,r).observe(this)}},y=new WeakSet,w=function(){if(!this.isConnected)return!1;let e=this.getBoundingClientRect(),t=getComputedStyle(this);return e.width>0&&e.height>0&&t.display!=="none"&&t.visibility!=="hidden"},n.version="0.0.196",n.dependencies={},o([p()],n.prototype,"dir",2),o([p()],n.prototype,"lang",2),o([p()],n.prototype,"environment",2),o([p({converter:k})],n.prototype,"bearerToken",2),o([C()],n.prototype,"isVisible",2);export{H as a,k as b,n as c};

package/dist/chunks/chunk.BO4DH5SK.js

@@ -0,0 +1 @@
+import{a}from"./chunk.JLBFKAVO.js";var d=a;a.define("terra-data-rods");export{d as a};

package/dist/chunks/chunk.BSG6PB7M.js

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

package/dist/chunks/chunk.BYMWWMHO.js

@@ -0,0 +1,99 @@
+import{a as P}from"./chunk.U26S7TDQ.js";import{a as V}from"./chunk.RKVLJUJG.js";import{a as $}from"./chunk.QKJ64RMB.js";import{a as _}from"./chunk.JOM4G2YE.js";import{a as k}from"./chunk.RV42RV2W.js";import{a as y}from"./chunk.BSG6PB7M.js";import{a as b,c as v}from"./chunk.BLIMMPQ7.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.C3HGLH5W.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.DJ4ECDD7.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-select";e.define("terra-select");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraClear:"terra-clear",onTerraInput:"terra-input",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide",onTerraInvalid:"terra-invalid"},displayName:"TerraSelect"}),T=a;export{T as a};

package/dist/chunks/chunk.C3YCRF6R.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.GK6AJGW3.js";import{a as l,c as n}from"./chunk.BLIMMPQ7.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as e}from"lit";import{property as a}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.current=!1}render(){let s=!!this.href;return e`
+            <span
+                part="base"
+                class=${p({breadcrumb:!0,"breadcrumb--current":this.current,"breadcrumb--link":s})}
+            >
+                ${s?e`
+                          <a
+                              part="link"
+                              class="breadcrumb__link"
+                              href=${this.href}
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </a>
+                      `:e`
+                          <span
+                              part="label"
+                              class="breadcrumb__label"
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </span>
+                      `}
+            </span>
+        `}};t.styles=[l,o],r([a()],t.prototype,"href",2),r([a({type:Boolean,reflect:!0})],t.prototype,"current",2);export{t as a};

package/dist/chunks/chunk.C53TDQ4M.js

@@ -0,0 +1,113 @@
+import{a as f}from"./chunk.Y4QBAUPW.js";import{a as r}from"./chunk.T2CPBC4R.js";import{a as m}from"./chunk.5IZC4OHY.js";import{a as d}from"./chunk.BDNESHTZ.js";import{a as g}from"./chunk.Z7VHC7NM.js";import{a as c}from"./chunk.M5IBNNVO.js";import{a as h,c as u}from"./chunk.BLIMMPQ7.js";import{e as a}from"./chunk.INFVQQSJ.js";import{html as l,nothing as p}from"lit";import{property as s,query as w,state as b}from"lit/decorators.js";import{createRef as _,ref as y}from"lit/directives/ref.js";var i=class extends u{constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!0;this.hasCoordTracker=!0;this.hasShapeSelector=!1;this.showBoundingBoxSelection=!0;this.showPolygonSelection=!1;this.showPointSelection=!0;this.initialValue="";this.hideLabel=!1;this.label="Select Region";this.spatialConstraints="-180, -90, 180, 90";this.isExpanded=!1;this.worldWrap=!1;this.inline=!1;this.showMapOnFocus=!1;this.urlState=!1;this.helpText="";this.showClose=!1;this.error="";this.dropdownRef=_()}set hideBoundingBoxSelection(t){console.warn('"hide-bounding-box-selection" is deprecated. Use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!t}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(t){console.warn('"hide-point-selection" is deprecated. Use "show-point-selection" instead.'),this.showPointSelection=!t}get hidePointSelection(){return!this.showPointSelection}get _allowedTypes(){return{allowPoint:this.showPointSelection,allowBbox:this.showBoundingBoxSelection}}firstUpdated(){let e=new URLSearchParams(window.location.search).get("spatial"),o=this.urlState&&e?e:this.initialValue;o&&(typeof o=="string"?this._applyValue(o,{emit:!1}):this._commit(r.serialize(o),o))}setValue(t){this._applyValue(t,{emit:!0})}clear(){this._clearValue()}open(){var t;this.inline||(t=this.dropdownRef.value)==null||t.show()}close(){var t;this.inline||(t=this.dropdownRef.value)==null||t.hide()}setOpen(t){t?this.open():this.close()}_input(){var t;this.error="",(t=this.terraInput)==null||t.setCustomValidity("")}_change(){var e,o;this._input();let t=(o=(e=this.terraInput)==null?void 0:e.value)!=null?o:"";if(!t.trim()){this._clearValue();return}this._validateAndCommit(t)}_keydown(t){var e,o,n;if(t.key===" "){t.stopPropagation();return}t.key==="Enter"&&(t.preventDefault(),this._validateAndCommit((o=(e=this.terraInput)==null?void 0:e.value)!=null?o:""),(n=this.terraInput)==null||n.blur())}_blur(){var t,e;this._validateAndCommit((e=(t=this.terraInput)==null?void 0:t.value)!=null?e:"")}_focus(){var t;this.showMapOnFocus&&!this.inline&&((t=this.dropdownRef.value)==null||t.show())}_click(t){t.stopPropagation(),this.inline||(this.isExpanded?this.close():this.open())}_handleMapChange(t){let e=t.detail;if(e.cause==="clear"){this._clearValue();return}if(e.cause!=="draw")return;let o;if(e.type==="bbox"&&e.bounds)o=e.bounds;else if(e.type==="point"&&e.latLng)o=e.latLng;else{this.emit("terra-map-change",{detail:e});return}let n=r.validateConstraints(o,this.spatialConstraints);if(n){this.error=n,this.mapValue=void 0;return}let v=r.serialize(o);this._commit(v,o)}handleDropdownShow(){this.isExpanded=!0}handleDropdownHide(){this.isExpanded=!1}_validateAndCommit(t){var o;if(!t.trim()){this._clearValue();return}let e=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!e.ok){this.error=e.error,(o=this.terraInput)==null||o.setCustomValidity(e.error);return}this._commit(e.serialized,e.value)}_applyValue(t,{emit:e}){if(typeof t!="string"){let n=r.serialize(t);this.error="",this.mapValue=n,this.terraInput&&(this.terraInput.value=n),e&&this._emitChange(t),this._updateURLParam(n);return}let o=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!o.ok){this.error=o.error;return}this.error="",this.mapValue=o.serialized,this.terraInput&&(this.terraInput.value=o.serialized),e&&this._emitChange(o.value),this._updateURLParam(o.serialized)}_commit(t,e){var o;this.error="",(o=this.terraInput)==null||o.setCustomValidity(""),this.mapValue=t,this.terraInput&&(this.terraInput.value=t),this.initialValue=t,this._updateURLParam(t),this._emitChange(e)}_clearValue(){var t;this.error="",this.mapValue=void 0,(t=this.terraInput)==null||t.setCustomValidity(""),this.terraInput&&(this.terraInput.value=""),this._updateURLParam(null)}_emitChange(t){t instanceof d?this.emit("terra-map-change",{detail:{cause:"draw",type:"point",latLng:t}}):this.emit("terra-map-change",{detail:{cause:"draw",type:"bbox",bounds:t}})}_updateURLParam(t){if(!this.urlState)return;let e=new URL(window.location.href);t?e.searchParams.set("spatial",t):e.searchParams.delete("spatial"),window.history.replaceState({},"",e.toString())}renderMap(){return l`<terra-map
+            class="${this.inline?"inline":""}"
+            exportparts="map"
+            min-zoom=${this.minZoom}
+            max-zoom=${this.maxZoom}
+            zoom=${this.zoom}
+            ?show-mouse-coordinates=${this.hasCoordTracker}
+            .value=${this.mapValue}
+            ?has-navigation=${this.hasNavigation}
+            ?has-shape-selector=${this.hasShapeSelector}
+            ?show-bounding-box-selection=${this.showBoundingBoxSelection}
+            ?show-polygon-selection=${this.showPolygonSelection}
+            ?show-point-selection=${this.showPointSelection}
+            ?no-world-wrap=${!this.worldWrap}
+            spatial-constraints=${this.spatialConstraints}
+            @terra-map-change=${this._handleMapChange}
+        ></terra-map>`}_inputTemplate(t){return l`<terra-input
+            slot=${t!=null?t:p}
+            .label=${this.label}
+            .hideLabel=${this.hideLabel}
+            .value=${r.serialize(this.initialValue)}
+            placeholder="${this.spatialConstraints}"
+            aria-controls="map"
+            aria-expanded=${this.inline?!0:this.isExpanded}
+            @terra-input=${this._input}
+            @terra-change=${this._change}
+            @terra-blur=${this._blur}
+            @terra-focus=${this._focus}
+            @keydown=${this._keydown}
+            @click=${e=>{e.stopPropagation(),this._click(e)}}
+            name="spatial"
+            .helpText=${this.helpText}
+        >
+            <div slot="suffix" class="spatial-picker__suffix-icons">
+                ${this.mapValue?l`<button
+                          type="button"
+                          class="spatial-picker__clear-btn"
+                          aria-label="Clear input"
+                          tabindex="-1"
+                          @click=${e=>{e.stopPropagation(),this._clearValue()}}
+                      >
+                          <svg
+                              xmlns="http://www.w3.org/2000/svg"
+                              viewBox="0 0 24 24"
+                              fill="currentColor"
+                          >
+                              <path
+                                  fill-rule="evenodd"
+                                  d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
+                                  clip-rule="evenodd"
+                              />
+                          </svg>
+                      </button>`:p}
+                <svg
+                    class="spatial-picker__input_icon"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke-width="1.5"
+                    stroke="currentColor"
+                    @click=${this._click}
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
+                    />
+                </svg>
+            </div>
+        </terra-input>`}render(){return this.inline?l`
+                <div class="spatial-picker">
+                    ${this._inputTemplate()}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container spatial-picker__map-container--inline"
+                    >
+                        ${this.renderMap()}
+                    </div>
+                    ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
+                </div>
+            `:l`
+            <div class="spatial-picker">
+                <terra-dropdown
+                    ${y(this.dropdownRef)}
+                    placement="bottom-start"
+                    distance="4"
+                    @terra-show=${this.handleDropdownShow}
+                    @terra-hide=${this.handleDropdownHide}
+                    hoist
+                >
+                    ${this._inputTemplate("trigger")}
+                    <slot name="additional-text"></slot>
+                    <div
+                        class="spatial-picker__map-container"
+                        @click=${t=>t.stopPropagation()}
+                    >
+                        ${this.showClose?l`
+                                  <div class="dropdown-header">
+                                      <button
+                                          class="spatial-picker__close-btn"
+                                          @click=${t=>{t.stopPropagation(),this.close()}}
+                                          aria-label="Close"
+                                      >
+                                          ✕
+                                      </button>
+                                  </div>
+                              `:p}
+                        ${this.renderMap()}
+                    </div>
+                </terra-dropdown>
+                ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
+            </div>
+        `}};i.styles=[h,f],i.dependencies={"terra-map":m,"terra-input":g,"terra-dropdown":c},a([s({attribute:"min-zoom",type:Number})],i.prototype,"minZoom",2),a([s({attribute:"max-zoom",type:Number})],i.prototype,"maxZoom",2),a([s({type:Number})],i.prototype,"zoom",2),a([s({attribute:"has-navigation",type:Boolean})],i.prototype,"hasNavigation",2),a([s({attribute:"has-coord-tracker",type:Boolean})],i.prototype,"hasCoordTracker",2),a([s({attribute:"has-shape-selector",type:Boolean})],i.prototype,"hasShapeSelector",2),a([s({attribute:"show-bounding-box-selection",type:Boolean})],i.prototype,"showBoundingBoxSelection",2),a([s({attribute:"show-polygon-selection",type:Boolean})],i.prototype,"showPolygonSelection",2),a([s({attribute:"hide-bounding-box-selection",type:Boolean})],i.prototype,"hideBoundingBoxSelection",1),a([s({attribute:"show-point-selection",type:Boolean})],i.prototype,"showPointSelection",2),a([s({attribute:"hide-point-selection",type:Boolean})],i.prototype,"hidePointSelection",1),a([s({attribute:"initial-value"})],i.prototype,"initialValue",2),a([s({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),a([s()],i.prototype,"label",2),a([s({attribute:"spatial-constraints"})],i.prototype,"spatialConstraints",2),a([s({attribute:"is-expanded",type:Boolean,reflect:!0})],i.prototype,"isExpanded",2),a([s({attribute:"world-wrap",type:Boolean})],i.prototype,"worldWrap",2),a([s({type:Boolean})],i.prototype,"inline",2),a([s({attribute:"show-map-on-focus",type:Boolean})],i.prototype,"showMapOnFocus",2),a([s({attribute:"url-state",type:Boolean})],i.prototype,"urlState",2),a([s({attribute:"help-text"})],i.prototype,"helpText",2),a([s({attribute:"closable",type:Boolean})],i.prototype,"showClose",2),a([b()],i.prototype,"mapValue",2),a([b()],i.prototype,"error",2),a([w("terra-input")],i.prototype,"terraInput",2),a([w("terra-map")],i.prototype,"map",2);export{i as a};

package/dist/chunks/chunk.C5IJ3RDW.js

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

package/dist/chunks/chunk.CPK3JYFS.js

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

package/dist/chunks/chunk.CSOP7FMX.js

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

@@ -0,0 +1,30 @@
+import{a as l}from"./chunk.BSMNZP56.js";import{a}from"./chunk.J3UHFD4B.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o,c as i}from"./chunk.BLIMMPQ7.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as m}from"lit/decorators.js";import{html as e}from"lit";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new s(this,"title","center","right");this.siteName=""}render(){let n=this.hasSlotController.test("title"),h=this.hasSlotController.test("right");return e`
+            <header part="base" class="site-header">
+                <div class="site-header__left">
+                    <div part="logo" class="site-header__logo">
+                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    </div>
+                    <div part="title" class="site-header__title">
+                        ${n?e`<slot name="title"></slot>`:e`<span>${this.siteName}</span>`}
+                    </div>
+                </div>
+                <div part="center" class="site-header__center">
+                    <slot name="center"></slot>
+                </div>
+                <div part="right" class="site-header__right">
+                    ${h?e`<slot name="right"></slot>`:e`
+                              <button
+                                  class="site-header__search"
+                                  type="button"
+                                  title="Search"
+                                  aria-label="Search"
+                              >
+                                  <terra-icon
+                                      name="magnifying-glass"
+                                      library="heroicons"
+                                  ></terra-icon>
+                              </button>
+                          `}
+                </div>
+            </header>
+        `}};t.styles=[o,l],t.dependencies={"terra-icon":a},r([m({attribute:"site-name"})],t.prototype,"siteName",2);export{t as a};

package/dist/chunks/chunk.CXVHJQOX.js

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

@@ -0,0 +1,27 @@
+import{a as h}from"./chunk.AGJNJSIX.js";import{a as i}from"./chunk.CUJNKBC6.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,c as l}from"./chunk.BLIMMPQ7.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.D664CQIW.js

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

package/dist/chunks/chunk.DDBHUABW.js

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

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