@nasa-terra/components 0.0.184 → 0.0.186

package/dist/chunks/chunk.PLZAMBAD.js

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

package/dist/chunks/chunk.PXQJNDKT.js

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

package/dist/chunks/chunk.PZ3B3N4I.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.56O55KET.js";var m=r;r.define("terra-harmony-history");export{m as a};

package/dist/chunks/chunk.Q5SJALAY.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.FUEWS2BP.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-alert";e.define("terra-alert");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraAlert"}),i=n;export{i as a};

package/dist/chunks/chunk.QBQVMBX3.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.CD5ZQXGV.js";import{a as e,b as o}from"./chunk.IV5JC2HX.js";import{html as m}from"lit";var t=class extends o{render(){return m`<slot></slot>`}};t.styles=[e,r];export{t as a};

package/dist/chunks/chunk.QFHC5ZUJ.js

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

package/dist/chunks/chunk.QS6RXFI6.js

@@ -0,0 +1,154 @@
+import{a as w}from"./chunk.QZWCO7EF.js";import{a as C}from"./chunk.URTV3MIW.js";import{a as _}from"./chunk.X5OPH5X7.js";import{b as g}from"./chunk.UTJA3S5Z.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as x}from"./chunk.DZ3WN2JE.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as v,b as y}from"./chunk.IV5JC2HX.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as s,query as M,state as $}from"lit/decorators.js";import{classMap as V}from"lit/directives/class-map.js";import{html as o}from"lit";import{ifDefined as l}from"lit/directives/if-defined.js";import{live as k}from"lit/directives/live.js";var e=class extends y{constructor(){super(...arguments);this.formControlController=new g(this,{value:t=>t.value,defaultValue:t=>t.defaultValue,setValue:(t,a)=>t.value=a});this.hasSlotController=new b(this,"help-text","error","clear-icon","show-password-icon","hide-password-icon");this.hasFocus=!1;this.validationErrorMessage="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.title="";this.type="text";this.name="";this.value="";this.placeholder="";this.size="medium";this.filled=!1;this.pill=!1;this.disabled=!1;this.readonly=!1;this.required=!1;this.inputMode="text";this.label="";this.hideLabel=!1;this.helpText="";this.errorText="";this.clearable=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autofocus=!1;this.spellcheck=!0;this.defaultValue="";this.resettable=!1;this.form=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}get valueAsDate(){var t;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((t=this.input)==null?void 0:t.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){var t;return this.__numberInput.value=this.value,((t=this.input)==null?void 0:t.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-input")}handleChange(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(t){this.formControlController.setValidity(!1),this.updateValidationErrorMessage(),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-blur")}handleKeyDown(t){let a=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!a&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}updateValidationErrorMessage(){this.input?this.input.validity.valid?this.validationErrorMessage="":this.validationErrorMessage=this.input.validationMessage:this.validationErrorMessage=""}handleReset(t){t.preventDefault(),t.stopPropagation(),!(this.disabled||this.readonly)&&(this.value=this.defaultValue||"",this.input.value=this.value,this.formControlController.updateValidity(),this.emit("terra-change"),this.input.focus())}handleClearClick(t){t.preventDefault(),this.value!==""&&(this.value="",this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")),this.input.focus()}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input&&(this.input.step=String(this.step),this.formControlController.updateValidity())}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,a,r="none"){this.input.setSelectionRange(t,a,r)}setRangeText(t,a,r,n="preserve"){let d=a!=null?a:this.input.selectionStart,h=r!=null?r:this.input.selectionEnd;this.input.setRangeText(t,d,h,n),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}render(){let t=this.querySelector('[slot="prefix"]')!==null,a=this.querySelector('[slot="suffix"]')!==null,r=this.hasSlotController.test("help-text"),n=this.helpText?!0:!!r,d=this.hasSlotController.test("error"),h=this.hasAttribute("data-user-invalid"),u=h&&(this.errorText||d||this.validationErrorMessage),E=h&&(this.errorText||this.validationErrorMessage)||"",m=this.clearable&&!this.disabled&&!this.readonly,f=m&&(typeof this.value=="number"||this.value.length>0),c=this.resettable&&!this.clearable&&this.value!==""&&this.value!==this.defaultValue&&this.type!=="search",S=m||c||this.passwordToggle&&this.type==="password"||a;return o`
+            <div
+                part="form-control"
+                class=${V({"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":n&&!u,"form-control--has-error-text":u})}
+            >
+                ${this.label?o`
+                          <label
+                              for="input"
+                              part="form-control-label"
+                              class=${this.hideLabel?"input__label input__label--hidden":"input__label"}
+                          >
+                              ${this.label}
+                              ${this.required?o`<span class="input__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div part="form-control-input" class="form-control-input">
+                    <div
+                        part="base"
+                        class=${V({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons,"input--has-prefix":t,"input--has-suffix":S})}
+                    >
+                        ${t?o`
+                                  <span part="prefix" class="input__prefix">
+                                      <slot name="prefix"></slot>
+                                  </span>
+                              `:""}
+
+                        <input
+                            part="input"
+                            id="input"
+                            class="input__control"
+                            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+                            title=${this.title}
+                            name=${l(this.name||void 0)}
+                            ?disabled=${this.disabled}
+                            ?readonly=${this.readonly}
+                            ?required=${this.required}
+                            placeholder=${l(this.placeholder||void 0)}
+                            minlength=${l(this.minlength)}
+                            maxlength=${l(this.maxlength)}
+                            min=${l(this.min)}
+                            max=${l(this.max)}
+                            step=${l(this.step)}
+                            .value=${k(this.value)}
+                            autocapitalize=${l(this.getAttribute("autocapitalize"))}
+                            autocomplete=${l(this.autocomplete)}
+                            autocorrect=${l(this.getAttribute("autocorrect"))}
+                            ?autofocus=${this.autofocus}
+                            spellcheck=${this.spellcheck}
+                            pattern=${l(this.pattern)}
+                            enterkeyhint=${l(this.enterkeyhint)}
+                            inputmode=${l(this.inputMode)}
+                            aria-describedby=${u?"error-text":n?"help-text":void 0}
+                            aria-invalid=${u?"true":void 0}
+                            @input=${this.handleInput}
+                            @change=${this.handleChange}
+                            @invalid=${this.handleInvalid}
+                            @focus=${this.handleFocus}
+                            @blur=${this.handleBlur}
+                            @keydown=${this.handleKeyDown}
+                        />
+
+                        ${f?o`
+                                  <button
+                                      part="clear-button"
+                                      class="input__clear"
+                                      type="button"
+                                      aria-label="Clear input"
+                                      @click=${this.handleClearClick}
+                                      tabindex="-1"
+                                  >
+                                      <slot name="clear-icon">
+                                          <terra-icon
+                                              name="solid-x-circle"
+                                              library="heroicons"
+                                              font-size="1.2rem"
+                                          ></terra-icon>
+                                      </slot>
+                                  </button>
+                              `:""}
+                        ${this.passwordToggle&&this.type==="password"&&!this.disabled?o`
+                                  <button
+                                      part="password-toggle-button"
+                                      class="input__password-toggle"
+                                      type="button"
+                                      aria-label=${this.passwordVisible?"Hide password":"Show password"}
+                                      @click=${this.handlePasswordToggle}
+                                      tabindex="-1"
+                                  >
+                                      ${this.passwordVisible?o`
+                                                <slot name="show-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye-slash"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `:o`
+                                                <slot name="hide-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `}
+                                  </button>
+                              `:""}
+                        ${c?o`
+                                  <button
+                                      type="button"
+                                      class="input__reset"
+                                      @click=${this.handleReset}
+                                      ?disabled=${this.disabled||this.readonly}
+                                      aria-label="Clear input"
+                                      tabindex="-1"
+                                  >
+                                      <terra-icon
+                                          name="solid-x-circle"
+                                          library="heroicons"
+                                          font-size="1.2rem"
+                                      ></terra-icon>
+                                  </button>
+                              `:""}
+                        ${a&&!f&&!c&&!(this.passwordToggle&&this.type==="password")?o`
+                                  <span part="suffix" class="input__suffix">
+                                      <slot name="suffix"></slot>
+                                  </span>
+                              `:""}
+                    </div>
+                </div>
+
+                ${u?o`
+                          <div
+                              aria-live="polite"
+                              aria-hidden="false"
+                              class="form-control__error-text"
+                              id="error-text"
+                              part="form-control-error-text"
+                          >
+                              <slot name="error">${E}</slot>
+                          </div>
+                      `:n?o`
+                            <div
+                                aria-hidden="false"
+                                class="form-control__help-text"
+                                id="help-text"
+                                part="form-control-help-text"
+                            >
+                                <slot name="help-text">${this.helpText}</slot>
+                            </div>
+                        `:""}
+            </div>
+        `}};e.styles=[v,_,w],e.dependencies={"terra-icon":x},i([M(".input__control")],e.prototype,"input",2),i([$()],e.prototype,"hasFocus",2),i([$()],e.prototype,"validationErrorMessage",2),i([s()],e.prototype,"title",2),i([s({reflect:!0})],e.prototype,"type",2),i([s()],e.prototype,"name",2),i([s()],e.prototype,"value",2),i([s()],e.prototype,"placeholder",2),i([s({reflect:!0})],e.prototype,"size",2),i([s({type:Boolean,reflect:!0})],e.prototype,"filled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],e.prototype,"required",2),i([s()],e.prototype,"autocomplete",2),i([s({type:Number})],e.prototype,"minlength",2),i([s({type:Number})],e.prototype,"maxlength",2),i([s()],e.prototype,"min",2),i([s()],e.prototype,"max",2),i([s()],e.prototype,"step",2),i([s()],e.prototype,"pattern",2),i([s({attribute:"input-mode"})],e.prototype,"inputMode",2),i([s()],e.prototype,"label",2),i([s({attribute:"hide-label",type:Boolean})],e.prototype,"hideLabel",2),i([s({attribute:"help-text"})],e.prototype,"helpText",2),i([s({attribute:"error-text"})],e.prototype,"errorText",2),i([s({type:Boolean})],e.prototype,"clearable",2),i([s({attribute:"password-toggle",type:Boolean})],e.prototype,"passwordToggle",2),i([s({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2),i([s({attribute:"no-spin-buttons",type:Boolean})],e.prototype,"noSpinButtons",2),i([s({type:Boolean})],e.prototype,"autofocus",2),i([s()],e.prototype,"enterkeyhint",2),i([s({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2),i([C("value")],e.prototype,"defaultValue",2),i([s({type:Boolean,reflect:!0})],e.prototype,"resettable",2),i([s({reflect:!0})],e.prototype,"form",2),i([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([p("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1),i([p("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.QUGANIE6.js

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

package/dist/chunks/chunk.RAG6VO6B.js

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

package/dist/chunks/chunk.RAVRXP7H.js

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

package/dist/chunks/chunk.RFTDVF3V.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.FGX4RSBG.js";import*as t from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var r="terra-date-picker";e.define("terra-date-picker");var n=a({tagName:r,elementClass:e,react:t,events:{onTerraDateRangeChange:"terra-date-range-change"},displayName:"TerraDatePicker"}),i=n;export{i as a};

package/dist/chunks/chunk.RQTJDKKA.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.MJFEBDJV.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as i,b as o}from"./chunk.IV5JC2HX.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as a}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as l}from"lit/decorators.js";var c=0,t=class extends o{constructor(){super(...arguments);this.attrId=++c;this.componentId=`terra-tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return p`
+            <slot
+                part="base"
+                class=${a({"tab-panel":!0,"tab-panel--active":this.active})}
+            ></slot>
+        `}};t.styles=[i,s],e([l({reflect:!0})],t.prototype,"name",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/dist/chunks/chunk.S7DNL2JR.js

@@ -0,0 +1,145 @@
+import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as P}from"./chunk.OIUVQPNF.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,b as A}from"./chunk.IV5JC2HX.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
+            <li
+                id="listbox-option-${i}"
+                role="option"
+                class="listbox-option"
+                data-name=${e.name}
+                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
+            >
+                ${e.name}
+            </li>
+        `);l(this,b,(e,i)=>h`
+            <li class="listbox-option-group" data-tree-walker="filter_skip">
+                <span class="group-title" data-tree-walker="filter_skip"
+                    >${e.name}</span
+                >
+                <ul data-tree-walker="filter_skip">
+                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
+                                <li
+                                    id="listbox-option-${i}.${o}"
+                                    role="option"
+                                    class="listbox-option"
+                                    data-name=${s.title?s.title:s.name}
+                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
+                                >
+                                    ${s.title?s.title:s.name}
+                                </li>
+                            `)}
+                </ul>
+            </li>
+        `);l(this,I,()=>h`
+            <li class="error listbox-option-group">${this.content.data}</li>
+        `);l(this,k,()=>h`
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                <input
+                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,$)}
+                    @keydown=${t(this,M)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Items"
+                    class="combobox-button"
+                    id="combobox-button"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,v)}
+                >
+                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
+                              aria-hidden="true"
+                              class="button-icon chevron"
+                              focusable="false"
+                              viewBox="0 0 400 400"
+                              xmlns="http://www.w3.org/2000/svg"
+                              fill="currentColor"
+                          >
+                              <path
+                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
+                              ></path>
+                          </svg> `:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?H:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              target="_blank"
+                              >extended search syntax
+                              <svg
+                                  aria-hidden="true"
+                                  class="external-link"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  width="14"
+                                  height="14"
+                                  viewBox="0 0 24 24"
+                              >
+                                  <path
+                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                  /></svg></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,w)}
+                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
+            </ul>
+        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.S7GCSNMC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6XQ6N47U.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-login";e.define("terra-login");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraLogin:"terra-login"},displayName:"TerraLogin"}),g=n;export{g as a};

package/dist/chunks/chunk.SUJQSFLJ.js

@@ -0,0 +1,23 @@
+import{a as c}from"./chunk.ZXSLGF4Q.js";import{a as h}from"./chunk.DZ3WN2JE.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as r,b as n}from"./chunk.IV5JC2HX.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as u}from"lit/directives/class-map.js";import{html as f}from"lit";import{property as d,query as p,state as o}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.isInitialized=!1;this.current=!1;this.selected=!1;this.hasHover=!1;this.value="";this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){this.isInitialized?customElements.whenDefined("terra-select").then(()=>{let l=this.closest("terra-select");l&&l.handleDefaultSlotChange()}):this.isInitialized=!0}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){typeof this.value!="string"&&(this.value=String(this.value))}getTextLabel(){let l=this.childNodes,i="";return[...l].forEach(s=>{s.nodeType===Node.ELEMENT_NODE&&(s.hasAttribute("slot")||(i+=s.textContent)),s.nodeType===Node.TEXT_NODE&&(i+=s.textContent)}),i.trim()}render(){return f`
+            <div
+                part="base"
+                class=${u({option:!0,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover})}
+                @mouseenter=${this.handleMouseEnter}
+                @mouseleave=${this.handleMouseLeave}
+            >
+                <terra-icon
+                    part="checked-icon"
+                    class="option__check"
+                    name="outline-check"
+                    library="heroicons"
+                    aria-hidden="true"
+                ></terra-icon>
+                <slot part="prefix" name="prefix" class="option__prefix"></slot>
+                <slot
+                    part="label"
+                    class="option__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+                <slot part="suffix" name="suffix" class="option__suffix"></slot>
+            </div>
+        `}};e.styles=[r,c],e.dependencies={"terra-icon":h},t([p(".option__label")],e.prototype,"defaultSlot",2),t([o()],e.prototype,"current",2),t([o()],e.prototype,"selected",2),t([o()],e.prototype,"hasHover",2),t([d({reflect:!0})],e.prototype,"value",2),t([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("selected")],e.prototype,"handleSelectedChange",1),t([a("value")],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.SUZF4HRB.js

@@ -0,0 +1,19 @@
+import{a}from"./chunk.32TDAXC6.js";import{a as l}from"./chunk.DZ3WN2JE.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as r,b as o}from"./chunk.IV5JC2HX.js";import{e}from"./chunk.INFVQQSJ.js";import{html as c}from"lit";import{property as s,state as m}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.inline=!1;this.dark=!1;this.inactivityDelay=3e3;this.visible=!1;this.handleScroll=()=>{if(this.inline)return;this.isAtBottomOfPage()?(this.visible&&this.hide(),this.clearTimers()):this.visible&&(this.hide(),this.startInactivityTimer())};this.handleDocumentClick=i=>{this.contains(i.target)||!this.inline&&this.visible&&(this.hide(),this.startInactivityTimer())};this.handleClick=()=>{this.emit("terra-scroll"),this.inline||(this.hide(),setTimeout(()=>{this.startInactivityTimer()},100)),this.scrollDown()}}handleInlineChange(){this.inline?(this.visible=!0,this.clearTimers()):(this.visible=!1,this.clearTimers(),this.startInactivityTimer())}connectedCallback(){super.connectedCallback(),this.setupEventListeners(),this.inline?this.visible=!0:this.startInactivityTimer()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupEventListeners(),this.clearTimers()}setupEventListeners(){window.addEventListener("scroll",this.handleScroll,{passive:!0}),document.addEventListener("click",this.handleDocumentClick)}cleanupEventListeners(){window.removeEventListener("scroll",this.handleScroll),document.removeEventListener("click",this.handleDocumentClick)}isAtBottomOfPage(){let i=window.innerHeight,h=document.documentElement.scrollHeight;return(window.scrollY||document.documentElement.scrollTop)+i>=h-100}scrollDown(){let i=window.innerHeight;window.scrollBy({top:i,behavior:"smooth"})}hide(){this.visible=!1,this.clearTimers()}startInactivityTimer(){this.inline||this.isAtBottomOfPage()||(this.inactivityTimeout=window.setTimeout(()=>{this.isAtBottomOfPage()||(this.visible=!0)},this.inactivityDelay))}clearTimers(){clearTimeout(this.scrollTimeout),clearTimeout(this.clickTimeout),clearTimeout(this.inactivityTimeout)}render(){return this.visible?c`
+            <button
+                part="button"
+                class="scroll-hint"
+                @click="${this.handleClick}"
+                aria-label="Scroll to continue"
+            >
+                <div part="icon-container" class="scroll-hint__icon-container">
+                    <div part="ring" class="scroll-hint__ring"></div>
+                    <div part="icon" class="scroll-hint__icon">
+                        <terra-icon
+                            name="chevron-down"
+                            library="default"
+                        ></terra-icon>
+                    </div>
+                </div>
+                <span part="text" class="scroll-hint__text">SCROLL TO CONTINUE</span>
+            </button>
+        `:c``}};t.styles=[r,a],t.dependencies={"terra-icon":l},e([s({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([s({type:Boolean,reflect:!0})],t.prototype,"dark",2),e([s({type:Number})],t.prototype,"inactivityDelay",2),e([m()],t.prototype,"visible",2),e([n("inline")],t.prototype,"handleInlineChange",1);export{t as a};

package/dist/chunks/chunk.SXTACZU5.js

@@ -0,0 +1,9 @@
+import{a as i}from"./chunk.CV2D3MDN.js";import{a as s,b as a}from"./chunk.IV5JC2HX.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as l}from"lit/directives/class-map.js";import{html as n}from"lit";import{property as e}from"lit/decorators.js";var t=class extends a{constructor(){super(...arguments);this.variant="primary";this.pill=!1;this.pulse=!1}render(){return n`
+            <span
+                part="base"
+                class=${l({badge:!0,"badge--primary":this.variant==="primary","badge--success":this.variant==="success","badge--neutral":this.variant==="neutral","badge--warning":this.variant==="warning","badge--info":this.variant==="info","badge--danger":this.variant==="danger","badge--pill":this.pill,"badge--pulse":this.pulse})}
+                role="status"
+            >
+                <slot></slot>
+            </span>
+        `}};t.styles=[s,i],r([e({reflect:!0})],t.prototype,"variant",2),r([e({type:Boolean,reflect:!0})],t.prototype,"pill",2),r([e({type:Boolean,reflect:!0})],t.prototype,"pulse",2);export{t as a};

package/dist/chunks/chunk.SYILGIQ4.js

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

package/dist/chunks/chunk.TDBPLTD5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7MTGPJN6.js";var i=e;e.define("terra-chip");export{i as a};

package/dist/chunks/chunk.TFJYTETP.js

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

package/dist/chunks/chunk.TFZEBRL5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PLSW5VB3.js";var s=e;e.define("terra-data-subsetter");export{s as a};

package/dist/chunks/chunk.TTS52RHY.js

@@ -0,0 +1,11 @@
+import{a as i}from"./chunk.KVCUA7LO.js";import{a as e,b as a}from"./chunk.IV5JC2HX.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as r}from"lit/decorators.js";import{html as o}from"lit";import{classMap as l}from"lit/directives/class-map.js";var t=class extends a{constructor(){super(...arguments);this.variant="active";this.dark=!1}render(){return o`
+            <div
+                part="base"
+                class="${l({"status-indicator":!0,"status-indicator--active":this.variant==="active","status-indicator--completed":this.variant==="completed","status-indicator--testing":this.variant==="testing","status-indicator--future":this.variant==="future"})}"
+            >
+                <span part="dot" class="status-indicator__dot"></span>
+                <span part="label" class="status-indicator__label">
+                    <slot></slot>
+                </span>
+            </div>
+        `}};t.styles=[e,i],s([r({reflect:!0})],t.prototype,"variant",2),s([r({type:Boolean,reflect:!0})],t.prototype,"dark",2);export{t as a};

package/dist/chunks/chunk.TUPPR6BC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4PWILHVS.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-toggle";e.define("terra-toggle");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraChange:"terra-change",onTerraInput:"terra-input",onTerraFocus:"terra-focus",onTerraInvalid:"terra-invalid"},displayName:"TerraToggle"}),E=a;export{E as a};

package/dist/chunks/chunk.UA5CD7W6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.H5EXMIYZ.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tabs";e.define("terra-tabs");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraTabShow:"terra-tab-show",onTerraTabHide:"terra-tab-hide"},displayName:"TerraTabs"}),b=o;export{b as a};

package/dist/chunks/chunk.UB3PFFXJ.js

@@ -0,0 +1,8 @@
+import{a as i}from"./chunk.RRKWNEL7.js";import{a as n,b as p}from"./chunk.IV5JC2HX.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};

package/dist/chunks/chunk.UCX5XQBS.js

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

package/dist/chunks/chunk.UEOBO4HG.js

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

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

package/dist/chunks/chunk.ULPNUQIS.js

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

package/dist/chunks/chunk.UPCT2IFI.js

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

package/dist/chunks/chunk.URW5CT6H.js

@@ -0,0 +1 @@
+import{a as h}from"./chunk.6LAOJZS6.js";import{h as c,i as y,j as S}from"./chunk.7S57EA4V.js";import{a as p}from"./chunk.BF5VMLO3.js";import{f as r,g as a,h as o,i as m}from"./chunk.INFVQQSJ.js";var s,n,u,i,l,b,d,C=class{constructor(t){this.host=t;a(this,b);a(this,s,null);a(this,n,void 0);a(this,u,void 0);a(this,i,void 0);a(this,l,void 0);t.addController(this),o(this,u,new h(t,y())),o(this,i,new p(t,()=>c(r(this,s),r(this,n)))),o(this,l,new h(t,S()))}hostConnected(){}async startJob(t){o(this,n,t.options),o(this,s,"new");try{let e=await r(this,u).mutate(t);return o(this,s,e.jobID),e}catch(e){throw o(this,s,null),e}finally{this.host.requestUpdate()}}async cancelJob(t){return r(this,l).mutate(t)}startPollForJobStatus(t,e){o(this,n,e),o(this,s,t)}reset(){o(this,s,null),o(this,n,void 0),this.host.requestUpdate()}get jobId(){return r(this,s)}get data(){var t,e;return r(this,s)==="new"?m(this,b,d).call(this):(e=(t=r(this,i).result)==null?void 0:t.data)!=null?e:null}get progress(){var t,e;return(e=(t=this.data)==null?void 0:t.progress)!=null?e:0}get status(){var t,e;return r(this,s)==="new"?"running":(e=(t=r(this,i).result)==null?void 0:t.data)==null?void 0:e.status}get isCreating(){var t,e;return r(this,s)==="new"?!0:(e=(t=r(this,u).result)==null?void 0:t.isPending)!=null?e:!1}get isPolling(){var t;return((t=r(this,i).result)==null?void 0:t.fetchStatus)==="fetching"}};s=new WeakMap,n=new WeakMap,u=new WeakMap,i=new WeakMap,l=new WeakMap,b=new WeakSet,d=function(){return{jobID:"",status:"running",message:"Your job is being created and will start soon.",progress:0,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),dataExpiration:"",request:"",numInputGranules:0,links:[]}};export{C as a};

package/dist/chunks/chunk.UU44ZJKS.js

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

package/dist/chunks/chunk.UW3XN32J.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.MADJHLHO.js";var t=e;e.define("terra-variable-keyword-search");export{t as a};

package/dist/chunks/chunk.UXFJJVVM.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.3IPSMXZM.js";var u=r;r.define("terra-button-group");export{u as a};

package/dist/chunks/chunk.V26TXBNG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ETX4MKJV.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-time-average-map";e.define("terra-time-average-map");var m=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraTimeAverageMap"}),c=m;export{c as a};

package/dist/chunks/chunk.V3FEBTDD.js

@@ -0,0 +1,55 @@
+import{a as c}from"./chunk.3YUBQVYS.js";import{a as m}from"./chunk.URTV3MIW.js";import{a as p}from"./chunk.X5OPH5X7.js";import{b as u}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as h,b as d}from"./chunk.IV5JC2HX.js";import{e}from"./chunk.INFVQQSJ.js";import{property as l,query as y,state as v}from"lit/decorators.js";import{classMap as f}from"lit/directives/class-map.js";import{html as i}from"lit";import{ifDefined as o}from"lit/directives/if-defined.js";import{live as C}from"lit/directives/live.js";var t=class extends d{constructor(){super(...arguments);this.formControlController=new u(this,{value:r=>r.value,defaultValue:r=>r.defaultValue,setValue:(r,a)=>r.value=a});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.name="";this.value="";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.label="";this.hideLabel=!1;this.helpText="";this.resize="vertical";this.defaultValue="";this.form=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-input")}handleChange(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.emit("terra-blur")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}checkValidity(){return this.textarea.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.textarea.reportValidity()}setCustomValidity(r){this.textarea.setCustomValidity(r),this.formControlController.updateValidity()}focus(r){this.textarea.focus(r)}blur(){this.textarea.blur()}select(){this.textarea.select()}setSelectionRange(r,a,b="none"){this.textarea.setSelectionRange(r,a,b)}render(){let r=this.hasSlotController.test("help-text"),a=this.helpText?!0:!!r;return i`
+            <div
+                class=${f({"form-control":!0,"form-control--has-help-text":a})}
+            >
+                ${this.label?i`
+                          <label
+                              for="textarea"
+                              part="form-control-label"
+                              class=${this.hideLabel?"textarea__label textarea__label--hidden":"textarea__label"}
+                          >
+                              ${this.label}
+                              ${this.required?i`<span class="textarea__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div
+                    part="base"
+                    class=${f({textarea:!0,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--resize-none":this.resize==="none","textarea--resize-both":this.resize==="both","textarea--resize-horizontal":this.resize==="horizontal","textarea--resize-vertical":this.resize==="vertical"})}
+                >
+                    <textarea
+                        part="textarea"
+                        id="textarea"
+                        class="textarea__control"
+                        name=${o(this.name||void 0)}
+                        ?disabled=${this.disabled}
+                        ?readonly=${this.readonly}
+                        ?required=${this.required}
+                        placeholder=${o(this.placeholder||void 0)}
+                        minlength=${o(this.minlength)}
+                        maxlength=${o(this.maxlength)}
+                        rows=${o(this.rows)}
+                        cols=${o(this.cols)}
+                        .value=${C(this.value)}
+                        autocomplete=${o(this.autocomplete)}
+                        aria-describedby="help-text"
+                        @input=${this.handleInput}
+                        @change=${this.handleChange}
+                        @invalid=${this.handleInvalid}
+                        @focus=${this.handleFocus}
+                        @blur=${this.handleBlur}
+                    ></textarea>
+                </div>
+
+                <div
+                    aria-hidden=${a?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};t.styles=[h,p,c],e([y(".textarea__control")],t.prototype,"textarea",2),e([v()],t.prototype,"hasFocus",2),e([l()],t.prototype,"name",2),e([l()],t.prototype,"value",2),e([l()],t.prototype,"placeholder",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([l({type:Boolean,reflect:!0})],t.prototype,"required",2),e([l()],t.prototype,"autocomplete",2),e([l({type:Number})],t.prototype,"minlength",2),e([l({type:Number})],t.prototype,"maxlength",2),e([l({type:Number})],t.prototype,"rows",2),e([l({type:Number})],t.prototype,"cols",2),e([l()],t.prototype,"label",2),e([l({attribute:"hide-label",type:Boolean})],t.prototype,"hideLabel",2),e([l({attribute:"help-text"})],t.prototype,"helpText",2),e([l({reflect:!0})],t.prototype,"resize",2),e([m("value")],t.prototype,"defaultValue",2),e([l({reflect:!0})],t.prototype,"form",2),e([n("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};