@nasa-terra/components 0.0.198 → 0.0.199

package/dist/chunks/chunk.XXD4ILGD.js

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

package/dist/chunks/chunk.XYAXUANC.js

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

package/dist/chunks/chunk.Y6VOJNJH.js

@@ -1,441 +0,0 @@
-import{css as o}from"lit";var a=o`
-    :host {
-        display: grid;
-        grid-template-rows: auto 1fr;
-        grid-template-columns: 1fr;
-        position: relative;
-    }
-
-    .toolbar-container {
-        grid-row: 1;
-    }
-
-    .map-container {
-        grid-row: 2;
-        position: relative;
-        width: 100%;
-        height: 100%;
-        aspect-ratio: 100 / 52;
-    }
-
-    #map {
-        position: relative;
-        width: 100%;
-        height: 100%;
-    }
-
-    #settings {
-        position: absolute;
-        bottom: 10px;
-        left: 10px;
-        background: rgba(255, 255, 255, 0.9);
-        padding: 8px 10px;
-        border-radius: 4px;
-        font-size: 12px;
-        font-family: monospace;
-        z-index: 10;
-    }
-
-    label {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-    }
-
-    #legend {
-        font-family: sans-serif;
-        position: absolute;
-        z-index: 1;
-        right: 1em;
-        top: 1em;
-        background-color: white;
-        opacity: 1;
-        padding: 0.5em;
-        border-radius: 0.2em;
-        font-size: 12px;
-        font-family: monospace;
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-    }
-
-    .color-box {
-        width: 3.5em;
-        height: 0.375em;
-    }
-
-    dialog {
-        position: absolute;
-        top: calc(50% - 100px);
-        border: 1px solid var(--terra-container-dialog-border, #b9b9bb);
-        border-radius: var(--terra-container-dialog-border-radius, 8px);
-        box-shadow: var(--terra-shadow-large);
-        background-color: var(--terra-container-dialog-bg, #ffffff);
-    }
-
-    .no-data-alert,
-    .error-alert {
-        display: block;
-        width: 100%;
-        margin-bottom: 1rem;
-    }
-
-    .harmony-job-link {
-        margin-top: 0.5rem;
-        font-size: 0.875rem;
-    }
-
-    .harmony-job-link a {
-        color: var(--terra-caption-color, #959595);
-        text-decoration: none;
-    }
-
-    .harmony-job-link a:hover {
-        text-decoration: underline;
-    }
-
-    :root,
-    :host {
-        --ol-background-color: white;
-        --ol-accent-background-color: #f5f5f5;
-        --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
-        --ol-partial-background-color: rgba(255, 255, 255, 0.75);
-        --ol-foreground-color: #333333;
-        --ol-subtle-foreground-color: #666666;
-        --ol-brand-color: #00aaff;
-    }
-
-    .ol-box {
-        box-sizing: border-box;
-        border-radius: 2px;
-        border: 1.5px solid var(--ol-background-color);
-        background-color: var(--ol-partial-background-color);
-    }
-
-    .ol-mouse-position {
-        top: 8px;
-        right: 8px;
-        position: absolute;
-    }
-
-    .ol-scale-line {
-        background: var(--ol-partial-background-color);
-        border-radius: 4px;
-        bottom: 8px;
-        left: 8px;
-        padding: 2px;
-        position: absolute;
-    }
-
-    .ol-scale-line-inner {
-        border: 1px solid var(--ol-subtle-foreground-color);
-        border-top: none;
-        color: var(--ol-foreground-color);
-        font-size: 10px;
-        text-align: center;
-        margin: 1px;
-        will-change: contents, width;
-        transition: all 0.25s;
-    }
-
-    .ol-scale-bar {
-        position: absolute;
-        bottom: 8px;
-        left: 8px;
-    }
-
-    .ol-scale-bar-inner {
-        display: flex;
-    }
-
-    .ol-scale-step-marker {
-        width: 1px;
-        height: 15px;
-        background-color: var(--ol-foreground-color);
-        float: right;
-        z-index: 10;
-    }
-
-    .ol-scale-step-text {
-        position: absolute;
-        bottom: -5px;
-        font-size: 10px;
-        z-index: 11;
-        color: var(--ol-foreground-color);
-        text-shadow:
-            -1.5px 0 var(--ol-partial-background-color),
-            0 1.5px var(--ol-partial-background-color),
-            1.5px 0 var(--ol-partial-background-color),
-            0 -1.5px var(--ol-partial-background-color);
-    }
-
-    .ol-scale-text {
-        position: absolute;
-        font-size: 12px;
-        text-align: center;
-        bottom: 25px;
-        color: var(--ol-foreground-color);
-        text-shadow:
-            -1.5px 0 var(--ol-partial-background-color),
-            0 1.5px var(--ol-partial-background-color),
-            1.5px 0 var(--ol-partial-background-color),
-            0 -1.5px var(--ol-partial-background-color);
-    }
-
-    .ol-scale-singlebar {
-        position: relative;
-        height: 10px;
-        z-index: 9;
-        box-sizing: border-box;
-        border: 1px solid var(--ol-foreground-color);
-    }
-
-    .ol-scale-singlebar-even {
-        background-color: var(--ol-subtle-foreground-color);
-    }
-
-    .ol-scale-singlebar-odd {
-        background-color: var(--ol-background-color);
-    }
-
-    .ol-unsupported {
-        display: none;
-    }
-
-    .ol-viewport,
-    .ol-unselectable {
-        -webkit-touch-callout: none;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-        -webkit-tap-highlight-color: transparent;
-    }
-
-    .ol-viewport canvas {
-        all: unset;
-        overflow: hidden;
-    }
-
-    .ol-viewport {
-        touch-action: pan-x pan-y;
-    }
-
-    .ol-selectable {
-        -webkit-touch-callout: default;
-        -webkit-user-select: text;
-        -moz-user-select: text;
-        user-select: text;
-    }
-
-    .ol-grabbing {
-        cursor: -webkit-grabbing;
-        cursor: -moz-grabbing;
-        cursor: grabbing;
-    }
-
-    .ol-grab {
-        cursor: move;
-        cursor: -webkit-grab;
-        cursor: -moz-grab;
-        cursor: grab;
-    }
-
-    .ol-control {
-        position: absolute;
-        background-color: var(--ol-subtle-background-color);
-        border-radius: 4px;
-    }
-
-    .ol-zoom {
-        top: 0.5em;
-        left: 0.5em;
-    }
-
-    .ol-rotate {
-        top: 0.5em;
-        right: 0.5em;
-        transition:
-            opacity 0.25s linear,
-            visibility 0s linear;
-    }
-
-    .ol-rotate.ol-hidden {
-        opacity: 0;
-        visibility: hidden;
-        transition:
-            opacity 0.25s linear,
-            visibility 0s linear 0.25s;
-    }
-
-    .ol-zoom-extent {
-        top: 4.643em;
-        left: 0.5em;
-    }
-
-    .ol-full-screen {
-        right: 0.5em;
-        top: 0.5em;
-    }
-
-    .ol-control button {
-        display: block;
-        margin: 1px;
-        padding: 0;
-        color: var(--ol-subtle-foreground-color);
-        font-weight: bold;
-        text-decoration: none;
-        font-size: inherit;
-        text-align: center;
-        height: 1.375em;
-        width: 1.375em;
-        line-height: 0.4em;
-        background-color: var(--ol-background-color);
-        border: none;
-        border-radius: 2px;
-    }
-
-    .ol-control button::-moz-focus-inner {
-        border: none;
-        padding: 0;
-    }
-
-    .ol-zoom-extent button {
-        line-height: 1.4em;
-    }
-
-    .ol-compass {
-        display: block;
-        font-weight: normal;
-        will-change: transform;
-    }
-
-    .ol-touch .ol-control button {
-        font-size: 1.5em;
-    }
-
-    .ol-touch .ol-zoom-extent {
-        top: 5.5em;
-    }
-
-    .ol-control button:hover,
-    .ol-control button:focus {
-        text-decoration: none;
-        outline: 1px solid var(--ol-subtle-foreground-color);
-        color: var(--ol-foreground-color);
-    }
-
-    .ol-zoom .ol-zoom-in {
-        border-radius: 2px 2px 0 0;
-    }
-
-    .ol-zoom .ol-zoom-out {
-        border-radius: 0 0 2px 2px;
-    }
-
-    .ol-attribution {
-        display: none !important;
-    }
-
-    .ol-zoomslider {
-        top: 4.5em;
-        left: 0.5em;
-        height: 200px;
-    }
-
-    .ol-zoomslider button {
-        position: relative;
-        height: 10px;
-    }
-
-    .ol-touch .ol-zoomslider {
-        top: 5.5em;
-    }
-
-    .ol-overviewmap {
-        left: 0.5em;
-        bottom: 0.5em;
-    }
-
-    .ol-overviewmap.ol-uncollapsible {
-        bottom: 0;
-        left: 0;
-        border-radius: 0 4px 0 0;
-    }
-
-    .ol-overviewmap .ol-overviewmap-map,
-    .ol-overviewmap button {
-        display: block;
-    }
-
-    .ol-overviewmap .ol-overviewmap-map {
-        border: 1px solid var(--ol-subtle-foreground-color);
-        height: 150px;
-        width: 150px;
-    }
-
-    .ol-overviewmap:not(.ol-collapsed) button {
-        bottom: 0;
-        left: 0;
-        position: absolute;
-    }
-
-    .ol-overviewmap.ol-collapsed .ol-overviewmap-map,
-    .ol-overviewmap.ol-uncollapsible button {
-        display: none;
-    }
-
-    .ol-overviewmap:not(.ol-collapsed) {
-        background: var(--ol-subtle-background-color);
-    }
-
-    .ol-overviewmap-box {
-        border: 1.5px dotted var(--ol-subtle-foreground-color);
-    }
-
-    .ol-overviewmap .ol-overviewmap-box:hover {
-        cursor: move;
-    }
-
-    .ol-overviewmap .ol-viewport:hover {
-        cursor: pointer;
-    }
-
-    /* Responsive design for smaller screens */
-    @media (max-width: 768px) {
-        :host {
-            gap: 1rem 0.5rem;
-        }
-
-        .map-container {
-            min-height: 300px;
-        }
-
-        #map {
-            min-height: 300px;
-        }
-
-        #settings {
-            bottom: 100px;
-            left: 5px;
-            padding: 6px 8px;
-            font-size: 11px;
-        }
-    }
-
-    @media (max-width: 480px) {
-        .map-container {
-            min-height: 250px;
-        }
-
-        #map {
-            min-height: 250px;
-        }
-
-        #settings {
-            bottom: 80px;
-            left: 5px;
-            padding: 4px 6px;
-            font-size: 10px;
-        }
-    }
-`;export{a};

package/dist/chunks/chunk.YASIML6Z.js

@@ -1,5 +0,0 @@
-import{a as u}from"./chunk.MOTKVAC5.js";import{a as c}from"./chunk.IYLOXJSX.js";import{a as s,c as y}from"./chunk.QGXUQL5S.js";import{a as m}from"./chunk.J5Q4TWEG.js";import{a as h,c as p}from"./chunk.MCGELDAA.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as a,query as b}from"lit/decorators.js";import{html as M}from"lit";import D,{PipsMode as x}from"nouislider";var e=class extends p{constructor(){super(...arguments);this.timeScale="daily";this.disabled=!1;this.hasPips=!0}updateSlider(){this.renderSlider()}disabledChanged(){var t,r,o,n;this.disabled?(r=(t=this.slider)==null?void 0:t.noUiSlider)==null||r.disable():(n=(o=this.slider)==null?void 0:o.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}renderSlider(){var l;if(!this.slider)return;if((l=this.slider.noUiSlider)==null||l.destroy(),!s(this.minDate)||!s(this.maxDate)){this.renderEmptySlider(),this.minDate&&!s(this.minDate)&&console.error("Invalid min date provided"),this.maxDate&&!s(this.maxDate)&&console.error("Invalid max date provided");return}let t=new Date(this.minDate),r=new Date(this.maxDate),o=new Date(s(this.startDate)?this.startDate:this.minDate),n=new Date(s(this.endDate)?this.endDate:this.maxDate);t.setUTCHours(0,0,0,0),o.setUTCHours(0,0,0,0),r.setUTCHours(23,59,59,999),n.setUTCHours(23,59,59,999);let f={range:{min:t.getTime(),max:r.getTime()},behaviour:"drag",step:this._getStep(),start:[o.getTime(),n.getTime()],tooltips:[!0,!0],connect:!0,pips:{mode:x.Range,density:-1,format:this._getSliderFormatter()},format:this._getSliderFormatter()};D.create(this.slider,f),c(this.slider),this.slider.noUiSlider.on("change",d=>{this.emit("terra-date-range-change",{detail:{startDate:this._formatDate(d[0]),endDate:this._formatDate(d[1])}})})}renderEmptySlider(){D.create(this.slider,{start:[0,0],range:{min:0,max:0}})}_getStep(){switch(this.timeScale){case"half-hourly":return 30*6e4;case"hourly":return 36e5;default:return 864e5}}_getSliderFormatter(){return{to:t=>this._formatDate(t),from:t=>Number(t)}}_formatDate(t){let r=this.timeScale==="daily"?"yyyy-MM-dd":"yyyy-MM-dd HH:mm";return y(new Date(t),r)}render(){let t=`container${this.hasPips?" hasPips":""}`;return M`
-            <div class="${t}">
-                <div part="slider"></div>
-            </div>
-        `}};e.styles=[h,u],i([b('[part~="slider"]')],e.prototype,"slider",2),i([a({attribute:"time-scale"})],e.prototype,"timeScale",2),i([a({attribute:"min-date"})],e.prototype,"minDate",2),i([a({attribute:"max-date"})],e.prototype,"maxDate",2),i([a({attribute:"start-date"})],e.prototype,"startDate",2),i([a({attribute:"end-date"})],e.prototype,"endDate",2),i([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([a({type:Boolean,reflect:!0,attribute:"has-pips"})],e.prototype,"hasPips",2),i([m(["startDate","endDate","minDate","maxDate"])],e.prototype,"updateSlider",1),i([m("disabled")],e.prototype,"disabledChanged",1);export{e as a};

package/dist/chunks/chunk.YKXFFCAA.js

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

package/dist/chunks/chunk.YYECXERO.js

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

package/dist/chunks/chunk.ZBOS3NT4.js

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

package/dist/chunks/chunk.ZE3GRFIA.js

@@ -1,16 +0,0 @@
-import{a as L}from"./chunk.2NNF6S2I.js";import{a as G}from"./chunk.YKXFFCAA.js";import{a as A,c as M}from"./chunk.MCGELDAA.js";import{a as C,b as D,e as l,f as o,g as h,h as c,i as u}from"./chunk.INFVQQSJ.js";import{createRef as $,ref as z}from"lit/directives/ref.js";import{html as V,nothing as B}from"lit";import{property as r,state as I}from"lit/decorators.js";import{createGrid as j,AllCommunityModule as q,ModuleRegistry as H}from"ag-grid-community";var i,d,p,f,g,F,n=class extends M{constructor(){super(...arguments);h(this,p);h(this,g);this.height="400px";this.rowModelType="clientSide";this.theme="alpine";this.showLoading=!1;this.isLoading=!1;h(this,i,void 0);h(this,d,$())}connectedCallback(){super.connectedCallback(),H.registerModules([q])}disconnectedCallback(){super.disconnectedCallback(),o(this,i)&&(o(this,i).destroy(),c(this,i,void 0))}firstVisible(){u(this,p,f).call(this)}updated(e){super.updated(e),(e.has("gridOptions")||e.has("columnDefs")||e.has("rowData")||e.has("datasource")||e.has("rowModelType"))&&o(this,i)&&o(this,d).value&&u(this,p,f).call(this)}getGridApi(){return o(this,i)}refresh(){o(this,i)&&(this.rowModelType==="infinite"?o(this,i).purgeInfiniteCache():o(this,i).refreshCells())}exportToCsv(e){o(this,i)&&o(this,i).exportDataAsCsv(e)}exportToExcel(e){var s,a;o(this,i)&&((a=(s=o(this,i)).exportDataAsExcel)==null||a.call(s,e))}render(){return V`
-            <div class="grid-container" part="base">
-                <div
-                    class="grid ag-theme-${this.theme}"
-                    part="grid"
-                    ${z(o(this,d))}
-                    style="height: ${this.height};"
-                ></div>
-
-                ${this.isLoading&&this.showLoading?V`
-                          <div class="loading-overlay" part="loading">
-                              <terra-loader indeterminate></terra-loader>
-                          </div>
-                      `:B}
-            </div>
-        `}};i=new WeakMap,d=new WeakMap,p=new WeakSet,f=function(){var k,S,O,R,x,T;if(!o(this,d).value)return;o(this,i)&&(o(this,i).destroy(),c(this,i,void 0));let e=D(C(C({},u(this,g,F).call(this)),this.gridOptions),{columnDefs:(S=this.columnDefs)!=null?S:(k=this.gridOptions)==null?void 0:k.columnDefs,rowData:(R=this.rowData)!=null?R:(O=this.gridOptions)==null?void 0:O.rowData,datasource:(T=this.datasource)!=null?T:(x=this.gridOptions)==null?void 0:x.datasource,rowModelType:this.rowModelType}),s=e.onGridReady;e.onGridReady=t=>{c(this,i,t.api),this.emit("terra-grid-ready",{detail:t}),s&&s(t)};let a=e.onSelectionChanged;e.onSelectionChanged=t=>{this.emit("terra-selection-changed",{detail:t}),a&&a(t)};let y=e.onSortChanged;e.onSortChanged=t=>{this.emit("terra-sort-changed",{detail:t}),y&&y(t)};let m=e.onFilterChanged;e.onFilterChanged=t=>{this.emit("terra-filter-changed",{detail:t}),m&&m(t)};let v=e.onRowClicked;e.onRowClicked=t=>{this.emit("terra-row-clicked",{detail:t}),v&&v(t)};let w=e.onRowDoubleClicked;e.onRowDoubleClicked=t=>{this.emit("terra-row-double-clicked",{detail:t}),w&&w(t)};let E=e.onCellClicked;e.onCellClicked=t=>{this.emit("terra-cell-clicked",{detail:t}),E&&E(t)};let b=e.onCellValueChanged;e.onCellValueChanged=t=>{this.emit("terra-cell-value-changed",{detail:t}),b&&b(t)},c(this,i,j(o(this,d).value,e))},g=new WeakSet,F=function(){return{defaultColDef:{sortable:!0,filter:!0,resizable:!0},rowBuffer:25,cacheBlockSize:50,maxConcurrentDatasourceRequests:2}},n.styles=[A,L],n.dependencies={"terra-loader":G},l([r({type:Object})],n.prototype,"gridOptions",2),l([r({type:Array})],n.prototype,"columnDefs",2),l([r({type:Array})],n.prototype,"rowData",2),l([r({type:Object})],n.prototype,"datasource",2),l([r({attribute:"height",type:String})],n.prototype,"height",2),l([r({attribute:"row-model-type",type:String})],n.prototype,"rowModelType",2),l([r({attribute:"theme",type:String})],n.prototype,"theme",2),l([r({attribute:"show-loading",type:Boolean})],n.prototype,"showLoading",2),l([I()],n.prototype,"isLoading",2);export{n as a};

package/dist/chunks/chunk.ZH2NCLUA.js

@@ -1,100 +0,0 @@
-import{a as S}from"./chunk.BOTQGLFI.js";import{a as J}from"./chunk.TQPOCOGE.js";import{a as R}from"./chunk.Z2P5VVB5.js";import{a as L}from"./chunk.JOM4G2YE.js";import{g as $}from"./chunk.7XLMISB3.js";import{a as I}from"./chunk.QDFHF7LY.js";import{a as w}from"./chunk.BF5VMLO3.js";import{a as k}from"./chunk.VB25KRVB.js";import{a as b,b as C,c as E}from"./chunk.MCGELDAA.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as v,query as A,state as u}from"lit/decorators.js";import{html as a,nothing as q}from"lit";var p,N,m,D,g,T,h,y,r=class extends I(E){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 w(this,()=>$({page:1},{bearerToken:this.bearerToken}));this._authController=new L(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>
-                          `:q}
-
-                    <div class="history-list">
-                        ${s?i?n(this,p,N).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>
-        `:q}};p=new WeakSet,N=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,y).call(this,e.labels||[]);return a`
-                <div
-                    class="history-item"
-                    @click=${n(this,g,T).bind(this,e)}
-                >
-                    <div class="item-header">
-                        <div class="item-title">
-                            ${n(this,m,D).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,D=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,T=function(s){var e;let i=n(this,h,y).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,y=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":k,"terra-data-subsetter":S,"terra-dialog":J},r.styles=[b,R],o([v()],r.prototype,"label",2),o([v({attribute:"bearer-token",converter:C})],r.prototype,"bearerToken",2),o([v({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([A('[part~="dialog"]')],r.prototype,"dialog",2),o([A('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.ZH45GJVZ.js

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

package/dist/chunks/chunk.ZNF2N7SP.js

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