@nasa-terra/components 0.0.194 → 0.0.195

package/dist/chunks/chunk.GU22GHTU.js

@@ -0,0 +1,154 @@
+import{a as w}from"./chunk.GU22HZ7F.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.KUERMFX5.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as v,b as y}from"./chunk.2T6Y2G56.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.GU22HZ7F.js

@@ -0,0 +1,323 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: block;
+    }
+
+    .input-wrapper {
+        width: 100%;
+    }
+
+    .input__label {
+        display: block;
+        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-default);
+        border-width: var(--terra-input-border-width);
+        border-color: var(--terra-input-border-default);
+        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-hover);
+    }
+
+    .input--focused:not(.input--disabled) {
+        outline: none;
+        border-color: var(--terra-input-border-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-input-border-focus);
+    }
+
+    .input--disabled {
+        background-color: var(--terra-input-background-disabled);
+        border-color: var(--terra-input-border-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-text-default);
+    }
+
+    /* 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-default);
+    }
+
+    .input__control:disabled {
+        color: var(--terra-input-text-disabled);
+        cursor: not-allowed;
+    }
+
+    .input__control:disabled::placeholder {
+        color: var(--terra-input-placeholder-disabled);
+    }
+
+    .input__control:hover:not(:disabled) {
+        color: var(--terra-input-text-hover);
+    }
+
+    .input__control:focus:not(:disabled) {
+        color: var(--terra-input-text-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-default);
+        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-hover);
+    }
+
+    .input--focused:not(.input--disabled) .input__prefix,
+    .input--focused:not(.input--disabled) .input__suffix {
+        color: var(--terra-input-icon-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-hover);
+    }
+
+    .input__clear:focus-visible,
+    .input__reset:focus-visible {
+        outline: 2px solid var(--terra-input-border-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 {
+        background: var(--terra-input-background-error);
+        border-color: var(--terra-input-border-error);
+    }
+
+    :host([data-user-invalid]) .input:hover:not(.input--disabled) {
+        background: var(--terra-input-background-error);
+        border-color: var(--terra-input-border-error);
+    }
+
+    :host([data-user-invalid]) .input.input--focused:not(.input--disabled) {
+        background: var(--terra-input-background-error);
+        border-color: var(--terra-input-border-error);
+        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.GUN57VLX.js

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

package/dist/chunks/chunk.H3UCBT2F.js

@@ -0,0 +1,100 @@
+import{a as J}from"./chunk.JNF66CIE.js";import{a as L}from"./chunk.IO2JJLOR.js";import{a as $}from"./chunk.JOM4G2YE.js";import{a as R}from"./chunk.Z2P5VVB5.js";import{g as I}from"./chunk.7XLMISB3.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as k}from"./chunk.BF5VMLO3.js";import{a as E}from"./chunk.KUERMFX5.js";import{a as b,b as C}from"./chunk.2T6Y2G56.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as y,query as S,state as u}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var p,q,m,N,g,D,h,v,r=class extends w(C){constructor(){super(...arguments);c(this,p);c(this,m);c(this,g);c(this,h);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;this.jobsQuery=new k(this,()=>I({page:1},{bearerToken:this.bearerToken}));this._authController=new $(this)}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e;let s=(e=this.jobsQuery.result)==null?void 0:e.data,i=s&&s.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=${t=>{this.hideCancelled=t.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">
+                        ${s?i?n(this,p,q).call(this,s):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${t=>{var l;t.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(l=this.dialog)==null||l.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}};p=new WeakSet,q=function(s){let i=s.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let t="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?t="#28a745":e.status==="failed"?t="#dc3545":e.status==="canceled"&&(t="#ffc107");let l=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,d=e.status==="failed"||e.status==="canceled"?100:e.progress,f=n(this,h,v).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${n(this,g,D).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${n(this,m,N).call(this,e,f)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${d}%; background-color: ${t}"
+                        >
+                            ${l}
+                        </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 t;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(t=this.dialog)==null||t.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},m=new WeakSet,N=function(s,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:s.jobID}
+                </div>
+                <div>${new Date(s.createdAt).toLocaleString()}</div>
+            </div>
+        `},g=new WeakSet,D=function(s){var e;let i=n(this,h,v).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,v=function(s){try{return Object.fromEntries(s.map(i=>{let[e,...t]=i.split(":"),l=t.join(":").trim(),d=l;if(l.startsWith("{")||l.startsWith("["))try{d=JSON.parse(l)}catch(f){d=l}return[e.trim(),d]}))}catch(i){return{}}},r.dependencies={"terra-icon":E,"terra-data-subsetter":J,"terra-dialog":L},r.styles=[b,R],o([y()],r.prototype,"label",2),o([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),o([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),o([u()],r.prototype,"collapsed",2),o([u()],r.prototype,"selectedJob",2),o([u()],r.prototype,"selectedCollectionEntryId",2),o([u()],r.prototype,"hideCancelled",2),o([S('[part~="dialog"]')],r.prototype,"dialog",2),o([S('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.HBCDWQU4.js

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

package/dist/chunks/chunk.HHTPWBEX.js

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

package/dist/chunks/chunk.HP44BR7Q.js

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

package/dist/chunks/chunk.HYWNTAAL.js

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

package/dist/chunks/chunk.HZOOFT3Z.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.PNHRRBHV.js";import{f as H}from"./chunk.7XLMISB3.js";import{a as T}from"./chunk.Z5QBF4NS.js";import{a as c}from"./chunk.BF5VMLO3.js";import{a as B}from"./chunk.5RVBGSJ4.js";import{b as x}from"./chunk.7J2F6HQM.js";import{a as l,b as a,f as i,g as o,h as s,i as G}from"./chunk.INFVQQSJ.js";function V(n,e){return{queryKey:["cmr","collection",n],queryFn:async({signal:t})=>m.getCollectionByEntryId(n,a(l({},e),{signal:t})),enabled:!!n}}function _(n,e){return{queryKey:["cmr","granules",n],queryFn:async({signal:t})=>m.searchGranules(n,a(l({},e),{signal:t})),enabled:!!n.collectionEntryId||!!n.collectionConceptId}}function k(n,e){return{queryKey:["cmr","variables",n],queryFn:async({signal:t})=>m.searchVariables(n,a(l({},e),{signal:t})),enabled:!!n.collectionConceptId}}function $(n,e){return{queryKey:["cmr","sampling",n],queryFn:async({signal:t})=>n?m.getSamplingOfGranules(n,a(l({},e),{signal:t})):null,enabled:!!n}}var U="https://disc.gsfc.nasa.gov/api/",I,j,E=class{constructor(){o(this,I)}async getCollectionByEntryId(e,t){if(!e)throw new x({message:"`collectionEntryId` is required"});return G(this,I,j).call(this,`/metadata/dataset/${e}`,t)}};I=new WeakSet,j=function(e,t){return B.get(`${U}${e}`,t)};var L=new E,F=L;function K(n,e){return{queryKey:["gesdisc","collection",n.collectionEntryId],queryFn:async({signal:t})=>F.getCollectionByEntryId(n.collectionEntryId,a(l({},e),{signal:t})),enabled:!!n.collectionEntryId&&z(n.collectionConceptId)}}function z(n){var e;return(e=n==null?void 0:n.endsWith("GES_DISC"))!=null?e:!1}var u,p,h,f,y,C,b,q,v,O,R,W=class{constructor(e,t){this.host=e;this.config=t;o(this,u,void 0);o(this,p,void 0);o(this,h,void 0);o(this,f,void 0);o(this,y,void 0);o(this,C,void 0);o(this,b,void 0);o(this,q,void 0);o(this,v,void 0);o(this,O,void 0);o(this,R,new Set);this.host.addController(this),s(this,u,new c(this.host,()=>V(this.config.getCollectionEntryId()))),s(this,p,new c(this.host,()=>H(this.conceptId,{bearerToken:this.config.getBearerToken()}))),s(this,h,new c(this.host,()=>k({collectionConceptId:this.conceptId}))),s(this,f,new c(this.host,()=>K({collectionEntryId:this.config.getCollectionEntryId(),collectionConceptId:this.conceptId}))),s(this,y,new c(this.host,()=>$(this.config.getCollectionEntryId()))),s(this,C,new c(this.host,T))}hostConnected(){}hostDisconnected(){}get conceptId(){var e,t;return(t=(e=i(this,u).result)==null?void 0:e.data)==null?void 0:t.meta["concept-id"]}get collection(){return i(this,u).result}get capabilities(){return i(this,p).result}get variables(){return i(this,h).result}get gesDiscCollection(){return i(this,f).result}get sampling(){return i(this,y).result}get giovanniVariables(){var t,r;let e=(r=(t=i(this,C).result)==null?void 0:t.data)!=null?r:void 0;return e!==i(this,O)&&(s(this,O,e),s(this,R,new Set(e!=null?e:[]))),i(this,R)}get isLoadingCollection(){var e,t;return(t=(e=i(this,u).result)==null?void 0:e.isLoading)!=null?t:!1}get hasCapabilitiesError(){var e,t;return(t=(e=i(this,p).result)==null?void 0:e.isError)!=null?t:!1}get isSubDaily(){var e,t,r;return(r=(t=(e=i(this,y).result)==null?void 0:e.data)==null?void 0:t.isSubDaily)!=null?r:!1}get hasGranules(){var e,t,r;return(r=(t=(e=i(this,y).result)==null?void 0:e.data)==null?void 0:t.hasGranules)!=null?r:!1}get spatialConstraints(){var r,d,g,Q,D;let e=(D=(Q=(g=(d=(r=i(this,u).result)==null?void 0:r.data)==null?void 0:d.umm.SpatialExtent)==null?void 0:g.HorizontalSpatialDomain)==null?void 0:Q.Geometry)==null?void 0:D.BoundingRectangles;if(!(e!=null&&e.length))return"-180, -90, 180, 90";let t=e[0];return`${t.WestBoundingCoordinate}, ${t.SouthBoundingCoordinate}, ${t.EastBoundingCoordinate}, ${t.NorthBoundingCoordinate}`}get collectionInfo(){var r,d,g;let e=(r=i(this,p).result)==null?void 0:r.data,t=(d=i(this,u).result)==null?void 0:d.data;if(!(!e||!t))return(e!==i(this,q)||t!==i(this,v))&&(s(this,q,e),s(this,v,t),s(this,b,a(l({},e),{granuleCount:(g=t.meta["granule-count"])!=null?g:0,collection:t.umm}))),i(this,b)}};u=new WeakMap,p=new WeakMap,h=new WeakMap,f=new WeakMap,y=new WeakMap,C=new WeakMap,b=new WeakMap,q=new WeakMap,v=new WeakMap,O=new WeakMap,R=new WeakMap;export{_ as a,W as b};

package/dist/chunks/chunk.HZQNTZKJ.js

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

package/dist/chunks/chunk.I3ZPIFPK.js

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