@nasa-terra/components 0.0.195 → 0.0.196

package/dist/chunks/chunk.2HL7Y4WO.js

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

package/dist/chunks/chunk.2T6Y2G56.js

@@ -1,300 +0,0 @@
-import{a as g,e as o,f as l,g as d,h as m,i as y}from"./chunk.INFVQQSJ.js";import{css as x}from"lit";var M=x`
-    :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 T}from"lit";import{property as v,state as z}from"lit/decorators.js";var r,h,u,p,b,n=class extends T{constructor(){super();d(this,h);d(this,p);this.environment="prod";this.isVisible=!1;d(this,r,void 0);Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}connectedCallback(){super.connectedCallback(),y(this,h,u).call(this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=l(this,r))==null||e.disconnect(),m(this,r,void 0)}firstVisible(){}emit(e,t){let i=new CustomEvent(e,g({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){let f=customElements.get(e);if(!f){customElements.define(e,class extends t{},i);return}let a=" (unknown version)",s=a;"version"in t&&t.version&&(a=" v"+t.version),"version"in f&&f.version&&(s=" v"+f.version),!(a&&s&&a===s)&&console.warn(`Attempted to register <${e}>${a}, but <${e}>${s} has already been registered.`)}};r=new WeakMap,h=new WeakSet,u=function(){if(!l(this,r)){if(this.isVisible=y(this,p,b).call(this),this.isVisible){this.firstVisible();return}if(!("IntersectionObserver"in window)){this.isVisible=!0,this.firstVisible();return}m(this,r,new IntersectionObserver(e=>{var t;e.some(i=>i.isIntersecting)&&((t=l(this,r))==null||t.disconnect(),m(this,r,void 0),this.isVisible=!0,setTimeout(()=>this.firstVisible(),500))},{root:null,threshold:0})),l(this,r).observe(this)}},p=new WeakSet,b=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.195",n.dependencies={},o([v()],n.prototype,"dir",2),o([v()],n.prototype,"lang",2),o([v()],n.prototype,"environment",2),o([v()],n.prototype,"bearerToken",2),o([z()],n.prototype,"isVisible",2);export{M as a,n as b};

package/dist/chunks/chunk.33JEWNO2.js

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

package/dist/chunks/chunk.3CCS5BIB.js

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

package/dist/chunks/chunk.3Y6WWRX4.js

@@ -1 +0,0 @@
-import{a as i}from"./chunk.HRTAILZX.js";import{a}from"./chunk.STTAKOQG.js";var o=[i,a],e=[];function p(r){e.push(r)}function m(r){e=e.filter(t=>t!==r)}function b(r){return o.find(t=>t.name===r)}function l(r,t){c(r),o.push({name:r,resolver:t.resolver,mutator:t.mutator}),e.forEach(n=>{n.library===r&&n.setIcon()})}function c(r){o=o.filter(t=>t.name!==r)}export{p as a,m as b,b as c,l as d,c as e};

package/dist/chunks/chunk.4H2ENZPR.js

@@ -1,30 +0,0 @@
-import{a as l}from"./chunk.BSMNZP56.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.KUERMFX5.js";import{a as o,b as i}from"./chunk.2T6Y2G56.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.4MIKGY55.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.JNF66CIE.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-data-subsetter";e.define("terra-data-subsetter");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraSubsetJobComplete:"terra-subset-job-complete"},displayName:"TerraDataSubsetter"}),l=a;export{l as a};