@nasa-terra/components 0.0.188 → 0.0.191

package/dist/chunks/chunk.PJ2G5T64.js

@@ -1,144 +0,0 @@
-import{css as r}from"lit";var o=r`
-    :host {
-        display: inline-block;
-    }
-
-    :host([stack]) {
-        display: block;
-    }
-
-    .tag {
-        display: inline-flex;
-        align-items: center;
-        gap: var(--terra-spacing-x-small, 0.5rem);
-        font-family: var(--terra-tag-font-family);
-        font-size: var(--terra-tag-font-size-medium);
-        font-weight: var(--terra-tag-font-weight);
-        color: var(--terra-tag-color);
-        background-color: var(--terra-tag-background-color);
-        text-decoration: none;
-        white-space: nowrap;
-    }
-
-    .tag__icon {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        border-radius: var(--terra-border-radius-circle);
-        border: 1px solid var(--terra-tag-icon-border-color);
-        background-color: transparent;
-    }
-
-    /* Icon sizes */
-    .tag__icon--small {
-        width: var(--terra-tag-icon-size-small);
-        height: var(--terra-tag-icon-size-small);
-    }
-
-    .tag__icon--small terra-icon {
-        width: var(--terra-tag-icon-inner-size-small);
-        height: var(--terra-tag-icon-inner-size-small);
-    }
-
-    .tag__icon--medium {
-        width: var(--terra-tag-icon-size-medium);
-        height: var(--terra-tag-icon-size-medium);
-    }
-
-    .tag__icon--medium terra-icon {
-        width: var(--terra-tag-icon-inner-size-medium);
-        height: var(--terra-tag-icon-inner-size-medium);
-    }
-
-    .tag__icon--large {
-        width: var(--terra-tag-icon-size-large);
-        height: var(--terra-tag-icon-size-large);
-    }
-
-    .tag__icon--large terra-icon {
-        width: var(--terra-tag-icon-inner-size-large);
-        height: var(--terra-tag-icon-inner-size-large);
-    }
-
-    .tag__label {
-        display: inline-block;
-    }
-
-    /* Size variants */
-    .tag--small {
-        font-size: var(--terra-tag-font-size-small);
-    }
-
-    .tag--medium {
-        font-size: var(--terra-tag-font-size-medium);
-    }
-
-    .tag--large {
-        font-size: var(--terra-tag-font-size-large);
-    }
-
-    /* Content Tag Variant */
-    .tag--content {
-        /* Uses default tag colors from horizon.css */
-    }
-
-    /* Topic Tag Variant */
-    .tag--topic {
-        border: 1px solid var(--terra-tag-border-color);
-        border-radius: var(--terra-border-radius-medium, 0.25rem);
-        cursor: pointer;
-        transition:
-            border-color 0.15s ease,
-            background-color 0.15s ease;
-    }
-
-    /* Topic tag padding by size */
-    .tag--topic.tag--small {
-        padding: var(--terra-tag-padding-small);
-    }
-
-    .tag--topic.tag--medium {
-        padding: var(--terra-tag-padding-medium);
-    }
-
-    .tag--topic.tag--large {
-        padding: var(--terra-tag-padding-large);
-    }
-
-    .tag--topic:hover {
-        border-color: var(--terra-tag-border-color-hover);
-        background-color: var(--terra-tag-background-color-hover);
-        text-decoration: none;
-    }
-
-    .tag--topic:focus {
-        outline: 2px solid var(--terra-color-nasa-blue);
-        outline-offset: 2px;
-    }
-
-    /* Urgent Label Variant */
-    .tag--urgent {
-        color: var(--terra-tag-urgent-color);
-        background-color: var(--terra-tag-urgent-background-color);
-        font-weight: var(--terra-tag-font-weight-urgent);
-        border-radius: var(--terra-border-radius-small, 0.125rem);
-        text-transform: uppercase;
-        letter-spacing: 0.05em;
-    }
-
-    /* Urgent label padding by size */
-    .tag--urgent.tag--small {
-        padding: var(--terra-tag-padding-small);
-    }
-
-    .tag--urgent.tag--medium {
-        padding: var(--terra-tag-padding-medium);
-    }
-
-    .tag--urgent.tag--large {
-        padding: var(--terra-tag-padding-large);
-    }
-
-    /* Dark mode support - handled by horizon.css design tokens */
-`;export{o as a};

package/dist/chunks/chunk.PQVLWKKG.js

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

package/dist/chunks/chunk.PROUADZM.js

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

package/dist/chunks/chunk.PRV7ZZ6J.js

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

package/dist/chunks/chunk.Q2PNDWX4.js

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

@@ -1,112 +0,0 @@
-import{a as r}from"./chunk.3HLTQ7HX.js";import{a as f}from"./chunk.L4WMFOWF.js";import{a as m}from"./chunk.JF67CVCP.js";import{a as d}from"./chunk.IZZFNAC5.js";import{a as c}from"./chunk.6YK2ZG6R.js";import{a as g}from"./chunk.Z6ZKXGRO.js";import{a as h,b as u}from"./chunk.EBSZILKQ.js";import{e as o}from"./chunk.INFVQQSJ.js";import{html as l,nothing as p}from"lit";import{property as s,query as v,state as b}from"lit/decorators.js";import{createRef as _,ref as y}from"lit/directives/ref.js";var a=class extends u{constructor(){super(...arguments);this.minZoom=0;this.maxZoom=23;this.zoom=1;this.hasNavigation=!0;this.hasCoordTracker=!0;this.hasShapeSelector=!1;this.showBoundingBoxSelection=!0;this.showPointSelection=!0;this.initialValue="";this.hideLabel=!1;this.label="Select Region";this.spatialConstraints="-180, -90, 180, 90";this.isExpanded=!1;this.worldWrap=!1;this.inline=!1;this.showMapOnFocus=!1;this.urlState=!1;this.helpText="";this.showClose=!1;this.error="";this.dropdownRef=_()}set hideBoundingBoxSelection(t){console.warn('"hide-bounding-box-selection" is deprecated. Use "show-bounding-box-selection" instead.'),this.showBoundingBoxSelection=!t}get hideBoundingBoxSelection(){return!this.showBoundingBoxSelection}set hidePointSelection(t){console.warn('"hide-point-selection" is deprecated. Use "show-point-selection" instead.'),this.showPointSelection=!t}get hidePointSelection(){return!this.showPointSelection}get _allowedTypes(){return{allowPoint:this.showPointSelection,allowBbox:this.showBoundingBoxSelection}}firstUpdated(){let e=new URLSearchParams(window.location.search).get("spatial"),i=this.urlState&&e?e:this.initialValue;i&&(typeof i=="string"?this._applyValue(i,{emit:!1}):this._commit(r.serialize(i),i))}setValue(t){this._applyValue(t,{emit:!0})}clear(){this._clearValue()}open(){var t;this.inline||(t=this.dropdownRef.value)==null||t.show()}close(){var t;this.inline||(t=this.dropdownRef.value)==null||t.hide()}setOpen(t){t?this.open():this.close()}_input(){var t;this.error="",(t=this.terraInput)==null||t.setCustomValidity("")}_change(){var e,i;this._input();let t=(i=(e=this.terraInput)==null?void 0:e.value)!=null?i:"";if(!t.trim()){this._clearValue();return}this._validateAndCommit(t)}_keydown(t){var e,i,n;if(t.key===" "){t.stopPropagation();return}t.key==="Enter"&&(t.preventDefault(),this._validateAndCommit((i=(e=this.terraInput)==null?void 0:e.value)!=null?i:""),(n=this.terraInput)==null||n.blur())}_blur(){var t,e;this._validateAndCommit((e=(t=this.terraInput)==null?void 0:t.value)!=null?e:"")}_focus(){var t;this.showMapOnFocus&&!this.inline&&((t=this.dropdownRef.value)==null||t.show())}_click(t){t.stopPropagation(),this.inline||(this.isExpanded?this.close():this.open())}_handleMapChange(t){let e=t.detail;if(e.cause==="clear"){this._clearValue();return}if(e.cause!=="draw")return;let i;if(e.type==="bbox"&&e.bounds)i=e.bounds;else if(e.type==="point"&&e.latLng)i=e.latLng;else{this.emit("terra-map-change",{detail:e});return}let n=r.validateConstraints(i,this.spatialConstraints);if(n){this.error=n,this.mapValue=void 0;return}let w=r.serialize(i);this._commit(w,i)}handleDropdownShow(){this.isExpanded=!0}handleDropdownHide(){this.isExpanded=!1}_validateAndCommit(t){var i;if(!t.trim()){this._clearValue();return}let e=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!e.ok){this.error=e.error,(i=this.terraInput)==null||i.setCustomValidity(e.error);return}this._commit(e.serialized,e.value)}_applyValue(t,{emit:e}){if(typeof t!="string"){let n=r.serialize(t);this.error="",this.mapValue=n,this.terraInput&&(this.terraInput.value=n),e&&this._emitChange(t),this._updateURLParam(n);return}let i=r.validate(t,this._allowedTypes,this.spatialConstraints);if(!i.ok){this.error=i.error;return}this.error="",this.mapValue=i.serialized,this.terraInput&&(this.terraInput.value=i.serialized),e&&this._emitChange(i.value),this._updateURLParam(i.serialized)}_commit(t,e){var i;this.error="",(i=this.terraInput)==null||i.setCustomValidity(""),this.mapValue=t,this.terraInput&&(this.terraInput.value=t),this.initialValue=t,this._updateURLParam(t),this._emitChange(e)}_clearValue(){var t;this.error="",this.mapValue=void 0,(t=this.terraInput)==null||t.setCustomValidity(""),this.terraInput&&(this.terraInput.value=""),this._updateURLParam(null)}_emitChange(t){t instanceof d?this.emit("terra-map-change",{detail:{cause:"draw",type:"point",latLng:t}}):this.emit("terra-map-change",{detail:{cause:"draw",type:"bbox",bounds:t}})}_updateURLParam(t){if(!this.urlState)return;let e=new URL(window.location.href);t?e.searchParams.set("spatial",t):e.searchParams.delete("spatial"),window.history.replaceState({},"",e.toString())}renderMap(){return l`<terra-map
-            class="${this.inline?"inline":""}"
-            exportparts="map"
-            min-zoom=${this.minZoom}
-            max-zoom=${this.maxZoom}
-            zoom=${this.zoom}
-            ?show-mouse-coordinates=${this.hasCoordTracker}
-            .value=${this.mapValue}
-            ?has-navigation=${this.hasNavigation}
-            ?has-shape-selector=${this.hasShapeSelector}
-            ?show-bounding-box-selection=${this.showBoundingBoxSelection}
-            ?show-point-selection=${this.showPointSelection}
-            ?no-world-wrap=${!this.worldWrap}
-            spatial-constraints=${this.spatialConstraints}
-            @terra-map-change=${this._handleMapChange}
-        ></terra-map>`}_inputTemplate(t){return l`<terra-input
-            slot=${t!=null?t:p}
-            .label=${this.label}
-            .hideLabel=${this.hideLabel}
-            .value=${r.serialize(this.initialValue)}
-            placeholder="${this.spatialConstraints}"
-            aria-controls="map"
-            aria-expanded=${this.inline?!0:this.isExpanded}
-            @terra-input=${this._input}
-            @terra-change=${this._change}
-            @terra-blur=${this._blur}
-            @terra-focus=${this._focus}
-            @keydown=${this._keydown}
-            @click=${e=>{e.stopPropagation(),this._click(e)}}
-            name="spatial"
-            .helpText=${this.helpText}
-        >
-            <div slot="suffix" class="spatial-picker__suffix-icons">
-                ${this.mapValue?l`<button
-                          type="button"
-                          class="spatial-picker__clear-btn"
-                          aria-label="Clear input"
-                          tabindex="-1"
-                          @click=${e=>{e.stopPropagation(),this._clearValue()}}
-                      >
-                          <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              viewBox="0 0 24 24"
-                              fill="currentColor"
-                          >
-                              <path
-                                  fill-rule="evenodd"
-                                  d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
-                                  clip-rule="evenodd"
-                              />
-                          </svg>
-                      </button>`:p}
-                <svg
-                    class="spatial-picker__input_icon"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke-width="1.5"
-                    stroke="currentColor"
-                    @click=${this._click}
-                >
-                    <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
-                    />
-                </svg>
-            </div>
-        </terra-input>`}render(){return this.inline?l`
-                <div class="spatial-picker">
-                    ${this._inputTemplate()}
-                    <slot name="additional-text"></slot>
-                    <div
-                        class="spatial-picker__map-container spatial-picker__map-container--inline"
-                    >
-                        ${this.renderMap()}
-                    </div>
-                    ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
-                </div>
-            `:l`
-            <div class="spatial-picker">
-                <terra-dropdown
-                    ${y(this.dropdownRef)}
-                    placement="bottom-start"
-                    distance="4"
-                    @terra-show=${this.handleDropdownShow}
-                    @terra-hide=${this.handleDropdownHide}
-                    hoist
-                >
-                    ${this._inputTemplate("trigger")}
-                    <slot name="additional-text"></slot>
-                    <div
-                        class="spatial-picker__map-container"
-                        @click=${t=>t.stopPropagation()}
-                    >
-                        ${this.showClose?l`
-                                  <div class="dropdown-header">
-                                      <button
-                                          class="spatial-picker__close-btn"
-                                          @click=${t=>{t.stopPropagation(),this.close()}}
-                                          aria-label="Close"
-                                      >
-                                          ✕
-                                      </button>
-                                  </div>
-                              `:p}
-                        ${this.renderMap()}
-                    </div>
-                </terra-dropdown>
-                ${this.error?l`<div class="spatial-picker__error">${this.error}</div>`:p}
-            </div>
-        `}};a.styles=[h,f],a.dependencies={"terra-map":m,"terra-input":g,"terra-dropdown":c},o([s({attribute:"min-zoom",type:Number})],a.prototype,"minZoom",2),o([s({attribute:"max-zoom",type:Number})],a.prototype,"maxZoom",2),o([s({type:Number})],a.prototype,"zoom",2),o([s({attribute:"has-navigation",type:Boolean})],a.prototype,"hasNavigation",2),o([s({attribute:"has-coord-tracker",type:Boolean})],a.prototype,"hasCoordTracker",2),o([s({attribute:"has-shape-selector",type:Boolean})],a.prototype,"hasShapeSelector",2),o([s({attribute:"show-bounding-box-selection",type:Boolean})],a.prototype,"showBoundingBoxSelection",2),o([s({attribute:"hide-bounding-box-selection",type:Boolean})],a.prototype,"hideBoundingBoxSelection",1),o([s({attribute:"show-point-selection",type:Boolean})],a.prototype,"showPointSelection",2),o([s({attribute:"hide-point-selection",type:Boolean})],a.prototype,"hidePointSelection",1),o([s({attribute:"initial-value"})],a.prototype,"initialValue",2),o([s({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),o([s()],a.prototype,"label",2),o([s({attribute:"spatial-constraints"})],a.prototype,"spatialConstraints",2),o([s({attribute:"is-expanded",type:Boolean,reflect:!0})],a.prototype,"isExpanded",2),o([s({attribute:"world-wrap",type:Boolean})],a.prototype,"worldWrap",2),o([s({type:Boolean})],a.prototype,"inline",2),o([s({attribute:"show-map-on-focus",type:Boolean})],a.prototype,"showMapOnFocus",2),o([s({attribute:"url-state",type:Boolean})],a.prototype,"urlState",2),o([s({attribute:"help-text"})],a.prototype,"helpText",2),o([s({attribute:"closable",type:Boolean})],a.prototype,"showClose",2),o([b()],a.prototype,"mapValue",2),o([b()],a.prototype,"error",2),o([v("terra-input")],a.prototype,"terraInput",2),o([v("terra-map")],a.prototype,"map",2);export{a};

package/dist/chunks/chunk.QAPV4EOX.js

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

package/dist/chunks/chunk.QEAIGKVS.js

@@ -1,122 +0,0 @@
-import{a as B}from"./chunk.2QGWC5BV.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.6AJD3EGC.js";import{c as v}from"./chunk.BWCJXCND.js";import{a as D}from"./chunk.BF5VMLO3.js";import{a as L}from"./chunk.LC4WH54W.js";import{a as k,b as x}from"./chunk.EBSZILKQ.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};

package/dist/chunks/chunk.QEC2HTZ5.js

@@ -1,22 +0,0 @@
-import{a as s}from"./chunk.SUBBVKKD.js";import{a as i,b as a}from"./chunk.EBSZILKQ.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as l}from"lit";import{ifDefined as n}from"lit/directives/if-defined.js";import{property as r}from"lit/decorators.js";import{styleMap as m}from"lit/directives/style-map.js";var t=class extends a{constructor(){super(...arguments);this.value=0;this.indeterminate=!1;this.label="";this.variant="primary";this.title=""}render(){let o=getComputedStyle(this).direction==="rtl";return l`
-            <div
-                part="base"
-                class=${p({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":o,"progress-bar--default":this.variant==="default","progress-bar--primary":this.variant==="primary","progress-bar--success":this.variant==="success","progress-bar--warning":this.variant==="warning","progress-bar--danger":this.variant==="danger"})}
-                role="progressbar"
-                title=${n(this.title||void 0)}
-                aria-label=${this.label||"Progress"}
-                aria-valuemin="0"
-                aria-valuemax="100"
-                aria-valuenow=${n(this.indeterminate?void 0:this.value)}
-            >
-                <div
-                    part="indicator"
-                    class="progress-bar__indicator"
-                    style=${m({width:this.indeterminate?void 0:`${this.value}%`})}
-                >
-                    ${this.indeterminate?"":l`
-                              <slot part="label" class="progress-bar__label"></slot>
-                          `}
-                </div>
-            </div>
-        `}};t.styles=[i,s],e([r({type:Number,reflect:!0})],t.prototype,"value",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),e([r()],t.prototype,"label",2),e([r({reflect:!0})],t.prototype,"variant",2),e([r()],t.prototype,"title",2);export{t as a};