@nasa-terra/components 0.0.188 → 0.0.191

package/dist/chunks/chunk.6VRE7YNG.js

@@ -1,216 +0,0 @@
-import{css as r}from"lit";var i=r`
-    :host {
-        --label-height: 1.8125rem;
-
-        block-size: var(--terra-block-size, 2.1875rem);
-        box-sizing: border-box;
-        color: #1b1b1b; /* HDS uses this color for body text but does not have a defined color in the HDS palette */
-        contain: layout size style;
-        contain-intrinsic-size: var(--terra-inline-size, 100%)
-            calc(33vh + var(--terra-block-size, 2.1875rem));
-        display: block;
-        font-family: var(--terra-font-family--public-sans);
-        inline-size: var(--terra-inline-size, 100%);
-        position: relative;
-        z-index: 10;
-    }
-
-    * {
-        box-sizing: inherit;
-    }
-
-    .search-input-group {
-        block-size: 100%;
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-    .combobox {
-        block-size: var(--terra-block-size, 2.25rem);
-        flex: 1 1 auto;
-        padding-inline: 2rem;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .combobox::placeholder {
-        color: var(--terra-color-carbon-60);
-    }
-
-    .combobox:focus {
-        border-color: var(--terra-color-carbon-40);
-        outline: 0;
-    }
-
-    .search-input-group:has(.combobox:not(:focus)) + .search-results[open] {
-        border-color: var(--terra-color-carbon-30);
-    }
-
-    .search-input-button {
-        margin-block: 0;
-        margin-inline: 0;
-        outline: 0;
-        position: absolute;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-        z-index: 2;
-    }
-
-    .search-input-button::part(base) {
-        border-color: transparent;
-    }
-
-    .search-input-button::part(base):hover {
-        background-color: transparent;
-        border-color: var(--terra-color-nasa-blue-shade);
-        color: var(--terra-button-outline-text-color);
-    }
-
-    .search-button {
-        left: 0;
-    }
-
-    .clear-button {
-        right: 0;
-    }
-
-    .button-icon {
-        height: 1rem;
-        width: 1rem;
-    }
-
-    .spinner {
-        transform-origin: center;
-        animation: spin 2s linear infinite;
-    }
-
-    .spinner circle {
-        stroke-linecap: round;
-        animation: vary-stroke 1.5s ease-in-out infinite;
-    }
-
-    .external-link {
-        fill: currentColor;
-        vertical-align: middle;
-    }
-
-    .search-results {
-        background-color: var(--terra-color-spacesuit-white);
-        block-size: calc(33vh - var(--terra-block-size, 2.1875rem));
-        border-block-end: 2px solid transparent;
-        border-inline: 2px solid transparent;
-        contain: strict;
-        contain-intrinsic-size: var(--terra-inline-size, 100%)
-            calc(33vh - var(--terra-block-size, 2.1875rem));
-        content-visibility: hidden;
-        left: 0;
-        margin-block: 0;
-        margin-inline: 0;
-        max-height: 0;
-        opacity: 0;
-        overflow-y: auto;
-        overscroll-behavior: contain;
-        padding-block: 0.5rem;
-        padding-inline: 0rem;
-        position: absolute;
-        right: 0;
-        visibility: hidden;
-        transition:
-            background-color 0.2s ease,
-            border-color 0.2s ease;
-    }
-
-    .search-results[open] {
-        border-color: var(--terra-color-carbon-40);
-        content-visibility: auto;
-        max-height: calc(33vh - var(--terra-block-size, 2.1875rem));
-        opacity: 1;
-        visibility: visible;
-    }
-
-    .search-results .updating {
-        font-size: var(--terra-font-size-x-large);
-        padding-block: 4rem;
-        text-align: center;
-    }
-
-    .search-results .error {
-        color: var(--terra-color-nasa-red);
-        font-family: var(--terra-font-family--dm-mono);
-        padding-block: 2rem;
-    }
-
-    .listbox-option-group {
-        padding-inline: 0.5rem;
-        padding-block: 1rem 0.5rem;
-    }
-
-    .listbox-option-group:has(.clear-button) {
-        text-align: center;
-    }
-
-    .group-title {
-        font-family: var(--terra-font-family--inter);
-        font-weight: 700;
-        margin-block: 0;
-    }
-
-    .listbox-option {
-        cursor: pointer;
-        list-style: none;
-        padding-inline: 0.5rem;
-        transition: background-color 0.1s ease-in-out;
-    }
-
-    .listbox-option[aria-selected='true'] {
-        animation: traverse 0.2s ease-in-out forwards;
-        background-color: var(--terra-color-nasa-blue-shade);
-        color: var(--terra-color-spacesuit-white);
-    }
-
-    @media (prefers-reduced-motion) {
-        .button-icon {
-            transition: rotate 0s ease;
-        }
-
-        .search-results {
-            scroll-behavior: auto;
-        }
-    }
-
-    @keyframes traverse {
-        from {
-            filter: brightness(0.8);
-            opacity: 0.8;
-        }
-
-        to {
-            filter: brightness(1);
-            opacity: 1;
-        }
-    }
-
-    @keyframes spin {
-        to {
-            transform: rotate(1turn);
-        }
-    }
-
-    @keyframes vary-stroke {
-        0% {
-            stroke-dasharray: 0 150;
-            stroke-dashoffset: 0;
-        }
-        47.5% {
-            stroke-dasharray: 42 150;
-            stroke-dashoffset: -16;
-        }
-        95%,
-        100% {
-            stroke-dasharray: 42 150;
-            stroke-dashoffset: -59;
-        }
-    }
-`;export{i as a};

package/dist/chunks/chunk.6YK2ZG6R.js

@@ -1,35 +0,0 @@
-import{a as T}from"./chunk.ZRFO26MR.js";import{a as L}from"./chunk.NP2QG5W4.js";import{b as y}from"./chunk.6MJMMDNP.js";import{a as p,c as m}from"./chunk.VOQBVUDI.js";import{a as c,c as f}from"./chunk.U6R2SR47.js";import{a as u}from"./chunk.CUJNKBC6.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as v,b as E}from"./chunk.EBSZILKQ.js";import{e as n}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as M}from"lit";import{ifDefined as b}from"lit/directives/if-defined.js";import{property as a,query as g}from"lit/decorators.js";var i=class extends E{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!1;this.hover=!1;this.hoverTimeout=null;this.hideTimeout=null;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="terra-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(o,r)=>{if(!o)return null;let h=o.closest(r);if(h)return h;let l=o.getRootNode();return l instanceof ShadowRoot?s(l.host,r):null};setTimeout(()=>{var r;let o=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?y():document.activeElement;(!this.containingElement||s(o,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="terra-menu"&&(this.hide(),this.focusOnTrigger())};this.handleTriggerMouseEnter=()=>{!this.hover||this.disabled||(this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.hoverTimeout=window.setTimeout(()=>{this.open||this.show(),this.hoverTimeout=null},150))};this.handleTriggerMouseLeave=()=>{this.hover&&(this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))};this.handlePanelMouseEnter=()=>{this.hover&&this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)};this.handlePanelMouseLeave=()=>{this.hover&&(this.hideTimeout=window.setTimeout(()=>{this.open&&this.hide(),this.hideTimeout=null},200))}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.updateComplete.then(()=>{this.attachHoverListeners()}),this.open&&(this.addOpenListeners(),this.popup.active=!0,this.attachPanelHoverListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.removeHoverListeners(),this.hide(),this.hoverTimeout!==null&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=null),this.hideTimeout!==null&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}removeHoverListeners(){var r,h;let t=(((r=this.trigger)==null?void 0:r.assignedElements({flatten:!0}))||[])[0];if(!t)return;let s=t;if(t.tagName.toLowerCase()==="terra-button"){let l=t.button;l&&(s=l)}s.removeEventListener("mouseenter",this.handleTriggerMouseEnter),s.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let o=(h=this.popup)==null?void 0:h.popup;o&&(o.removeEventListener("mouseenter",this.handlePanelMouseEnter),o.removeEventListener("mouseleave",this.handlePanelMouseLeave))}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="terra-menu")}handleTriggerClick(){this.hover||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger(),requestAnimationFrame(()=>{this.attachHoverListeners()})}attachHoverListeners(){if(!this.hover||!this.trigger)return;let t=this.trigger.assignedElements({flatten:!0})[0];if(!t)return;t.removeEventListener("mouseenter",this.handleTriggerMouseEnter),t.removeEventListener("mouseleave",this.handleTriggerMouseLeave);let s=t;if(t.tagName.toLowerCase()==="terra-button"){let o=t.button;o&&(s=o)}s.addEventListener("mouseenter",this.handleTriggerMouseEnter),s.addEventListener("mouseleave",this.handleTriggerMouseLeave)}attachPanelHoverListeners(){this.hover&&this.updateComplete.then(()=>{var t;let e=(t=this.popup)==null?void 0:t.popup;e&&(e.removeEventListener("mouseenter",this.handlePanelMouseEnter),e.removeEventListener("mouseleave",this.handlePanelMouseLeave),e.addEventListener("mouseenter",this.handlePanelMouseEnter),e.addEventListener("mouseleave",this.handlePanelMouseLeave))})}updateAccessibleTrigger(){}async show(){if(!this.open)return this.open=!0,u(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"terra-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("terra-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("terra-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("terra-show"),this.addOpenListeners(),this.attachPanelHoverListeners(),await m(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=f(this,"dropdown.show",{dir:"ltr"});await p(this.popup.popup,e,t),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await m(this);let{keyframes:e,options:t}=f(this,"dropdown.hide",{dir:"ltr"});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}handleHoverChange(){this.attachHoverListeners()}render(){return M`
-            <terra-popup
-                part="base"
-                exportparts="popup:base__popup"
-                id="dropdown"
-                placement=${this.placement}
-                distance=${this.distance}
-                skidding=${this.skidding}
-                strategy=${this.hoist?"fixed":"absolute"}
-                flip
-                shift
-                auto-size="vertical"
-                auto-size-padding="10"
-                sync=${b(this.sync?this.sync:void 0)}
-                class=${w({dropdown:!0,"dropdown--open":this.open})}
-            >
-                <slot
-                    name="trigger"
-                    slot="anchor"
-                    part="trigger"
-                    class="dropdown__trigger"
-                    @click=${this.handleTriggerClick}
-                    @keydown=${this.handleTriggerKeyDown}
-                    @keyup=${this.handleTriggerKeyUp}
-                    @slotchange=${this.handleTriggerSlotChange}
-                ></slot>
-
-                <div
-                    aria-hidden=${this.open?"false":"true"}
-                    aria-labelledby="dropdown"
-                >
-                    <slot part="panel" class="dropdown__panel"></slot>
-                </div>
-            </terra-popup>
-        `}};i.styles=[v,L],i.dependencies={"terra-popup":T},n([g(".dropdown")],i.prototype,"popup",2),n([g(".dropdown__trigger")],i.prototype,"trigger",2),n([g(".dropdown__panel")],i.prototype,"panel",2),n([a({type:Boolean,reflect:!0})],i.prototype,"open",2),n([a({reflect:!0})],i.prototype,"placement",2),n([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([a({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],i.prototype,"stayOpenOnSelect",2),n([a({attribute:!1})],i.prototype,"containingElement",2),n([a({type:Number})],i.prototype,"distance",2),n([a({type:Number})],i.prototype,"skidding",2),n([a({type:Boolean})],i.prototype,"hoist",2),n([a({type:Boolean,reflect:!0})],i.prototype,"hover",2),n([a({reflect:!0})],i.prototype,"sync",2),n([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),n([d("hover",{waitUntilFirstUpdate:!0})],i.prototype,"handleHoverChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.743ALC5H.js

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

package/dist/chunks/chunk.75HMCL2A.js

@@ -1,47 +0,0 @@
-import{a as u}from"./chunk.VENMBB5D.js";import{a as d}from"./chunk.URTV3MIW.js";import{a as c}from"./chunk.X5OPH5X7.js";import{b as h}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a,b as n}from"./chunk.EBSZILKQ.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as p}from"lit";import{ifDefined as f}from"lit/directives/if-defined.js";import{live as y}from"lit/directives/live.js";import{property as i,query as C,state as k}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.formControlController=new h(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,r)=>t.checked=r});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleInput(){this.emit("terra-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("terra-change")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("terra-change"),this.emit("terra-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("terra-change"),this.emit("terra-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("help-text"),r=this.helpText?!0:!!t;return p`
-            <div
-                class=${m({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":r})}
-            >
-                <label
-                    part="base"
-                    class=${m({toggle:!0,"toggle--checked":this.checked,"toggle--disabled":this.disabled,"toggle--focused":this.hasFocus,"toggle--small":this.size==="small","toggle--medium":this.size==="medium","toggle--large":this.size==="large"})}
-                >
-                    <input
-                        class="toggle__input"
-                        type="checkbox"
-                        title=${this.title}
-                        name=${this.name}
-                        value=${f(this.value)}
-                        .checked=${y(this.checked)}
-                        .disabled=${this.disabled}
-                        .required=${this.required}
-                        role="switch"
-                        aria-checked=${this.checked?"true":"false"}
-                        aria-describedby="help-text"
-                        @click=${this.handleClick}
-                        @input=${this.handleInput}
-                        @invalid=${this.handleInvalid}
-                        @blur=${this.handleBlur}
-                        @focus=${this.handleFocus}
-                        @keydown=${this.handleKeyDown}
-                    />
-
-                    <span part="control" class="toggle__control">
-                        <span part="thumb" class="toggle__thumb"></span>
-                    </span>
-
-                    <div part="label" class="toggle__label">
-                        <slot></slot>
-                    </div>
-                </label>
-
-                <div
-                    aria-hidden=${r?"false":"true"}
-                    class="form-control__help-text"
-                    id="help-text"
-                    part="form-control-help-text"
-                >
-                    <slot name="help-text">${this.helpText}</slot>
-                </div>
-            </div>
-        `}};e.styles=[a,c,u],l([C('input[type="checkbox"]')],e.prototype,"input",2),l([k()],e.prototype,"hasFocus",2),l([i()],e.prototype,"title",2),l([i()],e.prototype,"name",2),l([i()],e.prototype,"value",2),l([i({reflect:!0})],e.prototype,"size",2),l([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),l([d("checked")],e.prototype,"defaultChecked",2),l([i({reflect:!0})],e.prototype,"form",2),l([i({type:Boolean,reflect:!0})],e.prototype,"required",2),l([i({attribute:"help-text"})],e.prototype,"helpText",2),l([o("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),l([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/dist/chunks/chunk.7DPD4X4B.js

@@ -1,300 +0,0 @@
-import{b as q}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.APANZSWJ.js";import{a as Q}from"./chunk.HVAMKSBX.js";import{a as G}from"./chunk.Z4MRB553.js";import{a as Z}from"./chunk.QDFHF7LY.js";import{a as D}from"./chunk.6AJD3EGC.js";import{a as j}from"./chunk.WUOLVIQC.js";import{a as H}from"./chunk.RM5CVLJ5.js";import{a as M}from"./chunk.ZORILGBU.js";import{a as B}from"./chunk.LC4WH54W.js";import{a as N}from"./chunk.3JICBNSC.js";import{a as E}from"./chunk.J5Q4TWEG.js";import{a as P,b as R}from"./chunk.EBSZILKQ.js";import{a as V,b as L,c as O,d as A,e as h,f as p,g as c,i as l}from"./chunk.INFVQQSJ.js";import{html as n,nothing as g}from"lit";import{property as U,state as v}from"lit/decorators.js";var d,b,f,y,T,$,z,F,_,S,J,I,X,w,Y,k,ee,x,te,C,ae,o=class extends Z(R){constructor(){super(...arguments);c(this,b);c(this,y);c(this,$);c(this,F);c(this,S);c(this,I);c(this,w);c(this,k);c(this,x);c(this,C);this.catalog="giovanni";this.selectedFacets={};this.selectedVariables=[];this.showVariablesBrowse=!1;this.activeIndex=void 0;this.sortOrder="aToZ";c(this,d,new j(this))}handleSelectedVariablesChange(){this.emit("terra-variables-change",{detail:{selectedVariables:this.selectedVariables}})}reset(){this.searchQuery="",this.selectedFacets={},this.showVariablesBrowse=!1}handleObservationChange(){var r,t,a;let e=(a=(t=(r=this.shadowRoot)==null?void 0:r.querySelector('input[name="observation"]:checked'))==null?void 0:t.value)!=null?a:"All";e==="All"?l(this,y,T).call(this,"observations"):l(this,b,f).call(this,"observations",e,!0)}toggleFacetSelect(e){let r=e.target;r.dataset.facet&&(l(this,b,f).call(this,r.dataset.facet,r.innerText.trim()),this.showVariablesBrowse=!0)}handleSearch(e){this.selectedFacets={},this.searchQuery=e.detail,this.showVariablesBrowse=!0}render(){let e=p(this,d).isPending&&p(this,d).facetsByCategory;return n`
-            <div class="container">
-                <header class="search">
-                    ${this.showVariablesBrowse?n`
-                              <terra-button @click=${this.reset}>
-                                  <terra-icon
-                                      name="solid-chevron-left"
-                                      library="heroicons"
-                                      font-size="1.5em"
-                                  ></terra-icon>
-                              </terra-button>
-                          `:g}
-
-                    <terra-variable-keyword-search
-                        @terra-search=${this.handleSearch}
-                    ></terra-variable-keyword-search>
-                </header>
-
-                ${this.showVariablesBrowse?l(this,C,ae).call(this,!!e):l(this,k,ee).call(this)}
-
-                <dialog ?open=${e}>
-                    <terra-loader indeterminate></terra-loader>
-                </dialog>
-            </div>
-        `}getVariable(e){return p(this,d).getVariable(e)}};d=new WeakMap,b=new WeakSet,f=function(e,r,t=!1){let a=this.selectedFacets[e]||[];if(a.includes(r)){l(this,$,z).call(this,e,r);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t?[r]:[...a,r]})},y=new WeakSet,T=function(e){let a=this.selectedFacets,{[e]:r}=a,t=A(a,[O(e)]);this.selectedFacets=t},$=new WeakSet,z=function(e,r){if(!this.selectedFacets[e])return;let t=this.selectedFacets[e].filter(a=>a!==r);if(!t.length){l(this,y,T).call(this,e);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t})},F=new WeakSet,_=function(e,r){let t=this.selectedVariables.find(a=>a.dataFieldLongName===e.dataFieldLongName);r&&!t?this.selectedVariables=[].concat(this.selectedVariables,e):!r&&t&&(this.selectedVariables=this.selectedVariables.filter(a=>a.dataFieldLongName!==e.dataFieldLongName))},S=new WeakSet,J=function(e){let t=e.detail.item.value;(t==="aToZ"||t==="zToA")&&(this.sortOrder=t,requestAnimationFrame(()=>{e.target.querySelectorAll("terra-menu-item").forEach(s=>{s.value===this.sortOrder?s.checked=!0:s.checked=!1})}))},I=new WeakSet,X=function(){return[...p(this,d).variables].sort((t,a)=>{let i=t.dataFieldLongName.toLowerCase(),s=a.dataFieldLongName.toLowerCase();return this.sortOrder==="aToZ"?i.localeCompare(s):s.localeCompare(i)})},w=new WeakSet,Y=function(){let e=[];Object.values(this.selectedFacets).forEach(i=>{e.push(...i)});let r=e.length>0,t=!!this.searchQuery;if(!r&&!t)return"";let a="Browsing";if(r){if(e.length===1)a+=` '${e[0]}'`;else if(e.length===2)a+=` '${e[0]}' and '${e[1]}'`;else{let i=e.slice(0,-1),s=e[e.length-1];a+=` '${i.join("', '")}', and '${s}'`}a+=" variables"}else a+=" variables";return t&&(a+=` for query \`${this.searchQuery}\``),a},k=new WeakSet,ee=function(){var r,t;let e=[{title:"Research Areas",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Sources",facetKey:"platformInstruments"}];return n`
-            <div class="scrollable browse-by-category">
-                <aside>
-                    <h3>Observations</h3>
-
-                    ${(r=p(this,d).facetsByCategory)!=null&&r.observations.length?n`
-                              <label>
-                                  <input
-                                      type="radio"
-                                      name="observation"
-                                      value="All"
-                                      @change=${this.handleObservationChange}
-                                      checked
-                                  />
-                                  All</label
-                              >
-
-                              ${(t=p(this,d).facetsByCategory)==null?void 0:t.observations.map(a=>n`<label>
-                                          <input
-                                              type="radio"
-                                              name="observation"
-                                              value=${a.name}
-                                              @change=${this.handleObservationChange}
-                                          />
-                                          ${a.name}
-                                      </label>`)}
-                          `:n`<terra-skeleton
-                              rows="4"
-                              variableWidths
-                          ></terra-skeleton>`}
-
-                    <terra-button
-                        variant="text"
-                        size
-                        @click=${()=>this.showVariablesBrowse=!0}
-                        >View All Now</terra-button
-                    >
-                </aside>
-
-                <main>
-                    ${e.map(a=>{var i,s,m;return n`
-                            <div class="column">
-                                <h3>${a.title}</h3>
-                                <ul role="list">
-                                    ${(m=(s=(i=p(this,d).facetsByCategory)==null?void 0:i[a.facetKey])==null?void 0:s.filter(u=>u.count>0).map(u=>n`<li
-                                                    role="button"
-                                                    tabindex="0"
-                                                    aria-selected="false"
-                                                    data-facet=${a.facetKey}
-                                                    @click=${this.toggleFacetSelect}
-                                                >
-                                                    ${u.name}
-                                                </li>`))!=null?m:n`<terra-skeleton
-                                        rows=${G(8,12)}
-                                        variableWidths
-                                    ></terra-skeleton>`}
-                                </ul>
-                            </div>
-                        `})}
-                </main>
-            </div>
-        `},x=new WeakSet,te=function(e,r,t,a){return(t!=null?t:[]).some(s=>s.count>0)?n`<details ?open=${a}>
-            <summary>${r}</summary>
-
-            ${(t!=null?t:[]).map(s=>{var m;return s.count>0?n`
-                          <div class="facet">
-                              <label
-                                  ><input
-                                      type="checkbox"
-                                      @change=${()=>l(this,b,f).call(this,e,s.name)}
-                                      ?checked=${(m=this.selectedFacets[e])==null?void 0:m.includes(s.name)}
-                                  />
-                                  ${s.name}
-                                  <!-- TODO: add count back in once we aren't filtering by Cloud Giovanni Catalog (or Cloud Giovanni supports all variables)(${s.count})--></label
-                              >
-                          </div>
-                      `:g})}
-        </details>`:g},C=new WeakSet,ae=function(e){let r=[{title:"Observations",facetKey:"observations",open:!0},{title:"Disciplines",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Platform / Instrument",facetKey:"platformInstruments"},{title:"Spatial Resolutions",facetKey:"spatialResolutions"},{title:"Temporal Resolutions",facetKey:"temporalResolutions"},{title:"Wavelengths",facetKey:"wavelengths"},{title:"Depths",facetKey:"depths"},{title:"Special Features",facetKey:"specialFeatures"},{title:"Portal",facetKey:"portals"}],t=l(this,I,X).call(this),a=l(this,w,Y).call(this);return n`<div class="scrollable variables-container">
-            <header>
-                <div>${a}</div>
-
-                <menu>
-                    <li>
-                        <terra-dropdown
-                            class="list-menu-dropdown"
-                            placement="bottom-end"
-                        >
-                            <terra-button
-                                slot="trigger"
-                                variant="default"
-                                outline
-                                caret
-                                >Sort by ${q(this.sortOrder)}</terra-button
-                            >
-                            <terra-menu @terra-select=${l(this,S,J)}>
-                                <terra-menu-item
-                                    type="checkbox"
-                                    value="aToZ"
-                                    ?checked=${this.sortOrder==="aToZ"}
-                                    >A to Z</terra-menu-item
-                                >
-                                <terra-menu-item
-                                    type="checkbox"
-                                    value="zToA"
-                                    ?checked=${this.sortOrder==="zToA"}
-                                    >Z to A</terra-menu-item
-                                >
-                            </terra-menu>
-                        </terra-dropdown>
-                    </li>
-                    <!--
-                    <li>
-                        <terra-dropdown class="list-menu-dropdown">
-                            <terra-button slot="trigger" caret>Group By</terra-button>
-                            <terra-menu>
-                                <terra-menu-item value="depths"
-                                    >Depths</terra-menu-item
-                                >
-                                <terra-menu-item value="disciplines"
-                                    >Disciplines</terra-menu-item
-                                >
-                                <terra-menu-item value="measurements"
-                                    >Measurements</terra-menu-item
-                                >
-                                <terra-menu-item value="observations"
-                                    >Observations</terra-menu-item
-                                >
-                                <terra-menu-item value="platformInstruments"
-                                    >Platform Instruments</terra-menu-item
-                                >
-                                <terra-menu-item value="portals"
-                                    >Portals</terra-menu-item
-                                >
-                                <terra-menu-item value="spatialResolutions"
-                                    >Spatial Resolutions</terra-menu-item
-                                >
-                                <terra-menu-item value="specialFeatures"
-                                    >Special Features</terra-menu-item
-                                >
-                                <terra-menu-item value="temporalResolutions"
-                                    >Temporal Resolutions</terra-menu-item
-                                >
-                                <terra-menu-item value="wavelengths"
-                                    >Wavelengths</terra-menu-item
-                                >
-                            </terra-menu>
-                        </terra-dropdown>
-                    </li>
-                    -->
-                </menu>
-            </header>
-
-            <aside>
-                <h3>Filter</h3>
-
-                ${r.map(i=>{var s;return l(this,x,te).call(this,i.facetKey,i.title,(s=p(this,d).facetsByCategory)==null?void 0:s[i.facetKey],i.open)})}
-            </aside>
-
-            <main class="variable-layout">
-                <!-- LEFT COLUMN -->
-                <section class="left-column">
-                    <ul class="variable-list">
-                        ${!e&&!t.length?n`
-                                  <terra-alert
-                                      variant="primary"
-                                      appearance="white"
-                                      open
-                                  >
-                                      <p>
-                                          We didn't find any variables matching your
-                                          search and filters.
-                                      </p>
-                                      <p>
-                                          Please note: This is a beta release and may
-                                          not have the full Giovanni catalog available
-                                          yet. We are working on adding more variables
-                                          and improving the search and filter
-                                          capabilities, so please check back soon!
-                                      </p>
-                                  </terra-alert>
-                              `:g}
-                        ${t.map((i,s)=>n`
-                                <li
-                                    aria-selected="false"
-                                    class="variable-list-item"
-                                    @mouseenter=${()=>this.activeIndex=s}
-                                    @mouseleave=${()=>this.activeIndex=void 0}
-                                    @focusin=${()=>this.activeIndex=s}
-                                    @focusout=${()=>this.activeIndex=void 0}
-                                    @click=${m=>{let u=m.currentTarget,K=u.querySelector('input[type="checkbox"]');K&&(u==null||u.setAttribute("aria-selected",`${K.checked}`))}}
-                                >
-                                    <div class="variable">
-                                        <label>
-                                            <input
-                                                data-variable=${i}
-                                                type="checkbox"
-                                                @change=${m=>{let u=m.currentTarget;l(this,F,_).call(this,i,u.checked)}}
-                                                style="display: none;"
-                                            />
-                                            <strong
-                                                >${i.dataFieldLongName}</strong
-                                            >
-                                            <span
-                                                >${i.dataProductShortName}_${i.dataProductVersion}
-                                                &bull;
-                                                ${i.dataProductTimeInterval}
-                                                &bull;
-                                                ${i.dataProductSpatialResolution}</span
-                                            >
-                                        </label>
-                                    </div>
-                                </li>
-                            `)}
-                    </ul>
-                </section>
-
-                <!-- RIGHT COLUMN -->
-                ${!e&&!t.length?g:n`
-                          <section class="right-column">
-                              ${this.activeIndex!==void 0?n`
-                                        <div class="sticky-element">
-                                            <p>
-                                                <label
-                                                    ><strong
-                                                        >Name in Data File:</strong
-                                                    ></label
-                                                >
-                                                ${t[this.activeIndex].dataFieldShortName}
-                                            </p>
-                                            <p>
-                                                <label><strong>Units:</strong></label>
-                                                ${t[this.activeIndex].dataFieldUnits}
-                                            </p>
-                                            <p>
-                                                <label
-                                                    ><strong
-                                                        >Temporal Coverage:</strong
-                                                    ></label
-                                                >
-                                                ${t[this.activeIndex].dataProductBeginDateTime}
-                                                –
-                                                ${t[this.activeIndex].dataProductEndDateTime}
-                                            </p>
-                                            <p>
-                                                <label
-                                                    ><strong
-                                                        >Region Coverage:</strong
-                                                    ></label
-                                                >
-                                                ${t[this.activeIndex].dataProductWest},
-                                                ${t[this.activeIndex].dataProductSouth},
-                                                ${t[this.activeIndex].dataProductEast},
-                                                ${t[this.activeIndex].dataProductNorth}
-                                            </p>
-                                            <p>
-                                                <label
-                                                    ><strong
-                                                        >Spatial Resolution:</strong
-                                                    ></label
-                                                >
-                                                ${t[this.activeIndex].dataProductSpatialResolution}
-                                            </p>
-                                            <p>
-                                                <label
-                                                    ><strong>Dataset:</strong></label
-                                                >
-                                                ${t[this.activeIndex].dataProductShortName}_${t[this.activeIndex].dataProductVersion}
-                                            </p>
-                                        </div>
-                                    `:n`<p class="placeholder">
-                                        Hover over a variable to see details
-                                    </p>`}
-                          </section>
-                      `}
-            </main>
-        </div> `},o.styles=[P,H],o.dependencies={"terra-variable-keyword-search":W,"terra-button":M,"terra-skeleton":Q,"terra-icon":B,"terra-loader":D,"terra-alert":N},h([U()],o.prototype,"catalog",2),h([U({attribute:"selected-variable-entry-ids",reflect:!0})],o.prototype,"selectedVariableEntryIds",2),h([v()],o.prototype,"searchQuery",2),h([v()],o.prototype,"selectedFacets",2),h([v()],o.prototype,"selectedVariables",2),h([v()],o.prototype,"showVariablesBrowse",2),h([v()],o.prototype,"activeIndex",2),h([v()],o.prototype,"sortOrder",2),h([E("selectedVariables")],o.prototype,"handleSelectedVariablesChange",1);export{o as a};

package/dist/chunks/chunk.7J4DVRXX.js

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

package/dist/chunks/chunk.7JDC2RFP.js

@@ -1,8 +0,0 @@
-import{a as i}from"./chunk.RRKWNEL7.js";import{a as n,b as p}from"./chunk.EBSZILKQ.js";import{e as o}from"./chunk.INFVQQSJ.js";import{classMap as u}from"lit/directives/class-map.js";import{html as m}from"lit";import{property as f,query as c}from"lit/decorators.js";var t=class extends p{constructor(){super(...arguments);this.variant="default"}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach((d,a)=>{let s=h(d);s&&(s.toggleAttribute("data-terra-stepper__step",!0),s.toggleAttribute("data-terra-stepper__step--first",a===0),s.toggleAttribute("data-terra-stepper__step--last",a===e.length-1))})}render(){return m`
-            <div
-                part="base"
-                class=${u({stepper:!0,"stepper--default":this.variant==="default","stepper--condensed":this.variant==="condensed"})}
-            >
-                <slot @slotchange=${this.handleSlotChange}></slot>
-            </div>
-        `}};t.styles=[n,i],o([c("slot")],t.prototype,"defaultSlot",2),o([f({reflect:!0})],t.prototype,"variant",2);function h(r){var e;let l="terra-stepper-step";return(e=r.closest(l))!=null?e:r.querySelector(l)}export{t as a};