@nasa-terra/components 0.0.194 → 0.0.196

package/dist/chunks/chunk.AXHBILJ4.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.194",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.B2T3E3EN.js

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

package/dist/chunks/chunk.C62YPWNU.js

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

package/dist/chunks/chunk.C6AKU7WM.js

@@ -1,24 +0,0 @@
-import{a as r}from"./chunk.R2KZSJQZ.js";import{a as o}from"./chunk.DWUSSCJJ.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as i,b as s}from"./chunk.AXHBILJ4.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as d}from"lit/directives/class-map.js";import{html as n}from"lit";import{property as l,query as p}from"lit/decorators.js";var m=0,t=class extends s{constructor(){super(...arguments);this.attrId=++m;this.componentId=`terra-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1;this.size="large";this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(c){c.stopPropagation(),this.emit("terra-close")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}render(){return this.id=this.id.length>0?this.id:this.componentId,n`
-            <div
-                part="base"
-                class=${d({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled,"tab--large":this.size==="large","tab--small":this.size==="small"})}
-            >
-                <slot></slot>
-                ${this.closable?n`
-                          <button
-                              part="close-button"
-                              class="tab__close-button"
-                              @click=${this.handleCloseClick}
-                              tabindex="-1"
-                              aria-label="Close tab"
-                              type="button"
-                          >
-                              <terra-icon
-                                  name="x-mark"
-                                  library="heroicons"
-                                  font-size="1rem"
-                              ></terra-icon>
-                          </button>
-                      `:""}
-            </div>
-        `}};t.styles=[i,r],t.dependencies={"terra-icon":o},e([p(".tab")],t.prototype,"tab",2),e([l({reflect:!0})],t.prototype,"panel",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([l({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({reflect:!0})],t.prototype,"size",2),e([l({type:Number,reflect:!0})],t.prototype,"tabIndex",2),e([a("active")],t.prototype,"handleActiveChange",1),e([a("disabled")],t.prototype,"handleDisabledChange",1);export{t as a};

package/dist/chunks/chunk.C7E3R5KU.js

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

package/dist/chunks/chunk.CEHKBT6Q.js

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

package/dist/chunks/chunk.CHAY5OT7.js

@@ -1,35 +0,0 @@
-import{a as T}from"./chunk.OD4TBRCI.js";import{a as L}from"./chunk.A4KCKDEI.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.AXHBILJ4.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.CTISMZYA.js

@@ -1,17 +0,0 @@
-import{a as c}from"./chunk.XOXHOZNI.js";import{a as s}from"./chunk.HETQFJKA.js";import{a as m,b as u}from"./chunk.AXHBILJ4.js";import{e as i}from"./chunk.INFVQQSJ.js";import{html as f}from"lit";import{property as n}from"lit/decorators.js";var a=class extends u{constructor(){super(...arguments);this.variant="information";this.duration=3e3;this.closable=!0}get alert(){return this.shadowRoot?this.shadowRoot.querySelector("terra-alert"):null}firstUpdated(){let t=this.alert;t&&(t.addEventListener("terra-show",()=>this.emit("terra-show")),t.addEventListener("terra-after-show",()=>this.emit("terra-after-show")),t.addEventListener("terra-hide",()=>this.emit("terra-hide")),t.addEventListener("terra-after-hide",()=>this.emit("terra-after-hide")))}async toast(){return new Promise(async t=>{await this.updateComplete,this.shadowRoot||await this.updateComplete;let r=this.alert;if(r||(await customElements.whenDefined("terra-alert"),await this.updateComplete,r=this.alert),!r){t();return}await r.updateComplete;let e=s.toastStack;e.parentElement===null&&document.body.append(e),e.appendChild(this),requestAnimationFrame(async()=>{this.clientWidth,await this.updateComplete,await r.updateComplete,r.open||await r.show()}),this.addEventListener("terra-after-hide",()=>{e.contains(this)&&e.removeChild(this),t(),e.querySelector("terra-toast")===null&&e.querySelector("terra-alert")===null&&e.remove()},{once:!0})})}async show(){await this.updateComplete;let t=this.alert;if(!t)throw new Error("TerraToast: Alert element not found");return await t.updateComplete,t.show()}async hide(){await this.updateComplete;let t=this.alert;if(!t)throw new Error("TerraToast: Alert element not found");return await t.updateComplete,t.hide()}static async notify(t,r="information",e,p=3e3){let l=h=>{let d=document.createElement("div");return d.textContent=h,d.innerHTML},o=Object.assign(document.createElement("terra-toast"),{variant:r,duration:p,closable:!0,innerHTML:e?`
-                    <terra-icon name="${e}" slot="icon" library="heroicons"></terra-icon>
-                    ${l(t)}
-                `:l(t)});return document.body.append(o),await customElements.whenDefined("terra-toast"),await o.updateComplete,o.toast()}render(){return f`
-            <terra-alert
-                part="base"
-                exportparts="base:base__base, icon:base__icon, message:base__message"
-                variant=${this.variant}
-                duration=${this.duration}
-                closable=${this.closable}
-                countdown=${this.countdown||""}
-                appearance="filled"
-            >
-                <slot name="icon" slot="icon"></slot>
-                <slot></slot>
-            </terra-alert>
-        `}};a.styles=[m,c],a.dependencies={"terra-alert":s},i([n({reflect:!0})],a.prototype,"variant",2),i([n({type:Number})],a.prototype,"duration",2),i([n({type:Boolean,reflect:!0})],a.prototype,"closable",2),i([n({type:String,reflect:!0})],a.prototype,"countdown",2);export{a};

package/dist/chunks/chunk.CY5SBRKH.js

@@ -1,148 +0,0 @@
-import{a as G}from"./chunk.JA3TOBR2.js";import{a as z}from"./chunk.CYECGPCS.js";import{b as j}from"./chunk.EIXQWEAM.js";import{a as Y}from"./chunk.YDO3U6BD.js";import{a as F}from"./chunk.XXIFAJRB.js";import{b as W,c as H}from"./chunk.TK2JSJCN.js";import{a as U}from"./chunk.VT3U2SB7.js";import{a as _}from"./chunk.QDFHF7LY.js";import{a as O}from"./chunk.DQUUBGXN.js";import{c as L}from"./chunk.QGXUQL5S.js";import{a as R}from"./chunk.YVTC325R.js";import{a as M}from"./chunk.DWUSSCJJ.js";import{a as B}from"./chunk.HETQFJKA.js";import{a as I,b as N}from"./chunk.AXHBILJ4.js";import{e,f as i,g as l,h as A,i as u}from"./chunk.INFVQQSJ.js";import{html as d,nothing as J}from"lit";import{property as s,query as K,state as g}from"lit/decorators.js";import{TaskStatus as b}from"@lit/task";import{cache as ot}from"lit/directives/cache.js";var it={fromAttribute:p=>{if(!p)return[];try{let f=JSON.parse(p);if(Array.isArray(f))return f.map(a=>String(a).trim()).filter(Boolean)}catch(f){}return p.split(",").map(f=>f.trim()).filter(Boolean)},toAttribute:p=>p!=null&&p.length?JSON.stringify(p):null},n,m,y,v,E,Q,k,S,$,X,D,Z,x,T,C,tt,P,et,V,at,w,rt,t=class extends _(N){constructor(){super(...arguments);l(this,E);l(this,k);l(this,$);l(this,D);l(this,x);l(this,C);l(this,P);l(this,V);l(this,w);l(this,n,new j(this));this.variableEntryIds=[];this.showCitation=!1;this.showHelp=!0;this.disableAutoFetch=!1;this.mobileView=!1;this.hideToolbar=!1;this.cache=!1;this.catalogVariables=[];this.quotaExceededOpen=!1;this.timeSeriesError=null;this.showDataPointWarning=!1;this.estimatedDataPoints=0;l(this,m,!1);this._authController=new U(this);this._fetchVariableTask=z(this);l(this,y,a=>{let{status:r,code:o,message:c,context:h}=a.detail;this.timeSeriesError={code:o||String(r),message:c,context:h},r===429&&(this.quotaExceededOpen=!0)});l(this,v,a=>{let{currentChunk:r,totalChunks:o}=a.detail;this.chunkProgress=r>0&&o>1?{currentChunk:r,totalChunks:o}:void 0})}connectedCallback(){super.connectedCallback(),this.addEventListener("terra-time-series-error",i(this,y)),this.addEventListener("terra-time-series-chunk-progress-change",i(this,v))}updated(a){super.updated(a);let r=i(this,n).task.status,o=r===b.PENDING||this._fetchVariableTask.status===b.PENDING;if(o!==i(this,m)&&(A(this,m,o),this.dispatchEvent(new CustomEvent("terra-time-series-loading-change",{detail:{loading:o},bubbles:!0,composed:!0}))),r===b.PENDING&&this.timeSeriesError&&(this.timeSeriesError=null),r===b.ERROR&&!this.timeSeriesError){let c=i(this,n).task.error;if(c){let h=W(c);if(h.isCancellation)return;this.timeSeriesError={code:h.code,message:h.message,context:h.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-series-error",i(this,y)),this.removeEventListener("terra-time-series-chunk-progress-change",i(this,v))}render(){var a,r,o;return d`
-            <div class="plot-container" @mouseleave=${u(this,D,Z)}>
-                ${this.quotaExceededOpen?d`
-                          <terra-alert
-                              variant="warning"
-                              duration="10000"
-                              open=${this.quotaExceededOpen}
-                              closable
-                              @terra-after-hide=${()=>this.quotaExceededOpen=!1}
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-exclamation-triangle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              You've exceeded your request quota. Please
-                              <a
-                                  href="https://disc.gsfc.nasa.gov/information/documents?title=Contact%20Us"
-                                  >contact the help desk</a
-                              >
-                              for further assistance.
-                          </terra-alert>
-                      `:""}
-                ${this.hideToolbar?J:ot(this.catalogVariable?d`<terra-plot-toolbar
-                                    .catalogVariable=${this.catalogVariable}
-                                    .plot=${this.plot}
-                                    .timeSeriesData=${(a=i(this,n).lastTaskValue)!=null?a:i(this,n).emptyPlotData}
-                                    .location=${this.location}
-                                    .startDate=${this.startDate}
-                                    .endDate=${this.endDate}
-                                    .cacheKey=${i(this,n).getCacheKey()}
-                                    .variableEntryId=${this.variableEntryId}
-                                    .showCitation=${this.showCitation}
-                                    .showHelp=${this.showHelp}
-                                    .mobileView=${this.mobileView}
-                                    .productLabel=${this.productLabel}
-                                    show-location
-                                >
-                                    <slot name="help-links" slot="help-links"></slot>
-                                </terra-plot-toolbar>`:d`<div class="spacer"></div>`)}
-                ${u(this,C,tt).call(this)?d`
-                          <terra-alert
-                              class="no-data-alert"
-                              variant="warning"
-                              open
-                              closable
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-information-circle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              We couldn't find available data for your selection. Try
-                              widening your area or changing the date range to find
-                              more results.
-                          </terra-alert>
-                      `:""}
-                ${u(this,P,et).call(this)?d`
-                          <terra-alert
-                              class="no-data-alert"
-                              variant="danger"
-                              open
-                              closable
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-exclamation-triangle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              The selected variable was not found in the catalog
-                          </terra-alert>
-                      `:""}
-                ${this.timeSeriesError?d`
-                          <terra-alert
-                              class="error-alert"
-                              variant="danger"
-                              open
-                              closable
-                              @terra-after-hide=${()=>this.timeSeriesError=null}
-                          >
-                              <terra-icon
-                                  slot="icon"
-                                  name="outline-exclamation-triangle"
-                                  library="heroicons"
-                              ></terra-icon>
-                              ${u(this,V,at).call(this,this.timeSeriesError)}
-                          </terra-alert>
-                      `:""}
-
-                <terra-plot
-                    exportparts="base:plot__base, plot-title:plot__title"
-                    .data=${(r=i(this,n).lastTaskValue)!=null?r:i(this,n).emptyPlotData}
-                    .layout="${{xaxis:{title:"Time",showgrid:!1,zeroline:!1,range:this.startDate&&this.endDate?[this.startDate,this.endDate]:void 0},yaxis:{title:u(this,x,T).call(this),showline:!1},title:{text:this.catalogVariable&&this.location?`${this.catalogVariable.dataProductShortName}${this.catalogVariables.length>1?` (${this.catalogVariables.length} variables)`:""} @ ${this.location}`:null}}}"
-                    .config=${{displayModeBar:!0,displaylogo:!1,modeBarButtonsToRemove:["toImage","zoom2d","resetScale2d"],responsive:!0}}
-                    @terra-plot-relayout=${u(this,w,rt)}
-                ></terra-plot>
-            </div>
-
-            <dialog
-                ?open=${i(this,n).task.status===b.PENDING||this._fetchVariableTask.status===b.PENDING}
-            >
-                <terra-loader indeterminate></terra-loader>
-
-                ${i(this,n).task.status===b.PENDING?d`
-                          <p>
-                              ${this.catalogVariables.length>1?`Plotting ${this.catalogVariables.length} variables\u2026`:`Plotting ${(o=this.catalogVariable)==null?void 0:o.dataFieldId}\u2026`}
-                          </p>
-                          ${this.chunkProgress?d`<p>
-                                    Fetching chunk ${this.chunkProgress.currentChunk}
-                                    of ${this.chunkProgress.totalChunks}&hellip;
-                                </p>`:J}
-                      `:d`<p>Preparing plot&hellip;</p>`}
-
-                <terra-button @click=${u(this,$,X)}>Cancel</terra-button>
-            </dialog>
-
-            <dialog ?open=${this.showDataPointWarning} class="quota-dialog">
-                <h2>This is a large request</h2>
-
-                <p>
-                    You are requesting approximately
-                    ${this.estimatedDataPoints.toLocaleString()} data points.
-                </p>
-
-                <p>
-                    Requesting large amounts of data may cause you to reach your
-                    monthly quota limit.
-                </p>
-
-                <p>Would you still like to proceed with this request?</p>
-
-                <div class="dialog-buttons">
-                    <terra-button
-                        @click=${u(this,k,S)}
-                        variant="default"
-                    >
-                        Cancel
-                    </terra-button>
-
-                    <terra-button
-                        @click=${u(this,E,Q)}
-                        variant="primary"
-                    >
-                        Proceed
-                    </terra-button>
-                </div>
-            </dialog>
-        `}};n=new WeakMap,m=new WeakMap,y=new WeakMap,v=new WeakMap,E=new WeakSet,Q=function(){i(this,n).confirmDataPointWarning(),i(this,n).task.run()},k=new WeakSet,S=function(){this.showDataPointWarning=!1},$=new WeakSet,X=function(){var a;console.log("Aborting data load"),(a=i(this,n).task)==null||a.abort("Cancelled time series request")},D=new WeakSet,Z=function(a){var o;if(this.mobileView)return;let r=a.relatedTarget;this.contains(r)||(o=this.plotToolbar)==null||o.closeMenu()},x=new WeakSet,T=function(){var o;let a=(this.catalogVariables.length?this.catalogVariables.map(c=>c.dataFieldUnits):[(o=this.catalogVariable)==null?void 0:o.dataFieldUnits]).filter(Boolean),r=[...new Set(a)];if(r.length)return r.join(", ")},C=new WeakSet,tt=function(){var q;if(i(this,n).task.status!==b.COMPLETE)return!1;let r=(q=i(this,n).lastTaskValue)!=null?q:i(this,n).emptyPlotData;if(r.length===0)return!0;let o=r[0],c="x"in o?o.x:void 0,h="y"in o?o.y:void 0;return!!(!c||!h||Array.isArray(c)&&c.length===0||Array.isArray(h)&&h.length===0)},P=new WeakSet,et=function(){return this._fetchVariableTask.status!==b.COMPLETE?!1:!!(this.variableEntryId||this.variableEntryIds.length||this.collection&&this.variable)&&!this.catalogVariable},V=new WeakSet,at=function(a){return H(a)},w=new WeakSet,rt=function(a){if(this.disableAutoFetch)return;let r=!1;a.detail.xAxisMin&&(this.startDate=L(a.detail.xAxisMin),r=!0),a.detail.xAxisMax&&(this.endDate=L(a.detail.xAxisMax),r=!0),r&&this.dispatchEvent(new CustomEvent("terra-date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate},bubbles:!0,composed:!0}))},t.styles=[I,G],t.dependencies={"terra-plot":F,"terra-loader":O,"terra-icon":M,"terra-button":R,"terra-alert":B,"terra-plot-toolbar":Y},e([s({attribute:"variable-entry-id",reflect:!0})],t.prototype,"variableEntryId",2),e([s({attribute:"variable-entry-ids",converter:it})],t.prototype,"variableEntryIds",2),e([s({reflect:!0})],t.prototype,"collection",2),e([s({reflect:!0})],t.prototype,"variable",2),e([s({attribute:"start-date",reflect:!0})],t.prototype,"startDate",2),e([s({attribute:"end-date",reflect:!0})],t.prototype,"endDate",2),e([s({reflect:!0})],t.prototype,"location",2),e([s({type:Boolean,attribute:"show-citation"})],t.prototype,"showCitation",2),e([s({type:Boolean,attribute:"show-help"})],t.prototype,"showHelp",2),e([s({attribute:"application-citation"})],t.prototype,"applicationCitation",2),e([s({type:Boolean,attribute:"disable-auto-fetch"})],t.prototype,"disableAutoFetch",2),e([s({attribute:"bearer-token",reflect:!1})],t.prototype,"bearerToken",2),e([s({attribute:"mobile-view",type:Boolean,reflect:!0})],t.prototype,"mobileView",2),e([s({attribute:"hide-toolbar",type:Boolean,reflect:!0})],t.prototype,"hideToolbar",2),e([s({attribute:"product-label",reflect:!0})],t.prototype,"productLabel",2),e([s({attribute:"application-id"})],t.prototype,"applicationId",2),e([s({type:Boolean})],t.prototype,"cache",2),e([s({attribute:"job-id"})],t.prototype,"jobId",2),e([K("terra-plot")],t.prototype,"plot",2),e([K("terra-plot-toolbar")],t.prototype,"plotToolbar",2),e([g()],t.prototype,"catalogVariable",2),e([g()],t.prototype,"catalogVariables",2),e([g()],t.prototype,"quotaExceededOpen",2),e([g()],t.prototype,"timeSeriesError",2),e([g()],t.prototype,"showDataPointWarning",2),e([g()],t.prototype,"estimatedDataPoints",2),e([g()],t.prototype,"chunkProgress",2);export{t as a};

package/dist/chunks/chunk.CYECGPCS.js

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

package/dist/chunks/chunk.CZAJYJ7Y.js

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

package/dist/chunks/chunk.DADDNQLP.js

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

package/dist/chunks/chunk.DDNVEBZH.js

@@ -1 +0,0 @@
-import{b as l}from"./chunk.Q3FSQR6A.js";import{a as u,b as g}from"./chunk.INFVQQSJ.js";var h="terra-token",c="https://zed7uleqxl.execute-api.us-east-1.amazonaws.com/default/terra-earthdata-oauth",d=class{constructor(){this.authState={user:null,token:null,isLoading:!1,error:null};this.listeners=new Set;this.currentTask=null;let e=new URL(window.location.href).searchParams.get("code");e?(this.setState({isLoading:!0}),this.exchangeCodeForToken(e)):this.authenticate()}async exchangeCodeForToken(t){let e=new URLSearchParams(window.location.search);e.delete("code"),e.delete("state"),window.history.replaceState({},"",`${window.location.pathname}${e.size>0?"?"+e.toString():""}`);let n=`${c}/callback?code=${t}${l()==="uat"?"&environment=uat":""}`,s=await(await fetch(n)).json();localStorage.setItem(h,s.token),this.authenticate()}subscribe(t,e){return this.listeners.add(t),e?(this.setState({token:e}),this.authenticate().then(()=>{t(this.authState)})):t(this.authState),()=>{this.listeners.delete(t)}}notifyListeners(){this.listeners.forEach(t=>t(this.authState))}setState(t){this.authState=u(u({},this.authState),t),this.notifyListeners()}async authenticate(){if(this.currentTask)return this.currentTask;this.setState({isLoading:!0,error:null}),this.currentTask=this.getUserInfo();try{await this.currentTask}finally{this.currentTask=null}return this.currentTask}async getUserInfo(){var e,n;if(this.authState.user)return this.authState.user;let t=(e=this.authState.token)!=null?e:localStorage.getItem(h);if(!t)return this.setState(this.getLoggedOutState()),null;this.setState({token:t,isLoading:!0,error:null});try{let r=l(),s=new URLSearchParams;s.set("client_id","terra-earthdata-oauth-client"),r==="uat"&&s.set("environment","uat");let i=`${c}/user?${s.toString()}`,a=await fetch(i,{headers:{Authorization:`Bearer ${t}`}});if(!a.ok)throw new Error((n=a.statusText)!=null?n:"Failed to get user info");let o=await a.json();return this.setState({user:o.user,token:t,isLoading:!1,error:null}),this.authState.user}catch(r){return console.error("Failed to get user info",r),localStorage.removeItem(h),this.setState({user:null,token:t,isLoading:!1,error:r instanceof Error?r.message:"Failed to get user info"}),null}}getLoggedOutState(){return{user:null,token:null,isLoading:!1,error:null}}login(){window.location.href=`${c}/login?redirect_uri=${window.location.href}${l()==="uat"?"&environment=uat":""}`}async loginWithCredentials(t,e){var i;let n=`${c}/login`;this.setState({error:null,isLoading:!0});let r=await fetch(n,{method:"POST",headers:{Accept:"application/json",Authorization:`Basic ${btoa(`${t}:${e}`)}`}});if(!r.ok){let a=(i=r.statusText)!=null?i:"Failed to login";try{let o=await r.json();a=o.error_description||o.error||a}catch(o){}throw this.setState({error:a,isLoading:!1}),new Error(a)}let s=await r.json();return this.setState(g(u({},this.authState),{token:s.access_token,error:null})),this.authenticate()}logout(){localStorage.removeItem(h),this.setState({user:null,token:null,isLoading:!1,error:null})}getState(){return this.authState}},v=new d;export{v as a};

package/dist/chunks/chunk.DGC76RUW.js

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