@nasa-terra/components 0.0.174 → 0.0.176

package/dist/chunks/chunk.PZP3ZCWL.js

@@ -0,0 +1,67 @@
+import{a as k}from"./chunk.CIWVH54V.js";import{c as v}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.ETDMZC7Z.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as y,b as S}from"./chunk.RHMQH2SJ.js";import{a as g,e as r}from"./chunk.INFVQQSJ.js";var _=(h,d)=>{let t=0;return function(...i){window.clearTimeout(t),t=window.setTimeout(()=>{h.call(this,...i)},d)}},A=(h,d,t)=>{let i=h[d];h[d]=function(...e){i.call(this,...e),t.call(this,i,...e)}},M="onscrollend"in window;if(!M){let h=new Set,d=new WeakMap,t=e=>{for(let s of e.changedTouches)h.add(s.identifier)},i=e=>{for(let s of e.changedTouches)h.delete(s.identifier)};document.addEventListener("touchstart",t,!0),document.addEventListener("touchend",i,!0),document.addEventListener("touchcancel",i,!0),A(EventTarget.prototype,"addEventListener",function(e,s){if(s!=="scrollend")return;let a=_(()=>{h.size?a():this.dispatchEvent(new Event("scrollend"))},100);e.call(this,"scroll",a,{passive:!0}),d.set(this,a)}),A(EventTarget.prototype,"removeEventListener",function(e,s){if(s!=="scrollend")return;let a=d.get(this);a&&e.call(this,"scroll",a,{passive:!0})})}import{classMap as m}from"lit/directives/class-map.js";import{eventOptions as O,property as u,query as f,state as T}from"lit/decorators.js";import{html as w}from"lit";var n=class extends S{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.size="large";this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("terra-tab"),customElements.whenDefined("terra-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(i=>{let e=i.filter(({target:s})=>{if(s===this)return!0;if(s.closest("terra-tabs")!==this)return!1;let a=s.tagName.toLowerCase();return a==="terra-tab"||a==="terra-tab-panel"});if(e.length!==0){if(e.some(s=>!["aria-labelledby","aria-controls"].includes(s.attributeName))&&setTimeout(()=>this.setAriaLabels()),e.some(s=>s.attributeName==="disabled"))this.syncTabsAndPanels();else if(e.some(s=>s.attributeName==="active")){let a=e.filter(c=>c.attributeName==="active"&&c.target.tagName.toLowerCase()==="terra-tab").map(c=>c.target).find(c=>c.active);a&&this.setActiveTab(a)}}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,attributeFilter:["active","disabled","name","panel"],childList:!0,subtree:!0}),this.nav&&this.resizeObserver.observe(this.nav),t.then(()=>{let i=new IntersectionObserver((e,s)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),s.unobserve(e[0].target))});this.tabsElement&&i.observe(this.tabsElement)})})}disconnectedCallback(){var t,i;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),this.nav&&((i=this.resizeObserver)==null||i.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="terra-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("terra-tab");(e==null?void 0:e.closest("terra-tabs"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("terra-tab");if((e==null?void 0:e.closest("terra-tabs"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(l=>l.matches(":focus")),c=getComputedStyle(this).direction==="rtl",o=null;if((a==null?void 0:a.tagName.toLowerCase())==="terra-tab"){if(t.key==="Home")o=this.focusableTabs[0];else if(t.key==="End")o=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"forward")}if(!o)return;o.tabIndex=0,o.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(o,{scrollBehavior:"smooth"}):this.tabs.forEach(l=>{l.tabIndex=l===o?0:-1}),["top","bottom"].includes(this.placement)&&v(o,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=g({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled){let e=this.activeTab;this.activeTab=t,this.tabs.forEach(s=>{s.active=s===this.activeTab,s.tabIndex=s===this.activeTab?0:-1}),this.panels.forEach(s=>{var a;return s.active=s.name===((a=this.activeTab)==null?void 0:a.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&v(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("terra-tab-hide",{detail:{name:e.panel}}),this.emit("terra-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&(t.setAttribute("aria-controls",i.getAttribute("id")),i.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let i=t.clientWidth,e=t.clientHeight,s=getComputedStyle(this).direction==="rtl",a=this.getAllTabs(),o=a.slice(0,a.indexOf(t)).reduce((l,b)=>({left:l.left+b.clientWidth,top:l.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${i}px`,this.indicator.style.translate=s?`${-1*o.left}px`:`${o.left}px`;break;case"start":case"end":this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${o.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)}),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,i){let e=null,s=i==="forward"?1:-1,a=t+s;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){i==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=s}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return getComputedStyle(this).direction==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}syncSize(){this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)})}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){let t=getComputedStyle(this).direction==="rtl";return w`
+            <div
+                part="base"
+                class=${m({tabs:!0,"tabs--top":this.placement==="top","tabs--bottom":this.placement==="bottom","tabs--start":this.placement==="start","tabs--end":this.placement==="end","tabs--rtl":t,"tabs--has-scroll-controls":this.hasScrollControls,"tabs--large":this.size==="large","tabs--small":this.size==="small"})}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+            >
+                <div class="tabs__nav-container" part="nav">
+                    ${this.hasScrollControls?w`
+                              <button
+                                  part="scroll-button scroll-button--start"
+                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--start":!0,"tabs__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
+                                  tabindex="-1"
+                                  aria-hidden="true"
+                                  aria-label="Scroll to start"
+                                  @click=${this.handleScrollToStart}
+                                  type="button"
+                              >
+                                  <terra-icon
+                                      name=${t?"chevron-right":"chevron-left"}
+                                      library="heroicons"
+                                      font-size="1rem"
+                                  ></terra-icon>
+                              </button>
+                          `:""}
+
+                    <div class="tabs__nav" @scrollend=${this.updateScrollButtons}>
+                        <div part="tabs" class="tabs__tabs" role="tablist">
+                            <div
+                                part="active-tab-indicator"
+                                class="tabs__indicator"
+                            ></div>
+                            <div class="tabs__resize-observer">
+                                <slot
+                                    name="nav"
+                                    @slotchange=${this.syncTabsAndPanels}
+                                ></slot>
+                            </div>
+                        </div>
+                    </div>
+
+                    ${this.hasScrollControls?w`
+                              <button
+                                  part="scroll-button scroll-button--end"
+                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--end":!0,"tabs__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
+                                  tabindex="-1"
+                                  aria-hidden="true"
+                                  aria-label="Scroll to end"
+                                  @click=${this.handleScrollToEnd}
+                                  type="button"
+                              >
+                                  <terra-icon
+                                      name=${t?"chevron-left":"chevron-right"}
+                                      library="heroicons"
+                                      font-size="1rem"
+                                  ></terra-icon>
+                              </button>
+                          `:""}
+                </div>
+
+                <slot
+                    part="body"
+                    class="tabs__body"
+                    @slotchange=${this.syncTabsAndPanels}
+                ></slot>
+            </div>
+        `}};n.styles=[y,k],n.dependencies={"terra-icon":E},r([f(".tabs")],n.prototype,"tabsElement",2),r([f(".tabs__body")],n.prototype,"body",2),r([f(".tabs__nav")],n.prototype,"nav",2),r([f(".tabs__indicator")],n.prototype,"indicator",2),r([T()],n.prototype,"hasScrollControls",2),r([T()],n.prototype,"shouldHideScrollStartButton",2),r([T()],n.prototype,"shouldHideScrollEndButton",2),r([u()],n.prototype,"placement",2),r([u()],n.prototype,"activation",2),r([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),r([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),r([u({reflect:!0})],n.prototype,"size",2),r([O({passive:!0})],n.prototype,"updateScrollButtons",1),r([p("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),r([p("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1),r([p("size",{waitUntilFirstUpdate:!0})],n.prototype,"syncSize",1);export{n as a};

package/dist/chunks/chunk.Q2BQWN2W.js

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

package/dist/chunks/chunk.Q3FSQR6A.js

@@ -0,0 +1 @@
+var n=(r=>(r.UAT="uat",r.PROD="prod",r))(n||{});function m(e){return e!=null&&e.environment?e.environment:"prod"}export{n as a,m as b};

package/dist/chunks/chunk.Q3RQ2KGF.js

@@ -0,0 +1,34 @@
+import{css as r}from"lit";var i=r`
+    :host {
+        display: block;
+    }
+
+    .form-control {
+        position: relative;
+        border: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    .form-control__label {
+        padding: 0;
+    }
+
+    .form-control--required .form-control__label::after {
+        content: var(--terra-input-required-content);
+        color: var(--terra-input-required-content-color);
+        margin-inline-start: var(--terra-input-required-content-offset);
+    }
+
+    .visually-hidden {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+    }
+`;export{i as a};

package/dist/chunks/chunk.QBK5HZ4F.js

@@ -0,0 +1,24 @@
+import{a as r}from"./chunk.W2BB76HP.js";import{a as o}from"./chunk.ETDMZC7Z.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as i,b as s}from"./chunk.RHMQH2SJ.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.QMPKM2GA.js

@@ -0,0 +1,100 @@
+import{a as J}from"./chunk.7W27XF6C.js";import{a as L}from"./chunk.UFHVFIWI.js";import{a as $}from"./chunk.42LXCLD6.js";import{a as S}from"./chunk.4IU4F4P4.js";import{a as I}from"./chunk.E6HNLV32.js";import{a as w}from"./chunk.ETDMZC7Z.js";import{a as E,b as k}from"./chunk.RHMQH2SJ.js";import{e as l,f,g as n,i as d}from"./chunk.INFVQQSJ.js";import{property as y,query as R,state as p}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var h,m,D,g,N,v,q,u,b,r=class extends k{constructor(){super(...arguments);n(this,m);n(this,g);n(this,v);n(this,u);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;n(this,h,new S(this));this._authController=new I(this)}connectedCallback(){super.connectedCallback(),this.addController(f(this,h))}toggleCollapsed(){this.collapsed=!this.collapsed}render(){let t=f(this,h).jobs,i=t&&t.jobs.length>0;return i?a`
+            <div class="${this.collapsed?"collapsed":""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${i?a`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${e=>{this.hideCancelled=e.target.checked}}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          `:A}
+
+                    <div class="history-list">
+                        ${t?i?d(this,m,D).call(this,t):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${e=>{var s;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(s=this.dialog)==null||s.show()}}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>`:a`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `:A}};h=new WeakMap,m=new WeakSet,D=function(t){let i=t.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,s)=>new Date(s.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let s="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?s="#28a745":e.status==="failed"?s="#dc3545":e.status==="canceled"&&(s="#ffc107");let o=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,c=e.status==="failed"||e.status==="canceled"?100:e.progress,C=d(this,u,b).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${d(this,v,q).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${d(this,g,N).call(this,e,C)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${c}%; background-color: ${s}"
+                        >
+                            ${o}
+                        </div>
+                    </div>
+                </div>
+            `}):a`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${e=>{var s;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(s=this.dialog)==null||s.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},g=new WeakSet,N=function(t,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:t.jobID}
+                </div>
+                <div>${new Date(t.createdAt).toLocaleString()}</div>
+            </div>
+        `},v=new WeakSet,q=function(t){var e;let i=d(this,u,b).call(this,t.labels||[]);this.selectedJob=t.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},u=new WeakSet,b=function(t){try{return Object.fromEntries(t.map(i=>{let[e,...s]=i.split(":"),o=s.join(":").trim(),c=o;if(o.startsWith("{")||o.startsWith("["))try{c=JSON.parse(o)}catch(C){c=o}return[e.trim(),c]}))}catch(i){return{}}},r.dependencies={"terra-icon":w,"terra-data-subsetter":L,"terra-dialog":$},r.styles=[E,J],l([y()],r.prototype,"label",2),l([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),l([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),l([p()],r.prototype,"collapsed",2),l([p()],r.prototype,"selectedJob",2),l([p()],r.prototype,"selectedCollectionEntryId",2),l([p()],r.prototype,"hideCancelled",2),l([R('[part~="dialog"]')],r.prototype,"dialog",2),l([R('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.QU5FOMMA.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6M2JHZRJ.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-popup";e.define("terra-popup");var p=r({tagName:o,elementClass:e,react:t,events:{onTerraReposition:"terra-reposition"},displayName:"TerraPopup"}),f=p;export{f as a};

package/dist/chunks/chunk.QXIJD2NP.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.A2YE24KO.js";import*as e from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-avatar";r.define("terra-avatar");var o=t({tagName:a,elementClass:r,react:e,events:{onTerraError:"terra-error"},displayName:"TerraAvatar"}),f=o;export{f as a};

package/dist/chunks/chunk.QZWCO7EF.js

@@ -0,0 +1,321 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: block;
+    }
+
+    .input-wrapper {
+        width: 100%;
+    }
+
+    .input__label {
+        display: block;
+        margin: 0 0 var(--terra-spacing-x-small, 0.5rem) 0;
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        font-weight: var(--terra-input-label-line-weight);
+        line-height: var(--terra-input-label-line-height);
+        color: var(--terra-input-label-color);
+    }
+
+    .input__label--hidden {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+    }
+
+    .input__required-indicator {
+        color: var(--terra-input-required-content-color);
+        margin-left: var(--terra-input-required-content-offset);
+    }
+
+    .input {
+        position: relative;
+        display: var(--terra-input-display, flex);
+        align-items: center;
+        width: 100%;
+        background: var(--terra-input-background-color);
+        border-width: var(--terra-input-border-width);
+        border-color: var(--terra-input-border-color);
+        border-style: solid;
+        border-radius: var(--terra-input-border-radius);
+        transition:
+            border-color var(--terra-transition-fast),
+            box-shadow var(--terra-transition-fast);
+    }
+
+    .input:hover:not(.input--disabled) {
+        border-color: var(--terra-input-border-color-hover);
+    }
+
+    .input--focused:not(.input--disabled) {
+        outline: none;
+        border-color: var(--terra-input-border-color-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-input-focus-ring-color);
+    }
+
+    .input--disabled {
+        background-color: var(--terra-input-background-color-disabled);
+        border-color: var(--terra-input-border-color-disabled);
+        cursor: not-allowed;
+    }
+
+    .form-control-input {
+        position: relative;
+    }
+
+    .input__control {
+        flex: 1;
+        width: 100%;
+        padding: var(--terra-input-spacing-medium) var(--terra-input-spacing-medium);
+        background: transparent;
+        border: none;
+        outline: none;
+        box-shadow: none;
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        letter-spacing: var(--terra-input-letter-spacing);
+        color: var(--terra-input-color);
+    }
+
+    /* Size variants */
+    .input--small .input__control {
+        padding: var(--terra-input-spacing-x-small) var(--terra-input-spacing-small);
+        font-size: var(--terra-font-size-small);
+    }
+
+    .input--large .input__control {
+        padding: var(--terra-input-spacing-large) var(--terra-input-spacing-large);
+        font-size: var(--terra-font-size-large);
+    }
+
+    /* Filled variant */
+    .input--filled {
+        background: var(--terra-color-carbon-5);
+    }
+
+    .input--filled:hover:not(.input--disabled) {
+        background: var(--terra-color-carbon-10);
+    }
+
+    .input--filled.input--focused:not(.input--disabled) {
+        background: var(--terra-color-carbon-5);
+    }
+
+    /* Pill variant */
+    .input--pill {
+        border-radius: 9999px;
+    }
+
+    /* No spin buttons */
+    .input--no-spin-buttons .input__control[type='number']::-webkit-outer-spin-button,
+    .input--no-spin-buttons
+        .input__control[type='number']::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input--no-spin-buttons .input__control[type='number'] {
+        -moz-appearance: textfield;
+    }
+
+    .input__control::placeholder {
+        color: var(--terra-input-placeholder-color);
+    }
+
+    .input__control:disabled {
+        color: var(--terra-input-color-disabled);
+        cursor: not-allowed;
+    }
+
+    .input__control:disabled::placeholder {
+        color: var(--terra-input-placeholder-color-disabled);
+    }
+
+    .input__control:hover:not(:disabled) {
+        color: var(--terra-input-color-hover);
+    }
+
+    .input__control:focus:not(:disabled) {
+        color: var(--terra-input-color-focus);
+    }
+
+    .input__control:read-only {
+        cursor: default;
+    }
+
+    /* Hide browser spinners for number inputs */
+    .input__control::-webkit-outer-spin-button,
+    .input__control::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input__control[type='number'] {
+        -moz-appearance: textfield;
+    }
+
+    /* Prefix and Suffix */
+    .input__prefix,
+    .input__suffix {
+        align-items: center;
+        color: var(--terra-input-icon-color);
+        flex-shrink: 0;
+    }
+
+    .input__prefix {
+        display: var(--terra-input-prefix-display, flex);
+        padding-left: var(--terra-input-spacing-medium);
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .input__suffix {
+        display: var(--terra-input-suffix-display, flex);
+        padding-right: var(--terra-input-spacing-medium);
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .input--has-prefix .input__control {
+        padding-left: var(--terra-input-spacing-small);
+    }
+
+    .input--has-suffix .input__control {
+        padding-right: var(--terra-input-spacing-small);
+    }
+
+    .input:hover:not(.input--disabled) .input__prefix,
+    .input:hover:not(.input--disabled) .input__suffix {
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .input--focused:not(.input--disabled) .input__prefix,
+    .input--focused:not(.input--disabled) .input__suffix {
+        color: var(--terra-input-icon-color-focus);
+    }
+
+    .input__clear,
+    .input__reset {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        border: none;
+        padding: 0;
+        margin: 0;
+        margin-right: var(--terra-input-spacing-medium);
+        cursor: pointer;
+        color: inherit;
+        transition: color var(--terra-transition-fast);
+    }
+
+    .input__clear terra-icon,
+    .input__reset terra-icon {
+        --color: var(--terra-color-carbon-40);
+    }
+
+    .input__clear:hover,
+    .input__reset:hover {
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .input__clear:focus-visible,
+    .input__reset:focus-visible {
+        outline: 2px solid var(--terra-input-border-color-focus);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small);
+    }
+
+    .input--disabled .input__clear,
+    .input--disabled .input__reset {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
+
+    /* Password toggle button */
+    .input__password-toggle {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        border: none;
+        padding: 0;
+        margin: 0;
+        margin-right: var(--terra-input-spacing-medium);
+        cursor: pointer;
+        color: inherit;
+        transition: color var(--terra-transition-fast);
+    }
+
+    .input__password-toggle terra-icon {
+        --color: var(--terra-color-carbon-40);
+    }
+
+    .input__password-toggle:hover {
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .input__password-toggle:focus-visible {
+        outline: 2px solid var(--terra-input-border-color-focus);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small);
+    }
+
+    .input--disabled .input__password-toggle {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
+
+    /* Error State - using data attributes from FormControlController */
+    :host([data-user-invalid]) .input {
+        border-color: var(--terra-color-nasa-red);
+    }
+
+    :host([data-user-invalid]) .input:hover:not(.input--disabled) {
+        border-color: var(--terra-color-nasa-red-shade);
+    }
+
+    :host([data-user-invalid]) .input.input--focused:not(.input--disabled) {
+        border-color: var(--terra-color-nasa-red);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-color-nasa-red-tint);
+    }
+
+    /* Error Text */
+    .form-control__error-text {
+        display: none;
+        color: var(--terra-color-nasa-red-shade);
+        font-size: var(--terra-font-size-small);
+        margin-top: var(--terra-spacing-3x-small);
+    }
+
+    .form-control--has-error-text .form-control__error-text {
+        display: block;
+    }
+
+    /* Hide help text when error is shown */
+    .form-control--has-error-text .form-control__help-text {
+        display: none;
+    }
+
+    /* Error label color */
+    :host([data-user-invalid]) .input__label {
+        color: var(--terra-color-nasa-red-shade);
+    }
+
+    /* Form control size variants */
+    .form-control--small .input__label {
+        font-size: var(--terra-font-size-small);
+    }
+
+    .form-control--large .input__label {
+        font-size: var(--terra-font-size-large);
+    }
+`;export{n as a};

package/dist/chunks/chunk.R254CYHA.js

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