@nasa-terra/components 0.0.189 → 0.0.191

package/dist/chunks/chunk.XWET63TO.js

@@ -1,188 +0,0 @@
-import{css as t}from"lit";var i=t`
-    :host {
-        display: block;
-    }
-
-    .pagination {
-        display: flex;
-        align-items: center;
-        gap: var(--terra-spacing-medium, 1rem);
-    }
-
-    .pagination--centered {
-        justify-content: center;
-    }
-
-    .pagination--left {
-        justify-content: space-between;
-    }
-
-    .pagination--simple {
-        justify-content: center;
-    }
-
-    .pagination__nav {
-        display: flex;
-        align-items: center;
-        gap: var(--terra-spacing-medium, 1rem);
-    }
-
-    .pagination__button {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        gap: var(--terra-spacing-2x-small, 0.25rem);
-        min-width: auto;
-        height: auto;
-        padding: 0;
-        margin: 0;
-        background-color: transparent;
-        border: none;
-        border-radius: 0;
-        color: var(--terra-pagination-button-color);
-        font-family: var(--terra-font-family--inter);
-        font-size: var(--terra-font-size-small, 0.875rem);
-        font-weight: var(--terra-font-weight-normal);
-        line-height: 1.5;
-        cursor: pointer;
-        transition: color var(--terra-transition-fast);
-    }
-
-    /* Circular buttons for prev/next - only for icon-only buttons (full/centered variants) */
-    /* Need higher specificity to override base button styles */
-    :host:not([variant='simple']) .pagination__button.pagination__button--prev,
-    :host:not([variant='simple']) .pagination__button.pagination__button--next {
-        width: 2rem !important;
-        height: 2rem !important;
-        min-width: 2rem !important;
-        padding: 0 !important;
-        margin: 0 !important;
-        border-radius: 50% !important;
-        background-color: var(
-            --terra-pagination-icon-button-background-color
-        ) !important;
-        border: 1px solid var(--terra-pagination-icon-button-border-color) !important;
-        color: var(--terra-pagination-button-color) !important;
-        box-sizing: border-box !important;
-    }
-
-    /* Hover styles for circular icon buttons only */
-    :host:not([variant='simple']) .pagination__button--prev:hover:not(:disabled),
-    :host:not([variant='simple']) .pagination__button--next:hover:not(:disabled) {
-        background-color: var(--terra-pagination-icon-button-background-color-hover);
-        border-color: var(--terra-pagination-icon-button-border-color-hover);
-    }
-
-    .pagination__button:hover:not(:disabled) {
-        color: var(--terra-pagination-button-color-hover);
-    }
-
-    .pagination__button:focus-visible {
-        outline: 2px solid var(--terra-color-nasa-blue);
-        outline-offset: 2px;
-    }
-
-    .pagination__button:disabled {
-        opacity: 0.4;
-        cursor: not-allowed;
-    }
-
-    .pagination__button:disabled:hover {
-        color: var(--terra-pagination-button-color);
-    }
-
-    /* Current page button should not be dimmed even though it's disabled */
-    .pagination__button--current:disabled {
-        opacity: 1;
-        cursor: default;
-    }
-
-    /* Disabled icon buttons should have lighter appearance */
-    :host:not([variant='simple']) .pagination__button--prev:disabled,
-    :host:not([variant='simple']) .pagination__button--next:disabled {
-        background-color: var(
-            --terra-pagination-icon-button-background-color-disabled
-        );
-        border-color: var(--terra-pagination-icon-button-border-color-disabled);
-        opacity: 1;
-    }
-
-    :host:not([variant='simple']) .pagination__button--prev:disabled terra-icon,
-    :host:not([variant='simple']) .pagination__button--next:disabled terra-icon {
-        color: var(--terra-pagination-icon-button-icon-color-disabled);
-    }
-
-    .pagination__button--current {
-        color: var(--terra-pagination-button-color);
-        font-weight: var(--terra-font-weight-bold);
-        cursor: default;
-    }
-
-    .pagination__button--current:hover {
-        color: var(--terra-pagination-button-color);
-    }
-
-    .pagination__button--current::after {
-        content: '';
-        position: absolute;
-        bottom: -0.25rem;
-        left: 0;
-        right: 0;
-        height: 2px;
-        background-color: var(
-            --terra-pagination-button-color-current,
-            var(--terra-color-carbon-black)
-        );
-    }
-
-    /* Ensure page buttons have no extra spacing */
-    .pagination__button--page:not(.pagination__button--current) {
-        color: var(--terra-pagination-button-color);
-    }
-
-    .pagination__button--page {
-        font-weight: var(--terra-font-weight-bold);
-        position: relative;
-        padding: 0 5px;
-        margin: 0;
-    }
-
-    .pagination__button-text {
-        display: inline-block;
-    }
-
-    .pagination__button terra-icon {
-        width: 1rem;
-        height: 1rem;
-        flex-shrink: 0;
-    }
-
-    /* Icon styling for circular icon-only buttons */
-    :host:not([variant='simple']) .pagination__button--prev terra-icon,
-    :host:not([variant='simple']) .pagination__button--next terra-icon {
-        width: 0.875rem;
-        height: 0.875rem;
-        color: inherit;
-    }
-
-    .pagination__ellipsis {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        min-width: auto;
-        height: auto;
-        padding: 0;
-        margin: 0;
-        color: var(--terra-pagination-button-color);
-        font-family: var(--terra-font-family--inter);
-        font-size: var(--terra-font-size-small, 0.875rem);
-        line-height: 1.5;
-    }
-
-    .pagination__slot {
-        display: flex;
-        align-items: center;
-    }
-
-    /* Dark mode support - handled by horizon.css design tokens */
-`;export{i as a};

package/dist/chunks/chunk.XXRS27ZW.js

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

package/dist/chunks/chunk.Y5H2TOCQ.js

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

package/dist/chunks/chunk.Y6NILSJN.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.UTOGQKV2.js";import*as r from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var t="terra-variable-keyword-search";e.define("terra-variable-keyword-search");var n=a({tagName:t,elementClass:e,react:r,events:{onTerraVariableKeywordSearchChange:"terra-variable-keyword-search-change",onTerraSearch:"terra-search"},displayName:"TerraVariableKeywordSearch"}),h=n;export{h as a};

package/dist/chunks/chunk.YAY2IVKW.js

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

@@ -1,26 +0,0 @@
-import{a}from"./chunk.GH5NAVUP.js";import{a as l}from"./chunk.3G6QKB5Z.js";import{a as s,b as r}from"./chunk.YDDI4ELW.js";import{e}from"./chunk.INFVQQSJ.js";import{html as m}from"lit";import{property as o}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.open=!1;this.showArrow=!0}render(){return m`
-            <details
-                class="accordion"
-                ?open=${this.open}
-                @toggle=${this.handleToggle}
-            >
-                <summary class="accordion-summary">
-                    <slot name="summary"> ${this.summary} </slot>
-
-                    <div class="accordion-summary-right">
-                        <slot name="summary-right"></slot>
-
-                        ${this.showArrow&&m`
-                            <terra-icon
-                                name="chevron-down-circle"
-                                font-size="24px"
-                            ></terra-icon>
-                        `}
-                    </div>
-                </summary>
-
-                <div class="accordion-content">
-                    <slot></slot>
-                </div>
-            </details>
-        `}handleToggle(n){let i=n.currentTarget;this.open=i.open,this.emit("terra-accordion-toggle",{detail:{open:this.open}})}};t.styles=[s,l],t.dependencies={"terra-icon":a},e([o()],t.prototype,"summary",2),e([o({reflect:!0,type:Boolean})],t.prototype,"open",2),e([o({type:Boolean})],t.prototype,"showArrow",2);export{t as a};

package/dist/chunks/chunk.YCV3LAZ3.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.YOTATNV6.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-dialog";e.define("terra-dialog");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraDialogShow:"terra-dialog-show",onTerraDialogAfterShow:"terra-dialog-after-show",onTerraDialogHide:"terra-dialog-hide",onTerraDialogAfterHide:"terra-dialog-after-hide",onTerraDialogInitialFocus:"terra-dialog-initial-focus",onTerraDialogRequestClose:"terra-dialog-request-close"},displayName:"TerraDialog"}),p=o;export{p as a};

package/dist/chunks/chunk.YDDI4ELW.js

@@ -1,299 +0,0 @@
-import{a as g,e as o,f as l,g as d,h as m,i as y}from"./chunk.INFVQQSJ.js";import{css as x}from"lit";var M=x`
-    :host {
-        box-sizing: border-box;
-        display: none;
-    }
-
-    :host *,
-    :host *::before,
-    :host *::after {
-        box-sizing: inherit;
-    }
-
-    :host {
-        background-color: var(--background-color);
-        color: var(--color);
-    }
-
-    [hidden] {
-        display: none !important;
-    }
-
-    /* Horizon Design System Font Classes */
-
-    /* Display Fonts */
-
-    .display-120 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 7.5rem; /* 120px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-100 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 6.25rem; /* 100px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-80 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 5rem; /* 80px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-72 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 4.5rem; /* 72px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-60 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 3.75rem; /* 60px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-48 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 3rem; /* 48px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .display-41 {
-        font-family: var(--terra-font-family--inter);
-        font-size: 2.563rem; /* 41px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    /* Heading Fonts */
-
-    .heading-36-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 2.25rem; /* 36px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-36-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 2.25rem; /* 36px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-29-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.813rem; /* 29px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-29-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.813rem; /* 29px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-22-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.375rem; /* 22px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-22-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.375rem; /*22px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-18-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.125rem; /* 18px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-18-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1.125rem; /* 18px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-16-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1rem; /* 16px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-16-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 1rem; /* 16px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-14-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-14-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-12-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-bold);
-    }
-
-    .heading-12-light {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .heading-11-semi-bold {
-        font-family: var(--terra-font-family--inter);
-        font-size: 0.688rem; /* 11px */
-        font-weight: var(--terra-font-weight-semi-bold);
-    }
-
-    /* Body Fonts */
-
-    .body-18 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 1.125rem; /* 18px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-16 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 1rem; /* 16px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-14 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-12 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    .body-11 {
-        font-family: var(--terra-font-family--public-sans);
-        font-size: 0.688rem; /* 11px */
-        font-weight: var(--terra-font-weight-normal);
-    }
-
-    /* Number & Label Fonts */
-
-    .number-240 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 15rem; /* 240px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-120 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 7.5rem; /* 120px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-48 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 3rem; /* 48px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-36 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 2.25rem; /* 36px */
-        font-weight: var(--terra-font-weight-light);
-    }
-
-    .number-14 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.875rem; /* 14px */
-        font-weight: 500;
-    }
-
-    .number-11 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.688rem; /* 11px */
-        font-weight: 500;
-    }
-
-    .label-14 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.875rem; /* 14px */
-        font-weight: var(--terra-font-weight-light);
-        text-transform: uppercase;
-    }
-
-    .label-12 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.75rem; /* 12px */
-        font-weight: var(--terra-font-weight-light);
-        text-transform: uppercase;
-    }
-
-    .label-11 {
-        font-family: var(--terra-font-family--dm-mono);
-        font-size: 0.688rem; /* 11px */
-        font-weight: var(--terra-font-weight-light);
-        text-transform: uppercase;
-    }
-
-    /* Forms */
-
-    /* Input Field */
-
-    select,
-    .input {
-        font-family: var(--terra-input-font-family);
-        font-size: var(--terra-input-font-size);
-        color: var(--terra-input-color);
-        font-weight: var(--terra-input-font-weight);
-        line-height: var(--terra-input-line-height);
-        background-color: var(--terra-input-background-color);
-        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
-        border-radius: var(--terra-input-border-radius);
-    }
-
-    label,
-    .input-label {
-        font-family: var(--terra-input-label-font-family);
-        font-size: var(--terra-input-label-font-size);
-        color: var(--terra-input-label-color);
-        font-weight: var(--terra-font-weight-semibold);
-        line-height: var(--terra-input-label-line-height);
-    }
-
-    /* Elements */
-
-    a {
-        text-decoration: underline;
-        text-decoration-color: #585858;
-        text-decoration-style: dashed;
-        text-decoration-thickness: 0.05em;
-        text-underline-offset: 0.25rem;
-        color: var(--terra-color-carbon-60);
-    }
-
-    /* UTILITY CSS */
-    .sr-only {
-        block-size: 1px;
-        border-width: 0;
-        clip: rect(0, 0, 0, 0);
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        white-space: nowrap;
-        width: 1px;
-    }
-`;import{LitElement as T}from"lit";import{property as v,state as z}from"lit/decorators.js";var r,h,u,p,b,n=class extends T{constructor(){super();d(this,h);d(this,p);this.environment="prod";this.isVisible=!1;d(this,r,void 0);Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}connectedCallback(){super.connectedCallback(),y(this,h,u).call(this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=l(this,r))==null||e.disconnect(),m(this,r,void 0)}firstVisible(){}emit(e,t){let i=new CustomEvent(e,g({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){let s=customElements.get(e);if(!s){customElements.define(e,class extends t{},i);return}let a=" (unknown version)",f=a;"version"in t&&t.version&&(a=" v"+t.version),"version"in s&&s.version&&(f=" v"+s.version),!(a&&f&&a===f)&&console.warn(`Attempted to register <${e}>${a}, but <${e}>${f} has already been registered.`)}};r=new WeakMap,h=new WeakSet,u=function(){if(!l(this,r)){if(this.isVisible=y(this,p,b).call(this),this.isVisible){this.firstVisible();return}if(!("IntersectionObserver"in window)){this.isVisible=!0,this.firstVisible();return}m(this,r,new IntersectionObserver(e=>{var t;e.some(i=>i.isIntersecting)&&((t=l(this,r))==null||t.disconnect(),m(this,r,void 0),this.isVisible=!0,setTimeout(()=>this.firstVisible(),500))},{root:null,threshold:0})),l(this,r).observe(this)}},p=new WeakSet,b=function(){if(!this.isConnected)return!1;let e=this.getBoundingClientRect(),t=getComputedStyle(this);return e.width>0&&e.height>0&&t.display!=="none"&&t.visibility!=="hidden"},n.version="0.0.189",n.dependencies={},o([v()],n.prototype,"dir",2),o([v()],n.prototype,"lang",2),o([v()],n.prototype,"environment",2),o([v()],n.prototype,"bearerToken",2),o([z()],n.prototype,"isVisible",2);export{M as a,n as b};

package/dist/chunks/chunk.YJBD2LTH.js

@@ -1,122 +0,0 @@
-import{a as B}from"./chunk.TEQGNCP7.js";import{a as R}from"./chunk.2FKZOYDM.js";import{a as I,b as f}from"./chunk.RK65WAF3.js";import{a as J}from"./chunk.VT3U2SB7.js";import{c as g,g as _,k as E}from"./chunk.GE7UDDDW.js";import{a as $}from"./chunk.QDFHF7LY.js";import{a as M}from"./chunk.LKTMYDWF.js";import{c as v}from"./chunk.BWCJXCND.js";import{a as D}from"./chunk.BF5VMLO3.js";import{a as L}from"./chunk.GH5NAVUP.js";import{a as k,b as x}from"./chunk.YDDI4ELW.js";import{a as p,e as n}from"./chunk.INFVQQSJ.js";import{html as h,nothing as z}from"lit";import{property as c,query as A,state as m}from"lit/decorators.js";var Q=108;function V(b){if(!b)return"";let l=new Date(b);if(l.getUTCHours()!==0||l.getUTCMinutes()!==0||l.getUTCSeconds()!==0){let e=l.getUTCFullYear(),a=String(l.getUTCMonth()+1).padStart(2,"0"),i=String(l.getUTCDate()).padStart(2,"0"),r=String(l.getUTCHours()).padStart(2,"0"),o=String(l.getUTCMinutes()).padStart(2,"0");return`${e}-${a}-${i} ${r}:${o} UTC`}return v(l,"yyyy-MM-dd")}var s=class extends $(x){constructor(){super(...arguments);this.limit=20;this.removeLabelsOnDelete=!1;this._boundDataChangeHandler=()=>{clearTimeout(this._refreshPage1Timer),this._refreshPage1Timer=window.setTimeout(()=>{this._refreshPage1()},500)};this._scrollIndex=0;this._totalCount=0;this._loadedPages=new Map;this._pendingPages=new Set;this._authController=new J(this);this._removeLabelsOnDeleteMutation=new I(this,E());this.jobsQuery=new D(this,()=>_(p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken}))}get _visibleCount(){var e,a;let t=(a=(e=this._viewportEl)==null?void 0:e.clientWidth)!=null?a:400;return Math.max(1,Math.floor(t/Q))}get _allJobs(){return Array.from({length:this._totalCount},(t,e)=>{var r,o;let a=Math.floor(e/this.limit)+1,i=e%this.limit;return(o=(r=this._loadedPages.get(a))==null?void 0:r[i])!=null?o:null})}connectedCallback(){super.connectedCallback(),typeof window!="undefined"&&(window.addEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.addEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}firstUpdated(){this._viewportEl&&typeof ResizeObserver!="undefined"&&(this._resizeObserver=new ResizeObserver(()=>{this._checkPagesInView()}),this._resizeObserver.observe(this._viewportEl))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._resizeObserver)==null||t.disconnect(),typeof window!="undefined"&&(window.removeEventListener("terra-time-average-map-data-change",this._boundDataChangeHandler),window.removeEventListener("terra-time-series-data-change",this._boundDataChangeHandler))}updated(t){var a;super.updated(t);let e=(a=this.jobsQuery.result)==null?void 0:a.data;if(e&&e!==this._lastPage1Data){this._lastPage1Data=e,e.count!==this._totalCount&&(this._totalCount=e.count);let i=new Map(this._loadedPages);i.set(1,e.jobs),this._loadedPages=i,this._checkPagesInView()}}async _refreshPage1(){await this.queryClient.invalidateQueries({queryKey:["harmony","jobs",p({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{})]})}async _fetchPage(t){if(this._loadedPages.has(t)||this._pendingPages.has(t))return;let e=new Set(this._pendingPages);e.add(t),this._pendingPages=e;try{let a=await this.queryClient.fetchQuery(_(p({page:t,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken})),i=new Map(this._loadedPages);i.set(t,a.jobs),this._loadedPages=i}finally{let a=new Set(this._pendingPages);a.delete(t),this._pendingPages=a}}_checkPagesInView(){if(!this.bearerToken)return;let t=Math.min(this._scrollIndex+this._visibleCount,this._totalCount),e=Math.floor(this._scrollIndex/this.limit)+1,a=Math.floor(Math.max(0,t-1)/this.limit)+1;for(let i=e;i<=a;i++)i!==1&&this._fetchPage(i)}_scrollLeft(){this._scrollIndex=Math.max(0,this._scrollIndex-1),this._checkPagesInView()}_scrollRight(){let t=Math.max(0,this._totalCount-this._visibleCount);this._scrollIndex=Math.min(t,this._scrollIndex+1),this._checkPagesInView()}_handleWheel(t){t.preventDefault(),t.deltaY>0?this._scrollRight():this._scrollLeft()}async refresh(){this._scrollIndex=0,this._loadedPages=new Map,this._pendingPages=new Set,this._totalCount=0,this._lastPage1Data=void 0,await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]})}_showTooltip(t,e){var d,w,y;if(clearTimeout(this._hideTooltipTimer),clearTimeout(this._showTooltipTimer),!this._tooltip)return;let a=e!==null&&!g.has(e.status),i=e!=null&&e.request?f.fromUrl(e.request):null,r=document.createElement("div");if(i){let T=i.getLabelByPrefix("instrument-short-name"),C=i.getLabelByPrefix("time-interval"),S=i.getLabelByPrefix("units"),P=i.getLabelByPrefix("collection"),u=[];T&&u.push(T),C&&u.push(C),S&&u.push(S),P&&u.push(P),r.style.lineHeight="1.3",r.style.fontSize="12px",r.style.padding="5px",r.innerHTML=`
-                <div class="font-weight-semibold tooltip-row">${(d=i.getLabelByPrefix("variable-display-name"))!=null?d:e==null?void 0:e.jobID}</div>
-                <div class="text-gray-300 mb-1 tooltip-row">${u.join(" \u2022 ")}</div>
-                ${i.options.startDate&&i.options.endDate?`
-                    <div class="text-gray-300 tooltip-row">
-                        <terra-icon library="heroicons" name="solid-calendar-date-range"></terra-icon> 
-                        ${V(i.options.startDate)} to ${V(i.options.endDate)}
-                    </div>
-                `:""}
-                <div class="text-gray-300 mb-1 tooltip-row">
-                    <terra-icon library="heroicons" name="solid-map"></terra-icon>
-                    ${(w=i.options.location)==null?void 0:w.toString()}
-                </div>
-                ${a?`<div class="text-gray-300 tooltip-row">Status: ${e==null?void 0:e.status}</div>`:`<div class="text-gray-300 tooltip-row">
-                        Last updated: ${v((y=i.getLabelByPrefix("updated-at"))!=null?y:new Date)}
-                        </div>`}
-                
-            `}r.slot="content";let o=t.currentTarget;this._tooltip.open?(this._tooltip.innerHTML="",this._tooltip.appendChild(r),this._tooltip.popup.anchor=o,this._tooltip.popup.reposition()):this._showTooltipTimer=window.setTimeout(()=>{this._tooltip&&(this._tooltip.innerHTML="",this._tooltip.appendChild(r),this._tooltip.popup.anchor=o,this._tooltip.show())},100)}_hideTooltip(){clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer),this._hideTooltipTimer=window.setTimeout(()=>{var t;(t=this._tooltip)==null||t.hide()},250)}_handleThumbnailClick(t){t&&this.emit("terra-harmony-job-select",{detail:{job:t}})}async _handleDeleteClick(t,e){var r;if(t.stopPropagation(),!window.confirm("Are you sure you want to delete this history item?"))return;let i=(r=this.filterByLabels)==null?void 0:r.split(",").map(o=>o.trim()).filter(Boolean);this._optimisticallyRemoveJob(e.jobID),this.removeLabelsOnDelete&&(i!=null&&i.length)?await this._removeLabelsOnDeleteMutation.mutate({jobIDs:[e.jobID],labels:i,options:{bearerToken:this.bearerToken}}):this.emit("terra-harmony-job-delete",{detail:{jobId:e.jobID}}),await this._refreshPage1()}_optimisticallyRemoveJob(t){let e=new Map(this._loadedPages);for(let[a,i]of e){let r=i.filter(o=>o.jobID!==t);r.length!==i.length&&(e.set(a,r),this._totalCount=Math.max(0,this._totalCount-1))}this._loadedPages=e}_renderThumbnail(t){var r,o;let e=t===null||!g.has(t.status),a=t!=null&&t.thumbnailBlob?URL.createObjectURL(t.thumbnailBlob):null,i=f.fromUrl((r=t==null?void 0:t.request)!=null?r:"");return h`
-            <div
-                part="thumbnail"
-                class="thumbnail"
-                @click=${()=>this._handleThumbnailClick(t)}
-                @mouseenter=${d=>this._showTooltip(d,t)}
-                @mouseleave=${this._hideTooltip}
-            >
-                <div class="thumbnail-inner">
-                    ${a?h`<img
-                              class="thumbnail-img"
-                              src=${a}
-                              alt=""
-                              aria-hidden="true"
-                          />`:h`<terra-icon
-                              library="heroicons"
-                              name=${i.getTerraIcon()}
-                              style="font-size: 1.5rem"
-                          ></terra-icon>`}
-                    ${e?h`<div class="loading-overlay">
-                              <terra-loader
-                                  indeterminate
-                                  variant="small"
-                              ></terra-loader>
-                          </div>`:z}
-                </div>
-                ${t?h`<button
-                          class="delete-button"
-                          aria-label="Delete job"
-                          ?disabled=${(o=this._removeLabelsOnDeleteMutation.result)==null?void 0:o.isPending}
-                          @click=${d=>this._handleDeleteClick(d,t)}
-                      >
-                          ×
-                      </button>`:z}
-            </div>
-        `}render(){var r;let t=this._allJobs,e=this._scrollIndex<=0,a=this._totalCount===0||this._scrollIndex>=this._totalCount-this._visibleCount,i=t.length===0&&((r=this.jobsQuery.result)==null?void 0:r.status)==="pending";return h`
-            <button
-                part="nav-button"
-                class="nav-button"
-                aria-label="Scroll left"
-                ?disabled=${e}
-                @click=${this._scrollLeft}
-            >
-                <svg
-                    width="16"
-                    height="16"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                    aria-hidden="true"
-                >
-                    <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        stroke-width="2"
-                        d="M15 19l-7-7 7-7"
-                    />
-                </svg>
-            </button>
-
-            <div part="viewport" class="viewport" @wheel=${this._handleWheel}>
-                <div
-                    part="track"
-                    class="track"
-                    style="transform: translateX(-${this._scrollIndex*Q}px)"
-                >
-                    ${i?h`<div class="empty-state">
-                              <terra-loader indeterminate></terra-loader>
-                          </div>`:t.map(o=>this._renderThumbnail(o))}
-                </div>
-            </div>
-
-            <button
-                part="nav-button"
-                class="nav-button"
-                aria-label="Scroll right"
-                ?disabled=${a}
-                @click=${this._scrollRight}
-            >
-                <svg
-                    width="16"
-                    height="16"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                    aria-hidden="true"
-                >
-                    <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        stroke-width="2"
-                        d="M9 5l7 7-7 7"
-                    />
-                </svg>
-            </button>
-
-            <terra-tooltip
-                trigger="manual"
-                placement="top"
-                hoist
-                interactive
-                @mouseenter=${()=>{clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer)}}
-                @mouseleave=${this._hideTooltip}
-            ></terra-tooltip>
-        `}};s.styles=[k,R],s.dependencies={"terra-loader":M,"terra-tooltip":B,"terra-icon":L},n([c({attribute:"bearer-token"})],s.prototype,"bearerToken",2),n([c({type:Number})],s.prototype,"limit",2),n([c({attribute:"filter-by-labels"})],s.prototype,"filterByLabels",2),n([c({type:Boolean,attribute:"remove-labels-on-delete"})],s.prototype,"removeLabelsOnDelete",2),n([m()],s.prototype,"_scrollIndex",2),n([m()],s.prototype,"_totalCount",2),n([m()],s.prototype,"_loadedPages",2),n([m()],s.prototype,"_pendingPages",2),n([A('[part="viewport"]')],s.prototype,"_viewportEl",2),n([A("terra-tooltip")],s.prototype,"_tooltip",2);export{s as a};