@nasa-terra/components 0.0.186 → 0.0.187

package/dist/chunks/chunk.TED4UBE5.js

@@ -0,0 +1,39 @@
+import{a as u}from"./chunk.PJ2G5T64.js";import{a as h}from"./chunk.M6UJ3FOI.js";import{a as m,b as p}from"./chunk.AQD2424J.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as e}from"lit/decorators.js";import{html as s,nothing as n}from"lit";import{classMap as a}from"lit/directives/class-map.js";var t=class extends p{constructor(){super(...arguments);this.variant="content";this.size="medium";this.iconLibrary="default";this.stack=!1;this.dark=!1;this.handleClick=r=>{this.variant==="topic"&&this.emit("terra-click",{detail:{originalEvent:r}})}}render(){let r=this.variant==="topic"&&this.href,o=this.variant==="content",l={tag:!0,"tag--content":o,"tag--topic":this.variant==="topic","tag--urgent":this.variant==="urgent","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large"},c=s`
+            ${o?s`
+                      <span
+                          part="icon"
+                          class="${a({tag__icon:!0,"tag__icon--small":this.size==="small","tag__icon--medium":this.size==="medium","tag__icon--large":this.size==="large"})}"
+                      >
+                          <slot name="icon">
+                              ${this.icon?s`
+                                        <terra-icon
+                                            name="${this.icon}"
+                                            library="${this.iconLibrary}"
+                                        ></terra-icon>
+                                    `:n}
+                          </slot>
+                      </span>
+                  `:n}
+            <span part="label" class="tag__label">
+                <slot></slot>
+            </span>
+        `;return r?s`
+                <a
+                    part="base"
+                    href="${this.href}"
+                    class="${a(l)}"
+                    @click="${this.handleClick}"
+                >
+                    ${c}
+                </a>
+            `:s`
+            <div
+                part="base"
+                class="${a(l)}"
+                @click="${this.handleClick}"
+                role="${this.variant==="topic"?"button":n}"
+                tabindex="${this.variant==="topic"&&!this.href?"0":n}"
+            >
+                ${c}
+            </div>
+        `}};t.styles=[m,u],t.dependencies={"terra-icon":h},i([e({reflect:!0})],t.prototype,"variant",2),i([e({reflect:!0})],t.prototype,"size",2),i([e({reflect:!0})],t.prototype,"icon",2),i([e({reflect:!0})],t.prototype,"iconLibrary",2),i([e({type:Boolean,reflect:!0})],t.prototype,"stack",2),i([e({type:Boolean,reflect:!0})],t.prototype,"dark",2),i([e()],t.prototype,"href",2);export{t as a};

package/dist/chunks/chunk.TGGBDRNU.js

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,b as l}from"./chunk.AQD2424J.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as i,state as m}from"lit/decorators.js";import{html as s,nothing as a}from"lit";import{classMap as c}from"lit/directives/class-map.js";var t=class extends l{constructor(){super(...arguments);this.variant="large";this.percent="0";this.indeterminate=!1;this.role="progressbar";this._currentPercent=0}formatPercent(e){return parseInt(e)>100&&(e="100"),parseInt(e)>0?e+"%":""}render(){return this._currentPercent=parseInt(this.percent),s`
+            <div
+                class=${c({loader:!0,"loader--small":this.variant==="small","loader--large":this.variant==="large","loader--orbit":this.variant==="orbit"})}
+                aria-valuenow=${this.formatPercent(this.percent)}
+                .role=${this.role}
+                tabindex="-1"
+            >
+                ${this.variant==="large"||this.variant==="orbit"?s`
+                          <div
+                              class="percent ${this.variant=="orbit"?"number-14":"number-11"}"
+                          >
+                              ${this.formatPercent(this.percent)}
+                          </div>
+                      `:a}
+                ${this.variant==="orbit"?s`
+                          <svg viewBox="0 0 160 160">
+                              <circle class="planet" />
+
+                              <!-- total length of orbit ellipse = 298.2393493652344 -->
+                              <path
+                                  id="orbit"
+                                  d="M 53.528 96.775 C 73.584 124.975 100.654 140.601 115.393 130.137 C 132.613 117.912 119.246 79.55 105.434 60.525 C 90.233 39.587 60.506 18.543 44.962 30.114 C 29.456 41.657 38.219 75.25 53.528 96.775 Z"
+                              >
+                                  <animate
+                                      attributeName="stroke-dashoffset"
+                                      begin="-0.25s"
+                                      from="300"
+                                      to="0"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  />
+                              </path>
+
+                              <circle class="moon">
+                                  <animateMotion
+                                      begin="0s"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  >
+                                      <mpath href="#orbit"></mpath>
+                                  </animateMotion>
+                              </circle>
+
+                              <path
+                                  id="mask"
+                                  class="planet"
+                                  d="M 130.176 80.041 C 130.176 41.552 88.321 17.697 55.544 36.652 C 40.081 45.594 30.865 62.428 30.47 80.094 L 130.176 80.041 Z"
+                                  style="transform-box: fill-box; transform-origin: 49.8347% 100.62%;"
+                                  transform="matrix(-0.350367, -0.936613, 0.936613, -0.350367, -0.148117, -0.20884)"
+                              />
+                          </svg>
+                      `:a}
+                ${this.variant==="small"||this.variant==="large"?s`
+                          <svg
+                              viewBox=${this.variant=="small"?"0 0 30 30":"0 0 52 52"}
+                              aria-hidden="true"
+                              style="--progress: ${this.percent}"
+                              class="circular-progress ${this.indeterminate?"indeterminate":""}"
+                          >
+                              <circle class="bg"></circle>
+                              <circle class="fg"></circle>
+                          </svg>
+                      `:a}
+            </div>
+        `}};t.styles=[n,o],r([i({reflect:!0})],t.prototype,"variant",2),r([i({type:String})],t.prototype,"percent",2),r([i({type:Boolean})],t.prototype,"indeterminate",2),r([i({reflect:!0})],t.prototype,"role",2),r([m()],t.prototype,"_currentPercent",2);export{t as a};

package/dist/chunks/chunk.TIRHWRND.js

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

package/dist/chunks/chunk.TIZX7XYL.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.AQD2424J.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};

package/dist/chunks/chunk.TLUNI5QX.js

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

package/dist/chunks/chunk.TQISK2J3.js

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

package/dist/chunks/chunk.TTU2LE4P.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.KFVTQUDR.js";var l=r;r.define("terra-plot-toolbar");export{l as a};

package/dist/chunks/chunk.UAJ4KR23.js

@@ -0,0 +1,5 @@
+import{a as r}from"./chunk.H2ISCJTL.js";import{a as l,b as o}from"./chunk.AQD2424J.js";import{e}from"./chunk.INFVQQSJ.js";import{property as a}from"lit/decorators.js";import{html as i}from"lit";var t=class extends o{constructor(){super(...arguments);this.ariaLabel="Breadcrumb";this.theme="light"}render(){return i`
+            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
+                <slot></slot>
+            </nav>
+        `}};t.styles=[l,r],e([a({attribute:"aria-label"})],t.prototype,"ariaLabel",2),e([a({reflect:!0})],t.prototype,"theme",2);export{t as a};

package/dist/chunks/chunk.UFHWNQDN.js

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

package/dist/chunks/chunk.UHM5JVWJ.js

@@ -0,0 +1 @@
+import{a as h}from"./chunk.RK65WAF3.js";import{h as c,i as y,j as S}from"./chunk.GE7UDDDW.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.UHOWEE2M.js

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

package/dist/chunks/chunk.UQO7OZ5C.js

@@ -0,0 +1,9 @@
+import{a as l}from"./chunk.Z4MRB553.js";import{a as i}from"./chunk.ATR343ZS.js";import{a as r,b as o}from"./chunk.AQD2424J.js";import{e}from"./chunk.INFVQQSJ.js";import{html as p}from"lit";import{property as s}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.rows=1;this.effect="pulse";this.variableWidths=!0}render(){return p`
+            ${new Array(parseInt(this.rows.toString())).fill(0).map(()=>p` <div
+                        part="base"
+                        class=${`skeleton ${this.effect==="pulse"?"skeleton--pulse":""} ${this.effect==="sheen"?"skeleton--sheen":""}`}
+                        style=${this.variableWidths?`width: ${l(60,100)}%`:""}
+                    >
+                        <div part="indicator" class="skeleton__indicator"></div>
+                    </div>`)}
+        `}};t.styles=[r,i],e([s()],t.prototype,"rows",2),e([s()],t.prototype,"effect",2),e([s({type:Boolean,reflect:!0})],t.prototype,"variableWidths",2);export{t as a};

package/dist/chunks/chunk.URX2EI2V.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5RTEYDDC.js";var c=e;e.define("terra-select");export{c as a};

package/dist/chunks/chunk.UTOYOGZQ.js

@@ -0,0 +1,121 @@
+import{a as u}from"./chunk.BKGRXBHT.js";import{a as d,b as h}from"./chunk.AQD2424J.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as r,query as f,state as o}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{html as n}from"lit";import{ifDefined as c}from"lit/directives/if-defined.js";var t=class extends h{constructor(){super(...arguments);this.files=[];this.isDragging=!1;this.hasFocus=!1;this.label="Upload";this.helpText="";this.name="";this.multiple=!1;this.disabled=!1;this.required=!1;this.accept="";this.handleDragOver=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)};this.handleDragLeave=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!1)};this.handleDrop=e=>{var s;if(this.disabled)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;let i=(s=e.dataTransfer)==null?void 0:s.files;i&&i.length>0&&this.handleFiles(Array.from(i))};this.handleFileInputChange=e=>{let i=e.target;i.files&&i.files.length>0&&this.handleFiles(Array.from(i.files))};this.handleClick=()=>{this.disabled||this.fileInput.click()};this.handleChangeFiles=()=>{this.handleClick()};this.handleFocus=()=>{this.hasFocus=!0,this.emit("terra-focus")};this.handleBlur=()=>{this.hasFocus=!1,this.emit("terra-blur")}}connectedCallback(){super.connectedCallback()}firstUpdated(){this.setupDragAndDrop()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupDragAndDrop(),this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)})}setupDragAndDrop(){this.dropzone&&(this.dropzone.addEventListener("dragover",this.handleDragOver),this.dropzone.addEventListener("dragleave",this.handleDragLeave),this.dropzone.addEventListener("drop",this.handleDrop))}cleanupDragAndDrop(){this.dropzone&&(this.dropzone.removeEventListener("dragover",this.handleDragOver),this.dropzone.removeEventListener("dragleave",this.handleDragLeave),this.dropzone.removeEventListener("drop",this.handleDrop))}handleFiles(e){let i=e;if(this.multiple&&this.maxFiles){let a=this.maxFiles-this.files.length;if(a<=0)return;i=i.slice(0,a)}else this.multiple||(i=[i[0]]);this.maxFileSize&&(i=i.filter(a=>a.size<=this.maxFileSize));let s=i.map(a=>{let p=a;return a.type.startsWith("image/")&&(p.preview=URL.createObjectURL(a)),p});this.multiple?this.files=[...this.files,...s]:(this.files.forEach(a=>{a.preview&&a.preview.startsWith("blob:")&&URL.revokeObjectURL(a.preview)}),this.files=s),this.emit("terra-change")}getFiles(){return[...this.files]}clearFiles(){this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)}),this.files=[],this.fileInput&&(this.fileInput.value=""),this.emit("terra-change")}render(){let e=this.files.length>0,i=this.files.length;return n`
+            <div class="file-upload-wrapper">
+                ${this.label?n`
+                          <label for="file-input" class="file-upload__label">
+                              ${this.label}
+                              ${this.required?n`<span class="file-upload__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+                ${e?n`
+                          <div class="file-upload__preview">
+                              <div class="file-upload__preview-header">
+                                  <strong class="file-upload__file-count"
+                                      >${i}
+                                      ${i===1?"file":"files"}
+                                      selected</strong
+                                  >
+                                  <button
+                                      type="button"
+                                      class="file-upload__change-link"
+                                      @click=${this.handleChangeFiles}
+                                      ?disabled=${this.disabled}
+                                  >
+                                      Change files
+                                  </button>
+                              </div>
+                              <div class="file-upload__file-list">
+                                  ${this.files.map(s=>n`
+                                          <div
+                                              class="file-upload__file-item"
+                                              part="file-item"
+                                          >
+                                              ${s.preview?n`
+                                                        <img
+                                                            part="file-thumbnail"
+                                                            class="file-upload__thumbnail"
+                                                            src=${s.preview}
+                                                            alt=${s.name}
+                                                        />
+                                                    `:n`
+                                                        <div
+                                                            class="file-upload__thumbnail file-upload__thumbnail--placeholder"
+                                                        >
+                                                            <svg
+                                                                width="24"
+                                                                height="24"
+                                                                viewBox="0 0 24 24"
+                                                                fill="none"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                            >
+                                                                <path
+                                                                    d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                                <path
+                                                                    d="M14 2V8H20"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                            </svg>
+                                                        </div>
+                                                    `}
+                                              <span
+                                                  part="file-name"
+                                                  class="file-upload__file-name"
+                                                  >${s.name}</span
+                                              >
+                                          </div>
+                                      `)}
+                              </div>
+                          </div>
+                      `:n`
+                          <div
+                              part="dropzone"
+                              class=${v({"file-upload__dropzone":!0,"file-upload__dropzone--dragging":this.isDragging,"file-upload__dropzone--focused":this.hasFocus,"file-upload__dropzone--disabled":this.disabled})}
+                              @click=${this.handleClick}
+                              @keydown=${s=>{(s.key==="Enter"||s.key===" ")&&!this.disabled&&(s.preventDefault(),this.handleClick())}}
+                              @focus=${this.handleFocus}
+                              @blur=${this.handleBlur}
+                              tabindex=${this.disabled?"-1":"0"}
+                              role="button"
+                              aria-label="Upload files"
+                          >
+                              <slot>
+                                  <span class="file-upload__dropzone-text">
+                                      Drag files here or
+                                      <button
+                                          type="button"
+                                          class="file-upload__browse-link"
+                                          @click=${s=>{s.stopPropagation(),this.handleClick()}}
+                                      >
+                                          choose from folder
+                                      </button>
+                                  </span>
+                              </slot>
+                          </div>
+                      `}
+
+                <input
+                    part="file-input"
+                    class="file-upload__input"
+                    id="file-input"
+                    type="file"
+                    name=${c(this.name||void 0)}
+                    ?multiple=${this.multiple}
+                    ?disabled=${this.disabled}
+                    ?required=${this.required}
+                    accept=${c(this.accept||void 0)}
+                    @change=${this.handleFileInputChange}
+                    tabindex="-1"
+                />
+
+                ${this.helpText?n`<div class="file-upload__help-text">${this.helpText}</div>`:""}
+            </div>
+        `}};t.styles=[d,u],l([f(".file-upload__input")],t.prototype,"fileInput",2),l([f(".file-upload__dropzone")],t.prototype,"dropzone",2),l([o()],t.prototype,"files",2),l([o()],t.prototype,"isDragging",2),l([o()],t.prototype,"hasFocus",2),l([r()],t.prototype,"label",2),l([r({attribute:"help-text"})],t.prototype,"helpText",2),l([r()],t.prototype,"name",2),l([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),l([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([r({type:Boolean,reflect:!0})],t.prototype,"required",2),l([r()],t.prototype,"accept",2),l([r({type:Number,attribute:"max-file-size"})],t.prototype,"maxFileSize",2),l([r({type:Number,attribute:"max-files"})],t.prototype,"maxFiles",2);export{t as a};

package/dist/chunks/chunk.UY74TP7X.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PLOCLQY6.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-harmony-history";e.define("terra-harmony-history");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraHarmonyJobSelect:"terra-harmony-job-select",onTerraHarmonyJobDelete:"terra-harmony-job-delete"},displayName:"TerraHarmonyHistory"}),l=a;export{l as a};

package/dist/chunks/chunk.V37Y676O.js

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