@nasa-terra/components 0.0.173 → 0.0.175

package/dist/chunks/chunk.6Q4CBJWL.js

@@ -1,2319 +0,0 @@
-import {
-  defaultSubsetFileMimeType,
-  getFriendlyNameForMimeType
-} from "./chunk.UU2S72KN.js";
-import {
-  getNotebook
-} from "./chunk.6SGZCYGQ.js";
-import {
-  TerraLogin
-} from "./chunk.G42Z5PNT.js";
-import {
-  TerraDialog
-} from "./chunk.PZSNM7Y7.js";
-import {
-  DataSubsetterController
-} from "./chunk.FQFJCEW7.js";
-import {
-  convertVariableEntryIdToGiovanniFormat
-} from "./chunk.FDIMGAJI.js";
-import {
-  data_subsetter_styles_default
-} from "./chunk.QQMW6GT2.js";
-import {
-  TerraDataAccess,
-  debounce,
-  sendDataToJupyterNotebook
-} from "./chunk.7WDXD466.js";
-import {
-  TerraMenuItem
-} from "./chunk.I5WFZXLP.js";
-import {
-  TerraMenu
-} from "./chunk.XEPTHU2I.js";
-import {
-  TerraDatePicker
-} from "./chunk.I4IIVOUZ.js";
-import {
-  extractHarmonyError
-} from "./chunk.ESNQNQUJ.js";
-import {
-  AuthController
-} from "./chunk.DHM36JBP.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.II2UMQ6I.js";
-import {
-  TerraInput
-} from "./chunk.IFX2N2F2.js";
-import {
-  TerraDropdown
-} from "./chunk.MLOFLEMG.js";
-import {
-  TerraLoader
-} from "./chunk.76VSG6I2.js";
-import {
-  TerraButton
-} from "./chunk.JF7QMJJ3.js";
-import {
-  TerraAccordion
-} from "./chunk.L3QGS6DM.js";
-import {
-  TerraIcon
-} from "./chunk.DBJRHMP4.js";
-import {
-  getBasePath
-} from "./chunk.PBC3S6IG.js";
-import {
-  TerraAlert
-} from "./chunk.AQSBCRI5.js";
-import {
-  watch
-} from "./chunk.NWXJOH5T.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.VT5KHE7G.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.SHKVBVTI.js";
-
-// src/components/data-subsetter/data-subsetter.component.ts
-import { html, nothing } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { TaskStatus } from "@lit/task";
-var _authController, _renderFooterForDialog, renderFooterForDialog_fn, _renderSizeInfo, renderSizeInfo_fn, _renderSubsetOptions, renderSubsetOptions_fn, _resetAllParameters, _renderSearchForCollection, renderSearchForCollection_fn, _renderOutputFormatSelection, renderOutputFormatSelection_fn, _renderDateRangeSelection, renderDateRangeSelection_fn, _handleDateChange, _resetDateRangeSelection, _resetFormatSelection, _getCollectionDateRange, getCollectionDateRange_fn, _handleRegionAccordionToggle, handleRegionAccordionToggle_fn, _renderSpatialSelection, renderSpatialSelection_fn, _handleSpatialChange, _resetSpatialSelection, _renderVariableSelection, renderVariableSelection_fn, _filterVariableTree, filterVariableTree_fn, _handleVariableFilterChange, handleVariableFilterChange_fn, _buildVariableTree, buildVariableTree_fn, _renderVariableTree, renderVariableTree_fn, _getAllGroupPaths, getAllGroupPaths_fn, _toggleGroupExpand, toggleGroupExpand_fn, _toggleExpandCollapseAll, toggleExpandCollapseAll_fn, _toggleVariableSelection, toggleVariableSelection_fn, _markFieldTouched, markFieldTouched_fn, _resetVariableSelection, _renderJobStatus, renderJobStatus_fn, _renderSelectedParams, renderSelectedParams_fn, _cancelJob, cancelJob_fn, _getData, getData_fn, _touchAllFields, touchAllFields_fn, _numberOfFilesFoundEstimate, numberOfFilesFoundEstimate_fn, _getDocumentationLinks, getDocumentationLinks_fn, _getDataLinks, getDataLinks_fn, _hasAtLeastOneSubsetOption, hasAtLeastOneSubsetOption_fn, _hasSpatialSubset, hasSpatialSubset_fn, _renderJobMessage, renderJobMessage_fn, _getJobMessageText, getJobMessageText_fn, _estimateJobSize, estimateJobSize_fn, _refineParameters, refineParameters_fn, _backToSubsetOptions, backToSubsetOptions_fn, _viewRunningJob, viewRunningJob_fn, _handleDownloadSelect, handleDownloadSelect_fn, _downloadLinksAsTxt, downloadLinksAsTxt_fn, _downloadPythonScript, downloadPythonScript_fn, _downloadEarthdataDownload, downloadEarthdataDownload_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn, _renderAvailableTemporalRangeSection, renderAvailableTemporalRangeSection_fn, _renderAvailableSpatialRangeSection, renderAvailableSpatialRangeSection_fn, _renderDataAccessModeSelection, renderDataAccessModeSelection_fn, _isGiovanniFormat, isGiovanniFormat_fn, _getGiovanniValidationError, getGiovanniValidationError_fn;
-var TerraDataSubsetter = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _renderFooterForDialog);
-    __privateAdd(this, _renderSizeInfo);
-    __privateAdd(this, _renderSubsetOptions);
-    __privateAdd(this, _renderSearchForCollection);
-    __privateAdd(this, _renderOutputFormatSelection);
-    __privateAdd(this, _renderDateRangeSelection);
-    __privateAdd(this, _getCollectionDateRange);
-    __privateAdd(this, _handleRegionAccordionToggle);
-    __privateAdd(this, _renderSpatialSelection);
-    __privateAdd(this, _renderVariableSelection);
-    __privateAdd(this, _filterVariableTree);
-    __privateAdd(this, _handleVariableFilterChange);
-    __privateAdd(this, _buildVariableTree);
-    __privateAdd(this, _renderVariableTree);
-    __privateAdd(this, _getAllGroupPaths);
-    __privateAdd(this, _toggleGroupExpand);
-    __privateAdd(this, _toggleExpandCollapseAll);
-    __privateAdd(this, _toggleVariableSelection);
-    __privateAdd(this, _markFieldTouched);
-    __privateAdd(this, _renderJobStatus);
-    __privateAdd(this, _renderSelectedParams);
-    __privateAdd(this, _cancelJob);
-    __privateAdd(this, _getData);
-    __privateAdd(this, _touchAllFields);
-    __privateAdd(this, _numberOfFilesFoundEstimate);
-    __privateAdd(this, _getDocumentationLinks);
-    __privateAdd(this, _getDataLinks);
-    __privateAdd(this, _hasAtLeastOneSubsetOption);
-    __privateAdd(this, _hasSpatialSubset);
-    __privateAdd(this, _renderJobMessage);
-    __privateAdd(this, _getJobMessageText);
-    __privateAdd(this, _estimateJobSize);
-    __privateAdd(this, _refineParameters);
-    __privateAdd(this, _backToSubsetOptions);
-    __privateAdd(this, _viewRunningJob);
-    __privateAdd(this, _handleDownloadSelect);
-    __privateAdd(this, _downloadLinksAsTxt);
-    __privateAdd(this, _downloadPythonScript);
-    __privateAdd(this, _downloadEarthdataDownload);
-    __privateAdd(this, _handleJupyterNotebookClick);
-    __privateAdd(this, _renderAvailableTemporalRangeSection);
-    __privateAdd(this, _renderAvailableSpatialRangeSection);
-    __privateAdd(this, _renderDataAccessModeSelection);
-    __privateAdd(this, _isGiovanniFormat);
-    __privateAdd(this, _getGiovanniValidationError);
-    this.showCollectionSearch = true;
-    this.showHistoryPanel = true;
-    this.isHistoryView = false;
-    this.selectedVariables = [];
-    this.expandedVariableGroups = /* @__PURE__ */ new Set();
-    this.variableFilterText = "";
-    this.touchedFields = /* @__PURE__ */ new Set();
-    this.spatialSelection = null;
-    this.selectedDateRange = {
-      startDate: null,
-      endDate: null
-    };
-    this.selectedFormat = defaultSubsetFileMimeType;
-    this.cancelingGetData = false;
-    this.selectedTab = "web-links";
-    this.refineParameters = false;
-    this.collectionSearchType = "all";
-    this.collectionSearchLoading = false;
-    this.collectionLoading = false;
-    this.collectionAccordionOpen = true;
-    this.dataAccessMode = "original";
-    this.controller = new DataSubsetterController(this);
-    __privateAdd(this, _authController, new AuthController(this));
-    __privateAdd(this, _resetAllParameters, () => {
-      this.selectedVariables = [];
-      if (__privateMethod(this, _hasSpatialSubset, hasSpatialSubset_fn).call(this)) {
-        __privateGet(this, _resetSpatialSelection).call(this);
-      }
-      this.selectedDateRange = {
-        startDate: null,
-        endDate: null
-      };
-      this.touchedFields = /* @__PURE__ */ new Set();
-      this.validationError = void 0;
-      this.expandedVariableGroups = /* @__PURE__ */ new Set();
-      this.requestUpdate();
-    });
-    __privateAdd(this, _handleDateChange, (e) => {
-      __privateMethod(this, _markFieldTouched, markFieldTouched_fn).call(this, "date");
-      this.selectedDateRange = __spreadProps(__spreadValues({}, this.selectedDateRange), {
-        startDate: e.detail.startDate,
-        endDate: e.detail.endDate
-      });
-    });
-    __privateAdd(this, _resetDateRangeSelection, () => {
-      this.selectedDateRange = { startDate: null, endDate: null };
-    });
-    __privateAdd(this, _resetFormatSelection, () => {
-      var _a, _b;
-      if ((_b = (_a = this.collectionWithServices) == null ? void 0 : _a.outputFormats) == null ? void 0 : _b.length) {
-        const netcdfFormat = this.collectionWithServices.outputFormats.find(
-          (format) => format === "application/x-netcdf4" || format === "application/netcdf"
-        );
-        this.selectedFormat = netcdfFormat || this.collectionWithServices.outputFormats[0];
-      } else {
-        this.selectedFormat = defaultSubsetFileMimeType;
-      }
-    });
-    __privateAdd(this, _handleSpatialChange, (e) => {
-      __privateMethod(this, _markFieldTouched, markFieldTouched_fn).call(this, "spatial");
-      const round2 = (n) => parseFloat(Number(n).toFixed(2));
-      if (e.detail.type === "bbox" /* BBOX */) {
-        this.spatialSelection = {
-          e: round2(e.detail.bounds.getNorthEast().lng),
-          n: round2(e.detail.bounds.getNorthEast().lat),
-          w: round2(e.detail.bounds.getSouthWest().lng),
-          s: round2(e.detail.bounds.getSouthWest().lat)
-        };
-      } else if (e.detail.type === "point" /* POINT */) {
-        this.spatialSelection = e.detail.latLng;
-      } else {
-        this.spatialSelection = null;
-      }
-    });
-    __privateAdd(this, _resetSpatialSelection, () => {
-      var _a, _b, _c, _d, _e;
-      const spatial_constraints = (_e = (_d = (_c = (_b = (_a = this.collectionWithServices) == null ? void 0 : _a.collection) == null ? void 0 : _b.SpatialExtent) == null ? void 0 : _c.HorizontalSpatialDomain) == null ? void 0 : _d.Geometry) == null ? void 0 : _e.BoundingRectangles;
-      if (!spatial_constraints) {
-        this.spatialSelection = null;
-        return;
-      }
-      const normalized = Array.isArray(spatial_constraints) ? spatial_constraints : [spatial_constraints];
-      const rect = normalized[0];
-      this.spatialSelection = {
-        w: Number(rect.WestBoundingCoordinate),
-        s: Number(rect.SouthBoundingCoordinate),
-        e: Number(rect.EastBoundingCoordinate),
-        n: Number(rect.NorthBoundingCoordinate)
-      };
-      __privateMethod(this, _markFieldTouched, markFieldTouched_fn).call(this, "spatial");
-    });
-    __privateAdd(this, _resetVariableSelection, () => {
-      this.selectedVariables = [];
-    });
-  }
-  jobIdChanged() {
-    if (this.jobId) {
-      this.controller.fetchJobByID(this.jobId);
-      this.dataAccessMode = "subset";
-    }
-  }
-  shortNameAndVersionChanged() {
-    if (this.shortName && this.version) {
-      this.collectionEntryId = `${this.shortName}_${this.version}`;
-    }
-  }
-  collectionEntryIdChanged() {
-    if (this.collectionEntryId) {
-      this.showCollectionSearch = false;
-    } else {
-      this.showCollectionSearch = true;
-    }
-  }
-  firstUpdated() {
-    if (this.collectionEntryId) {
-      this.showCollectionSearch = false;
-    }
-    if (this.jobId) {
-      this.controller.fetchJobByID(this.jobId);
-      this.dataAccessMode = "subset";
-    }
-    this.renderHistoryPanel();
-  }
-  updated(changedProps) {
-    var _a, _b, _c, _d;
-    super.updated(changedProps);
-    const taskStatus = (_b = (_a = this.controller) == null ? void 0 : _a.jobStatusTask) == null ? void 0 : _b.status;
-    if (taskStatus === TaskStatus.ERROR) {
-      const taskError = (_d = (_c = this.controller) == null ? void 0 : _c.jobStatusTask) == null ? void 0 : _d.error;
-      if (taskError) {
-        const errorDetails = extractHarmonyError(taskError);
-        if (errorDetails.isCancellation) {
-          return;
-        }
-        if (this.controller.currentJob) {
-          this.controller.currentJob = __spreadProps(__spreadValues({}, this.controller.currentJob), {
-            status: "failed" /* FAILED */,
-            message: errorDetails.message || "Failed to create subset job"
-          });
-        }
-      }
-    }
-  }
-  collectionChanged() {
-    var _a;
-    const { startDate, endDate } = __privateMethod(this, _getCollectionDateRange, getCollectionDateRange_fn).call(this);
-    this.selectedDateRange = { startDate, endDate };
-    const formats = Array.from(
-      new Set(((_a = this.collectionWithServices) == null ? void 0 : _a.outputFormats) || [])
-    );
-    const hasNetcdf4 = formats.includes("application/x-netcdf4");
-    const hasNetcdfClassic = formats.includes("application/netcdf");
-    let displayFormats = formats;
-    if (hasNetcdf4 && hasNetcdfClassic) {
-      displayFormats = formats.filter((f) => f !== "application/netcdf");
-    }
-    if (displayFormats.length === 1) {
-      this.selectedFormat = displayFormats[0];
-    } else {
-      this.selectedFormat = displayFormats.find((f) => f === "application/x-netcdf4") || displayFormats[0];
-    }
-    this.collectionLoading = false;
-    this.collectionAccordionOpen = false;
-  }
-  granuleDatesChanged() {
-    const newRange = __spreadValues(__spreadValues({}, this.granuleMinDate && { startDate: this.granuleMinDate }), this.granuleMaxDate && { endDate: this.granuleMaxDate });
-    if (Object.keys(newRange).length > 0) {
-      this.selectedDateRange = __spreadValues(__spreadValues({}, this.selectedDateRange), newRange);
-    }
-  }
-  selectedFormatChanged() {
-    if (__privateMethod(this, _isGiovanniFormat, isGiovanniFormat_fn).call(this) && this.selectedVariables.length > 1) {
-      this.selectedVariables = [this.selectedVariables[0]];
-    }
-  }
-  showDialog() {
-    var _a;
-    (_a = this.dialogElement) == null ? void 0 : _a.show();
-  }
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
-    const showJobStatus = this.controller.currentJob && !this.refineParameters;
-    const showMinimizeButton = showJobStatus && !!this.dialog;
-    const title = (_c = (_b = (_a = this.collectionWithServices) == null ? void 0 : _a.collection) == null ? void 0 : _b.EntryTitle) != null ? _c : "Download Data";
-    if (!this.collectionWithServices) {
-      if (this.controller.fetchCollectionTask.status === TaskStatus.ERROR) {
-        return html`
-                    <terra-alert open variant="danger" appearance="white">
-                        Failed to find the requested collection.
-                    </terra-alert>
-                `;
-      }
-    }
-    const content = html`
-            <div class="container">
-                ${!this.dialog ? html`
-                          <div class="header">
-                              <h1>
-                                  <svg
-                                      class="download-icon"
-                                      viewBox="0 0 24 24"
-                                      fill="currentColor"
-                                  >
-                                      <path
-                                          d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
-                                      />
-                                  </svg>
-                                  ${title}
-                              </h1>
-
-                              ${showMinimizeButton ? html`<button
-                                        class="minimize-btn"
-                                        @click=${() => this.minimizeDialog()}
-                                    >
-                                        -
-                                    </button>` : nothing}
-                          </div>
-                      ` : nothing}
-                ${!this.isHistoryView && ((_e = (_d = this.collectionWithServices) == null ? void 0 : _d.services) == null ? void 0 : _e.length) ? html`
-                          <div class="section">
-                              ${__privateMethod(this, _renderDataAccessModeSelection, renderDataAccessModeSelection_fn).call(this)}
-                          </div>
-                      ` : nothing}
-                ${this.dataAccessMode === "original" ? html`
-                          <div class="section">
-                              <terra-data-access
-                                  short-name=${(_h = this.shortName) != null ? _h : (_g = (_f = this.collectionWithServices) == null ? void 0 : _f.collection) == null ? void 0 : _g.ShortName}
-                                  version=${(_k = this.version) != null ? _k : (_j = (_i = this.collectionWithServices) == null ? void 0 : _i.collection) == null ? void 0 : _j.Version}
-                                  ?footer-slot=${!!this.dialog}
-                              >
-                                  ${this.dialog ? html`
-                                            <div
-                                                slot="footer"
-                                                style="margin-top: 15px;"
-                                            >
-                                                <slot
-                                                    name="data-access-footer"
-                                                ></slot>
-                                            </div>
-                                        ` : nothing}
-                              </terra-data-access>
-                          </div>
-                      ` : showJobStatus ? __privateMethod(this, _renderJobStatus, renderJobStatus_fn).call(this) : __privateMethod(this, _renderSubsetOptions, renderSubsetOptions_fn).call(this)}
-            </div>
-        `;
-    if (this.dialog) {
-      return html`
-                <terra-dialog id=${this.dialog} style="--title-font-size: 16px;">
-                    <span
-                        slot="label"
-                        style="display: flex; align-items: center; gap: 8px; color: #0066cc; font-weight: 600;"
-                    >
-                        <svg
-                            class="download-icon"
-                            viewBox="0 0 24 24"
-                            fill="currentColor"
-                            style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; flex-shrink: 0;"
-                        >
-                            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
-                        </svg>
-                        ${title}
-                    </span>
-                    ${showMinimizeButton ? html`
-                              <button
-                                  slot="header-actions"
-                                  class="minimize-btn"
-                                  @click=${() => {
-        var _a2;
-        return (_a2 = this.dialogElement) == null ? void 0 : _a2.hide();
-      }}
-                                  aria-label="Minimize"
-                              >
-                                  -
-                              </button>
-                          ` : nothing}
-                    ${content} ${__privateMethod(this, _renderFooterForDialog, renderFooterForDialog_fn).call(this)}
-                </terra-dialog>
-            `;
-    }
-    return html`
-            <div class="container">
-                <div class="header">
-                    <h1>
-                        <svg
-                            class="download-icon"
-                            viewBox="0 0 24 24"
-                            fill="currentColor"
-                        >
-                            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
-                        </svg>
-                        ${title}
-                    </h1>
-
-                    ${showMinimizeButton ? html`<button
-                              class="minimize-btn"
-                              @click=${() => this.minimizeDialog()}
-                          >
-                              -
-                          </button>` : nothing}
-                </div>
-                ${!this.isHistoryView && ((_m = (_l = this.collectionWithServices) == null ? void 0 : _l.services) == null ? void 0 : _m.length) ? html`
-                          <div class="section">
-                              ${__privateMethod(this, _renderDataAccessModeSelection, renderDataAccessModeSelection_fn).call(this)}
-                          </div>
-                      ` : nothing}
-                ${this.dataAccessMode === "original" ? html`
-                          <div class="section">
-                              <terra-data-access
-                                  short-name=${(_p = this.shortName) != null ? _p : (_o = (_n = this.collectionWithServices) == null ? void 0 : _n.collection) == null ? void 0 : _o.ShortName}
-                                  version=${(_s = this.version) != null ? _s : (_r = (_q = this.collectionWithServices) == null ? void 0 : _q.collection) == null ? void 0 : _r.Version}
-                                  ?footer-slot=${!!this.dialog}
-                              >
-                                  ${this.dialog ? html`
-                                            <div
-                                                slot="footer"
-                                                style="margin-top: 15px;"
-                                            >
-                                                <slot
-                                                    name="data-access-footer"
-                                                ></slot>
-                                            </div>
-                                        ` : nothing}
-                              </terra-data-access>
-                          </div>
-                      ` : showJobStatus ? __privateMethod(this, _renderJobStatus, renderJobStatus_fn).call(this) : __privateMethod(this, _renderSubsetOptions, renderSubsetOptions_fn).call(this)}
-            </div>
-        `;
-  }
-  minimizeDialog() {
-    var _a;
-    (_a = this.closest("terra-dialog")) == null ? void 0 : _a.hide();
-  }
-  handleCollectionSearch(searchTerm) {
-    this.collectionSearchQuery = searchTerm;
-  }
-  isLatLng(value) {
-    return value && typeof value.lat === "number" && typeof value.lng === "number";
-  }
-  isLatLngBounds(value) {
-    return value && typeof value.getSouthWest === "function" && typeof value.getNorthEast === "function";
-  }
-  renderHistoryPanel() {
-    const existingHistoryPanel = document.querySelector(
-      "terra-data-subsetter-history"
-    );
-    if (!existingHistoryPanel && this.bearerToken) {
-      const historyPanel = document.createElement(
-        "terra-data-subsetter-history"
-      );
-      if (this.bearerToken) {
-        historyPanel.setAttribute("bearer-token", this.bearerToken);
-      }
-      if (this.environment) {
-        historyPanel.setAttribute("environment", this.environment);
-      }
-      document.body.appendChild(historyPanel);
-    }
-  }
-};
-_authController = new WeakMap();
-_renderFooterForDialog = new WeakSet();
-renderFooterForDialog_fn = function() {
-  const showJobStatus = this.controller.currentJob && !this.refineParameters;
-  if (showJobStatus && this.controller.currentJob) {
-    return html`
-                <div slot="footer" class="footer">
-                    ${this.controller.currentJob.status === "successful" /* SUCCESSFUL */ || this.controller.currentJob.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ ? html`
-                              <div
-                                  style="display: flex; align-items: center; gap: 8px;"
-                              >
-                                  <terra-dropdown
-                                      @terra-select=${__privateMethod(this, _handleDownloadSelect, handleDownloadSelect_fn)}
-                                  >
-                                      <terra-button slot="trigger" caret>
-                                          Download Options
-                                      </terra-button>
-                                      <terra-menu>
-                                          <terra-menu-item value="file-list">
-                                              <svg
-                                                  slot="prefix"
-                                                  viewBox="0 0 24 24"
-                                                  width="16"
-                                                  height="16"
-                                                  style="width: 16px; height: 16px;"
-                                              >
-                                                  <path
-                                                      fill="currentColor"
-                                                      d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
-                                                  />
-                                              </svg>
-                                              File List
-                                          </terra-menu-item>
-                                          <terra-menu-item value="python-script">
-                                              <svg
-                                                  slot="prefix"
-                                                  viewBox="0 0 128 128"
-                                                  width="16"
-                                                  height="16"
-                                                  style="width: 16px; height: 16px;"
-                                              >
-                                                  <path
-                                                      fill="currentColor"
-                                                      d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
-                                                  ></path>
-                                              </svg>
-                                              Python Script
-                                          </terra-menu-item>
-                                          <terra-menu-item value="earthdata-download">
-                                              <svg
-                                                  slot="prefix"
-                                                  viewBox="0 0 64 64"
-                                                  fill="none"
-                                                  width="16"
-                                                  height="16"
-                                                  style="width: 16px; height: 16px;"
-                                              >
-                                                  <circle
-                                                      cx="32"
-                                                      cy="32"
-                                                      r="28"
-                                                      fill="currentColor"
-                                                  />
-                                                  <path
-                                                      d="M32 14v26M32 40l-9-9M32 40l9-9"
-                                                      stroke="#fff"
-                                                      stroke-width="4"
-                                                      stroke-linecap="round"
-                                                      stroke-linejoin="round"
-                                                      fill="none"
-                                                  />
-                                              </svg>
-                                              Earthdata Download
-                                          </terra-menu-item>
-                                      </terra-menu>
-                                  </terra-dropdown>
-
-                                  <!--
-                                  <terra-button
-                                      outline
-                                      @click=${() => __privateMethod(this, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn).call(this)}
-                                  >
-                                      <terra-icon
-                                          name="outline-code-bracket"
-                                          library="heroicons"
-                                          font-size="1.5em"
-                                          style="margin-right: 5px;"
-                                      ></terra-icon>
-                                      Open in Jupyter Notebook
-                                  </terra-button>
-                                    -->
-                              </div>
-                          ` : nothing}
-                    ${this.controller.currentJob.status === "running" ? html`<button
-                              class="btn btn-success"
-                              @click=${__privateMethod(this, _cancelJob, cancelJob_fn)}
-                              ?disabled=${this.cancelingGetData}
-                          >
-                              ${this.cancelingGetData ? "Canceling..." : "Cancel request"}
-                          </button>` : nothing}
-
-                    <div class="job-info">
-                        Job ID:
-                        <span class="job-id">
-                            ${this.bearerToken ? html`<a
-                                      href="https://harmony.earthdata.nasa.gov/jobs/${this.controller.currentJob.jobID}"
-                                      target="_blank"
-                                      >${this.controller.currentJob.jobID}</a
-                                  >` : this.controller.currentJob.jobID}
-                        </span>
-                        <span class="info-icon">?</span>
-                    </div>
-                </div>
-            `;
-  } else if (this.dataAccessMode === "subset") {
-    return html`
-                <div slot="footer" class="footer">
-                    <button class="btn btn-secondary" @click=${__privateGet(this, _resetAllParameters)}>Reset All</button>
-                    <div>
-                        <button class="btn btn-primary" @click=${__privateMethod(this, _getData, getData_fn)}>
-                            Get Data
-                        </button>
-                            ${this.jobId ? html`
-                                          <terra-button
-                                              variant="default"
-                                              @click=${__privateMethod(this, _viewRunningJob, viewRunningJob_fn)}
-                                          >
-                                              View Running Job
-                                          </terra-button>
-                                      ` : nothing}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            `;
-  }
-  return nothing;
-};
-_renderSizeInfo = new WeakSet();
-renderSizeInfo_fn = function(estimates) {
-  if (!__privateGet(this, _authController).state.isLoading && !__privateGet(this, _authController).state.user) {
-    return html`
-                <div class="size-info warning">
-                    <terra-login>
-                        <h2 slot="logged-out">Limited access as a guest.</h2>
-
-                        <p slot="logged-out">
-                            Your results will be capped at 10 links. Log in for full
-                            access to all data.
-                        </p>
-                    </terra-login>
-                </div>
-            `;
-  }
-  return html`<div
-            class="size-info ${estimates.links >= 150 ? "warning" : "neutral"}"
-        >
-            <h2>Estimated size of results</h2>
-            <div class="size-stats">
-                ${estimates.days.toLocaleString()} days,
-                ${estimates.links.toLocaleString()} links
-            </div>
-            ${estimates.links >= 150 ? html`<div class="size-warning">
-                      You are about to retrieve ${estimates.links.toLocaleString()}
-                      file links from the archive. You may
-                      <strong>speed up the request</strong> by limiting the scope of
-                      your search.
-                  </div>` : nothing}
-        </div>`;
-};
-_renderSubsetOptions = new WeakSet();
-renderSubsetOptions_fn = function() {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const estimates = __privateMethod(this, _estimateJobSize, estimateJobSize_fn).call(this);
-  const hasSubsetOption = __privateMethod(this, _hasAtLeastOneSubsetOption, hasAtLeastOneSubsetOption_fn).call(this);
-  const collection = (_a = this.collectionWithServices) == null ? void 0 : _a.collection;
-  const temporalExtents = collection == null ? void 0 : collection.TemporalExtents;
-  const spatialExtent = collection == null ? void 0 : collection.SpatialExtent;
-  const showTemporalSection = temporalExtents && temporalExtents.length;
-  const showSpatialSection = spatialExtent && ((_c = (_b = spatialExtent.HorizontalSpatialDomain) == null ? void 0 : _b.Geometry) == null ? void 0 : _c.BoundingRectangles);
-  return html`
-            ${this.dataAccessMode === "original" ? nothing : hasSubsetOption ? html`
-                        ${hasSubsetOption && estimates ? __privateMethod(this, _renderSizeInfo, renderSizeInfo_fn).call(this, estimates) : nothing}
-                        ${this.showCollectionSearch ? html`
-                                  <div class="section">
-                                      <h2 class="section-title">
-                                          Select Data Collection
-                                      </h2>
-
-                                      ${__privateMethod(this, _renderSearchForCollection, renderSearchForCollection_fn).call(this)}
-                                  </div>
-                              ` : nothing}
-                        ${((_e = (_d = this.collectionWithServices) == null ? void 0 : _d.outputFormats) == null ? void 0 : _e.length) && hasSubsetOption ? html`
-                                  <div class="section">
-                                      <h2 class="section-title">Output Format</h2>
-
-                                      ${__privateMethod(this, _renderOutputFormatSelection, renderOutputFormatSelection_fn).call(this)}
-                                  </div>
-                              ` : nothing}
-                        <div class="section">
-                            <h2 class="section-title">Subset Options</h2>
-                            <p style="color: #666; margin-bottom: 16px;">
-                                Generate file links that support spatial subsetting,
-                                date/time range selection, and variable selection.
-                            </p>
-
-                            ${((_f = this.collectionWithServices) == null ? void 0 : _f.temporalSubset) ? __privateMethod(this, _renderDateRangeSelection, renderDateRangeSelection_fn).call(this) : nothing}
-                            ${__privateMethod(this, _hasSpatialSubset, hasSpatialSubset_fn).call(this) ? __privateMethod(this, _renderSpatialSelection, renderSpatialSelection_fn).call(this) : nothing}
-                            ${((_g = this.collectionWithServices) == null ? void 0 : _g.variableSubset) ? __privateMethod(this, _renderVariableSelection, renderVariableSelection_fn).call(this) : nothing}
-                        </div>
-                    ` : html`
-                        ${showTemporalSection && !((_h = this.collectionWithServices) == null ? void 0 : _h.temporalSubset) ? __privateMethod(this, _renderAvailableTemporalRangeSection, renderAvailableTemporalRangeSection_fn).call(this) : nothing}
-                        ${showSpatialSection && !__privateMethod(this, _hasSpatialSubset, hasSpatialSubset_fn).call(this) ? __privateMethod(this, _renderAvailableSpatialRangeSection, renderAvailableSpatialRangeSection_fn).call(this) : nothing}
-                    `}
-            ${!hasSubsetOption && estimates ? html`
-                      <div
-                          class="neutral-info"
-                          style="margin-top: 24px; padding: 16px 20px; border-radius: 6px; background: #f8f9fa; color: #555; border: 1px solid #ccc;"
-                      >
-                          <strong>Estimated result size:</strong><br />
-                          Your request will return approximately
-                          <b>${estimates.links.toLocaleString()}</b> files covering
-                          <b>${estimates.days.toLocaleString()}</b> days.
-                      </div>
-                  ` : nothing}
-            ${this.dataAccessMode === "subset" && !this.dialog ? html`
-                      <div class="footer">
-                          <button class="btn btn-secondary" @click=${__privateGet(this, _resetAllParameters)}>Reset All</button>
-                          <div>
-                          <button
-                              class="btn btn-primary"
-                              @click=${__privateMethod(this, _getData, getData_fn)}
-                          >
-                              Get Data
-                          </button>
-                                  ${this.jobId ? html`
-                                                <terra-button
-                                                    variant="default"
-                                                    @click=${__privateMethod(this, _viewRunningJob, viewRunningJob_fn)}
-                                                >
-                                                    View Running Job
-                                                </terra-button>
-                                            ` : nothing}
-                              </div>
-                                </div>
-                          </div>
-                      </div>
-                  ` : nothing}
-        `;
-};
-_resetAllParameters = new WeakMap();
-_renderSearchForCollection = new WeakSet();
-renderSearchForCollection_fn = function() {
-  var _a, _b;
-  let placeholder = "Search all types of resources (e.g. rainfall, GPM, hurricanes, etc.)";
-  if (this.collectionSearchType === "collection") {
-    placeholder = "Search collections (e.g. AQUA, GPM_3IMERGH, etc.)";
-  }
-  if (this.collectionSearchType === "variable") {
-    placeholder = "Search variables (e.g. rainfall, hurricanes, etc.)";
-  }
-  return html`
-            <terra-accordion .open=${this.collectionAccordionOpen}>
-                <div slot="summary">
-                    <span class="accordion-title">Collection:</span>
-                </div>
-
-                <div
-                    slot="summary-right"
-                    style="display: flex; align-items: center; gap: 10px"
-                >
-                    ${this.collectionEntryId ? html` <span
-                                  class="accordion-value"
-                                  id="selected-collection-display"
-                                  >${this.collectionEntryId}</span
-                              >
-
-                              <button
-                                  class="reset-btn"
-                                  @click=${() => this.collectionEntryId = void 0}
-                              >
-                                  Reset
-                              </button>` : nothing}
-                </div>
-
-                <div class="search-tabs-mini">
-                    <button
-                        class="search-tab-mini ${this.collectionSearchType === "all" ? "active" : ""}"
-                        @click=${() => this.collectionSearchType = "all"}
-                    >
-                        All
-                    </button>
-                    <button
-                        class="search-tab-mini ${this.collectionSearchType === "collection" ? "active" : ""}"
-                        @click=${() => this.collectionSearchType = "collection"}
-                    >
-                        Collections
-                    </button>
-                    <button
-                        class="search-tab-mini ${this.collectionSearchType === "variable" ? "active" : ""}"
-                        @click=${() => this.collectionSearchType = "variable"}
-                    >
-                        Variables
-                    </button>
-                </div>
-
-                <div class="search-container-mini">
-                    <input
-                        type="text"
-                        class="search-input-mini"
-                        id="search-input"
-                        placeholder=${placeholder}
-                        @input="${(e) => this.handleCollectionSearch(
-    e.target.value
-  )}"
-                    />
-
-                    <button class="search-button-mini">
-                        <svg
-                            class="search-icon-mini"
-                            viewBox="0 0 24 24"
-                            fill="currentColor"
-                        >
-                            <path
-                                d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
-                            />
-                        </svg>
-                        Search
-                    </button>
-                </div>
-
-                <!-- TODO: it may be nice to have a quick search, perhaps by recent trends? 
-                <div class="quick-links-mini">
-                    <a href="#" class="quick-link-mini" onclick="quickSearch('GPM')"
-                        >GPM Precipitation</a
-                    >
-                    <a href="#" class="quick-link-mini" onclick="quickSearch('MODIS')"
-                        >MODIS Data</a
-                    >
-                    <a
-                        href="#"
-                        class="quick-link-mini"
-                        onclick="quickSearch('Landsat')"
-                        >Landsat Imagery</a
-                    >
-                    <a href="#" class="quick-link-mini" onclick="quickSearch('AIRS')"
-                        >Atmospheric Data</a
-                    >
-                </div>
-                -->
-
-                <div id="search-results-section" class="search-results-section">
-                    ${this.collectionSearchLoading ? html`
-                              <div id="loading-mini" class="loading-mini">
-                                  <div class="spinner-mini"></div>
-                                  <div>Searching NASA CMR...</div>
-                              </div>
-                          ` : ((_a = this.collectionSearchResults) == null ? void 0 : _a.length) ? html` <div
-                                id="results-container-mini"
-                                class="results-container-mini"
-                            >
-                                ${(_b = this.collectionSearchResults) == null ? void 0 : _b.map(
-    (item) => html`
-                                        <div
-                                            class="result-item-mini"
-                                            @click=${() => {
-      this.collectionEntryId = item.collectionEntryId;
-      this.collectionAccordionOpen = false;
-      this.collectionLoading = true;
-      if (item.type === "variable") {
-        this.selectedVariables = [
-          {
-            name: item.entryId,
-            href: "",
-            conceptId: item.conceptId
-          }
-        ];
-      }
-      this.requestUpdate();
-    }}
-                                            style="cursor: pointer;"
-                                        >
-                                            <div class="result-title-mini">
-                                                ${item.title}
-                                            </div>
-                                            <div class="result-id-mini">
-                                                ${item.entryId}
-                                            </div>
-                                            <div class="result-description-mini">
-                                                ${item.summary || item.title}
-                                            </div>
-                                            <div class="result-meta-mini">
-                                                <span>📅 2000-02-24 - ongoing</span>
-                                                <span>🌍 Global</span>
-                                                <span>🏢 ${item.provider}</span>
-                                                ${item.type === "variable" ? html` <span
-                                                          >📊
-                                                          ${item.collectionEntryId}</span
-                                                      >` : nothing}
-                                                <span class="tag-mini"
-                                                    >${item.type.toUpperCase()}</span
-                                                >
-                                            </div>
-                                        </div>
-                                    `
-  )}
-                            </div>` : this.collectionSearchResults && this.collectionSearchResults.length === 0 ? html`<div id="no-results-mini" class="no-results-mini">
-                                  <p>
-                                      No results found for
-                                      '${this.collectionSearchQuery}'. Try adjusting
-                                      your search term.
-                                  </p>
-                              </div>` : nothing}
-                </div>
-            </terra-accordion>
-
-            ${this.collectionLoading ? html`
-                      <div
-                          class="collection-loading-bar"
-                          style="display: flex; align-items: center; gap: 10px; margin: 16px 0;"
-                      >
-                          <span
-                              class="loading-spinner"
-                              style="width: 20px; height: 20px; border: 3px solid #ccc; border-top: 3px solid #31708f; border-radius: 50%; display: inline-block; animation: spin 1s linear infinite;"
-                          ></span>
-                          Retrieving collection, please wait...
-                      </div>
-                      <style>
-                          @keyframes spin {
-                              0% {
-                                  transform: rotate(0deg);
-                              }
-                              100% {
-                                  transform: rotate(360deg);
-                              }
-                          }
-                      </style>
-                  ` : nothing}
-        `;
-};
-_renderOutputFormatSelection = new WeakSet();
-renderOutputFormatSelection_fn = function() {
-  var _a, _b;
-  const hasGiovanniService = (_b = (_a = this.collectionWithServices) == null ? void 0 : _a.services) == null ? void 0 : _b.some(
-    (s) => s.name.indexOf("giovanni") !== -1
-  );
-  return html`
-            <terra-accordion>
-                <div slot="summary">
-                    <span class="accordion-title">File Format:</span>
-                </div>
-
-                <div
-                    slot="summary-right"
-                    style="display: flex; align-items: center; gap: 10px;"
-                >
-                    <span
-                        >${getFriendlyNameForMimeType(
-    this.selectedFormat,
-    hasGiovanniService
-  )}</span
-                    >
-
-                    <button class="reset-btn" @click=${__privateGet(this, _resetFormatSelection)}>
-                        Reset
-                    </button>
-                </div>
-
-                <div class="accordion-content" style="margin-top: 12px;">
-                    ${(() => {
-    var _a2;
-    const allFormats = ((_a2 = this.collectionWithServices) == null ? void 0 : _a2.outputFormats) || [];
-    const uniqueFormats = Array.from(new Set(allFormats));
-    const hasNetcdf4 = uniqueFormats.includes(
-      "application/x-netcdf4"
-    );
-    const hasNetcdfClassic = uniqueFormats.includes("application/netcdf");
-    let displayFormats = uniqueFormats;
-    if (hasNetcdf4 && hasNetcdfClassic) {
-      displayFormats = uniqueFormats.filter(
-        (f) => f !== "application/netcdf"
-      );
-    }
-    return displayFormats.map(
-      (format) => html`
-                                <label
-                                    style="display: flex; align-items: center; gap: 8px; padding: 5px;"
-                                >
-                                    <input
-                                        type="radio"
-                                        name="output-format"
-                                        value="${format}"
-                                        .checked=${this.selectedFormat === format}
-                                        @change=${() => this.selectedFormat = format}
-                                    />
-                                    ${getFriendlyNameForMimeType(
-        format,
-        hasGiovanniService
-      )}
-                                </label>
-                            `
-    );
-  })()}
-                </div>
-            </terra-accordion>
-        `;
-};
-_renderDateRangeSelection = new WeakSet();
-renderDateRangeSelection_fn = function() {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const { startDate: defaultStartDate, endDate: defaultEndDate } = __privateMethod(this, _getCollectionDateRange, getCollectionDateRange_fn).call(this);
-  const startDate = (_b = (_a = this.selectedDateRange.startDate) != null ? _a : this.granuleMinDate) != null ? _b : defaultStartDate;
-  const endDate = (_d = (_c = this.selectedDateRange.endDate) != null ? _c : this.granuleMaxDate) != null ? _d : defaultEndDate;
-  const showError = this.touchedFields.has("date") && (!this.selectedDateRange.startDate || !this.selectedDateRange.endDate);
-  return html`
-            <terra-accordion>
-                <div slot="summary">
-                    <span class="accordion-title">Refine Date Range:</span>
-                </div>
-
-                <div
-                    slot="summary-right"
-                    style="display: flex; align-items: center; gap: 10px;"
-                >
-                    ${showError ? html`<span class="accordion-value error"
-                              >Please select a date range</span
-                          >` : this.touchedFields.has("date") && startDate && endDate ? html`<span class="accordion-value"
-                                >${startDate} to ${endDate}</span
-                            >` : nothing}
-                    <button class="reset-btn" @click=${__privateGet(this, _resetDateRangeSelection)}>
-                        Reset
-                    </button>
-                </div>
-
-                <div style="width: 300px">
-                    <terra-date-picker
-                        allow-input
-                        inline
-                        range
-                        split-inputs
-                        show-presets
-                        ?enable-time=${this.controller.isSubDaily}
-                        start-label="Start Date"
-                        end-label="End Date"
-                        .minDate=${(_e = this.granuleMinDate) != null ? _e : defaultStartDate}
-                        .maxDate=${(_f = this.granuleMaxDate) != null ? _f : defaultEndDate}
-                        .startDate=${(_g = this.selectedDateRange.startDate) != null ? _g : this.granuleMinDate}
-                        .endDate=${(_h = this.selectedDateRange.endDate) != null ? _h : this.granuleMaxDate}
-                        .useEndOfDay=${__privateMethod(this, _isGiovanniFormat, isGiovanniFormat_fn).call(this) ? false : true}
-                        @terra-date-range-change=${__privateGet(this, _handleDateChange)}
-                    ></terra-date-picker>
-                </div>
-
-                <div
-                    style="display: flex; gap: 16px; margin-top: 15px; color: #31708f;"
-                >
-                    <span
-                        ><strong>Available Range:</strong> ${defaultStartDate} to
-                        ${defaultEndDate}</span
-                    >
-                    ${this.controller.isSubDaily ? html`<span
-                              ><strong>Note:</strong> All dates and times are in
-                              UTC.</span
-                          >` : nothing}
-                </div>
-            </terra-accordion>
-        `;
-};
-_handleDateChange = new WeakMap();
-_resetDateRangeSelection = new WeakMap();
-_resetFormatSelection = new WeakMap();
-_getCollectionDateRange = new WeakSet();
-getCollectionDateRange_fn = function() {
-  var _a, _b;
-  const samplingMinDate = this.controller.granuleMinDate;
-  const samplingMaxDate = this.controller.granuleMaxDate;
-  if (samplingMinDate && samplingMaxDate) {
-    return {
-      startDate: samplingMinDate.slice(0, 10),
-      endDate: samplingMaxDate.slice(0, 10)
-    };
-  }
-  const temporalExtents = (_b = (_a = this.collectionWithServices) == null ? void 0 : _a.collection) == null ? void 0 : _b.TemporalExtents;
-  if (!temporalExtents || !temporalExtents.length)
-    return {
-      startDate: null,
-      endDate: null
-    };
-  let minStart = null;
-  let maxEnd = null;
-  const today = /* @__PURE__ */ new Date();
-  for (const temporal of temporalExtents) {
-    for (const range of temporal.RangeDateTimes) {
-      const start = new Date(range.BeginningDateTime);
-      let end;
-      if (temporal.EndsAtPresentFlag || !range.EndingDateTime) {
-        end = today;
-      } else {
-        end = new Date(range.EndingDateTime);
-      }
-      if (!minStart || start < minStart)
-        minStart = start;
-      if (!maxEnd || end > maxEnd)
-        maxEnd = end;
-    }
-  }
-  return {
-    startDate: minStart ? minStart.toISOString().slice(0, 10) : null,
-    endDate: maxEnd ? maxEnd.toISOString().slice(0, 10) : null
-  };
-};
-_handleRegionAccordionToggle = new WeakSet();
-handleRegionAccordionToggle_fn = function() {
-  var _a;
-  (_a = this.spatialPicker) == null ? void 0 : _a.invalidateSize();
-};
-_renderSpatialSelection = new WeakSet();
-renderSpatialSelection_fn = function() {
-  var _a, _b, _c, _d, _e;
-  const showError = this.touchedFields.has("spatial") && !this.spatialSelection;
-  let boundingRects = (_e = (_d = (_c = (_b = (_a = this.collectionWithServices) == null ? void 0 : _a.collection) == null ? void 0 : _b.SpatialExtent) == null ? void 0 : _c.HorizontalSpatialDomain) == null ? void 0 : _d.Geometry) == null ? void 0 : _e.BoundingRectangles;
-  if (boundingRects && !Array.isArray(boundingRects)) {
-    boundingRects = [boundingRects];
-  }
-  let spatialString = "";
-  if (this.isLatLng(this.spatialSelection)) {
-    spatialString = `${this.spatialSelection.lat}, ${this.spatialSelection.lng}`;
-  } else if (this.isLatLngBounds(this.spatialSelection)) {
-    spatialString = `${this.spatialSelection.getSouthWest().lat}, ${this.spatialSelection.getSouthWest().lng}, ${this.spatialSelection.getNorthEast().lat}, ${this.spatialSelection.getNorthEast().lng}`;
-  } else if (this.spatialSelection && "w" in this.spatialSelection && "s" in this.spatialSelection && "e" in this.spatialSelection && "n" in this.spatialSelection) {
-    spatialString = `${this.spatialSelection.w}, ${this.spatialSelection.s}, ${this.spatialSelection.e}, ${this.spatialSelection.n}`;
-  } else if (this.spatialSelection) {
-    spatialString = this.spatialSelection;
-  }
-  return html`
-            <terra-accordion
-                @terra-accordion-toggle=${__privateMethod(this, _handleRegionAccordionToggle, handleRegionAccordionToggle_fn)}
-            >
-                <div slot="summary">
-                    <span class="accordion-title">Refine Region:</span>
-                </div>
-
-                <div
-                    slot="summary-right"
-                    style="display: flex; align-items: center; gap: 10px;"
-                >
-                    ${showError ? html`<span class="accordion-value error"
-                              >Please select a region</span
-                          >` : spatialString ? html`<span class="accordion-value"
-                                >${spatialString}</span
-                            >` : nothing}
-                    <button class="reset-btn" @click=${__privateGet(this, _resetSpatialSelection)}>
-                        Reset
-                    </button>
-                </div>
-                <div class="accordion-content">
-                    <terra-spatial-picker
-                        part="spatial-picker"
-                        inline
-                        hide-label
-                        hide-point-selection
-                        no-world-wrap
-                        .spatialConstraints=${this.controller.spatialConstraints || "-180, -90, 180, 90"}
-                        .initialValue=${spatialString}
-                        @terra-map-change=${__privateGet(this, _handleSpatialChange)}
-                    ></terra-spatial-picker>
-                    <div
-                        style="display: flex; gap: 16px; margin-top: 15px; color: #31708f;"
-                    >
-                        <span
-                            ><strong>Available Range:</strong> ${this.controller.spatialConstraints}</span
-                        >
-                    </div>
-                </div>
-            </terra-accordion>
-        `;
-};
-_handleSpatialChange = new WeakMap();
-_resetSpatialSelection = new WeakMap();
-_renderVariableSelection = new WeakSet();
-renderVariableSelection_fn = function() {
-  var _a;
-  const variables = ((_a = this.collectionWithServices) == null ? void 0 : _a.variables) || [];
-  const giovanniError = this.touchedFields.has("variables") && __privateMethod(this, _getGiovanniValidationError, getGiovanniValidationError_fn).call(this);
-  const basicError = this.touchedFields.has("variables") && this.selectedVariables.length === 0;
-  const showError = giovanniError || basicError;
-  const errorMessage = giovanniError || (basicError ? "Please select at least one variable" : "");
-  const tree = __privateMethod(this, _buildVariableTree, buildVariableTree_fn).call(this, variables);
-  const allGroups = __privateMethod(this, _getAllGroupPaths, getAllGroupPaths_fn).call(this, tree);
-  const allExpanded = allGroups.length > 0 && allGroups.every((g) => this.expandedVariableGroups.has(g));
-  return html`
-            <terra-accordion>
-                <div slot="summary">
-                    <span class="accordion-title">Select Variables:</span>
-                </div>
-                <div
-                    slot="summary-right"
-                    style="display: flex; align-items: center; gap: 10px;"
-                >
-                    ${showError ? html`<span class="accordion-value error"
-                              >${errorMessage}</span
-                          >` : this.selectedVariables.length ? html`<span class="accordion-value"
-                                >${this.selectedVariables.length} selected</span
-                            >` : nothing}
-
-                    <button class="reset-btn" @click=${__privateGet(this, _resetVariableSelection)}>
-                        Reset
-                    </button>
-                </div>
-                <div class="accordion-content">
-                    <terra-input
-                        label="Filter variables"
-                        placeholder="Search by variable name..."
-                        .value=${this.variableFilterText}
-                        @input=${(e) => {
-    const input = e.target;
-    this.variableFilterText = input.value;
-    __privateMethod(this, _handleVariableFilterChange, handleVariableFilterChange_fn).call(this);
-  }}
-                        style="margin-bottom: 10px;"
-                    ></terra-input>
-                    <button
-                        class="reset-btn"
-                        style="margin-bottom: 10px;"
-                        @click=${() => __privateMethod(this, _toggleExpandCollapseAll, toggleExpandCollapseAll_fn).call(this, tree)}
-                    >
-                        ${allExpanded ? "Collapse Tree" : "Expand Tree"}
-                    </button>
-
-                    ${__privateMethod(this, _isGiovanniFormat, isGiovanniFormat_fn).call(this) && this.giovanniConfiguredVariables ? html`
-                              <terra-alert
-                                  open
-                                  appearance="white"
-                                  style="margin: 10px 0"
-                              >
-                                  <terra-icon
-                                      slot="icon"
-                                      name="outline-information-circle"
-                                      library="heroicons"
-                                  ></terra-icon>
-                                  Only certain variables are supported for the
-                                  selected output format. (Giovanni service)
-                              </terra-alert>
-                              <terra-alert
-                                  open
-                                  appearance="white"
-                                  style="margin: 10px 0"
-                              >
-                                  <terra-icon
-                                      slot="icon"
-                                      name="outline-information-circle"
-                                      library="heroicons"
-                                  ></terra-icon>
-                                  User's are allowed to select only one variable for
-                                  the selected output format. (Giovanni service)
-                              </terra-alert>
-                          ` : nothing}
-                    ${variables.length === 0 ? html`<p style="color: #666; font-style: italic;">
-                              No variables available for this collection.
-                          </p>` : __privateMethod(this, _renderVariableTree, renderVariableTree_fn).call(this, __privateMethod(this, _filterVariableTree, filterVariableTree_fn).call(this, tree), [])}
-                </div>
-            </terra-accordion>
-        `;
-};
-_filterVariableTree = new WeakSet();
-filterVariableTree_fn = function(tree) {
-  if (!this.variableFilterText.trim()) {
-    return tree;
-  }
-  const filterText = this.variableFilterText.toLowerCase().trim();
-  const filterNode = (node) => {
-    const result = {};
-    for (const [key, value] of Object.entries(node)) {
-      if (value.__isLeaf) {
-        const variableName = value.__variable.name.toLowerCase();
-        if (variableName.includes(filterText)) {
-          result[key] = value;
-        }
-      } else {
-        const filteredChildren = filterNode(value.__children);
-        if (Object.keys(filteredChildren).length > 0 || key.toLowerCase().includes(filterText)) {
-          result[key] = __spreadProps(__spreadValues({}, value), {
-            __children: filteredChildren
-          });
-        }
-      }
-    }
-    return result;
-  };
-  return filterNode(tree);
-};
-_handleVariableFilterChange = new WeakSet();
-handleVariableFilterChange_fn = function() {
-  var _a;
-  if (!this.variableFilterText.trim()) {
-    return;
-  }
-  const variables = ((_a = this.collectionWithServices) == null ? void 0 : _a.variables) || [];
-  const tree = __privateMethod(this, _buildVariableTree, buildVariableTree_fn).call(this, variables);
-  const filterText = this.variableFilterText.toLowerCase().trim();
-  const groupsToExpand = /* @__PURE__ */ new Set();
-  const findMatchingGroups = (node, path = []) => {
-    for (const [key, value] of Object.entries(node)) {
-      if (value.__isLeaf) {
-        const variableName = value.__variable.name.toLowerCase();
-        if (variableName.includes(filterText)) {
-          for (let i = 0; i < path.length; i++) {
-            const groupPath = path.slice(0, i + 1).join("/");
-            groupsToExpand.add(groupPath);
-          }
-        }
-      } else {
-        const groupPath = [...path, key].join("/");
-        findMatchingGroups(value.__children, [...path, key]);
-        if (key.toLowerCase().includes(filterText)) {
-          groupsToExpand.add(groupPath);
-        }
-      }
-    }
-  };
-  findMatchingGroups(tree);
-  if (groupsToExpand.size > 0) {
-    this.expandedVariableGroups = /* @__PURE__ */ new Set([
-      ...this.expandedVariableGroups,
-      ...groupsToExpand
-    ]);
-  }
-};
-_buildVariableTree = new WeakSet();
-buildVariableTree_fn = function(variables) {
-  let filteredVariables = variables;
-  if (__privateMethod(this, _isGiovanniFormat, isGiovanniFormat_fn).call(this) && this.giovanniConfiguredVariables) {
-    const originalCount = variables.length;
-    filteredVariables = variables.filter((v) => {
-      var _a, _b, _c;
-      const shortName = (_a = this.collectionWithServices) == null ? void 0 : _a.shortName;
-      const version = (_c = (_b = this.collectionWithServices) == null ? void 0 : _b.collection) == null ? void 0 : _c.Version;
-      if (!shortName || !version) {
-        return false;
-      }
-      const giovanniVariableName = convertVariableEntryIdToGiovanniFormat(
-        shortName,
-        version,
-        v.name
-      );
-      return this.giovanniConfiguredVariables.has(giovanniVariableName);
-    });
-    console.log(
-      `Filtered ${originalCount - filteredVariables.length} variables for Giovanni format. Showing ${filteredVariables.length} of ${originalCount}.`
-    );
-  }
-  const root = {};
-  for (const v of filteredVariables) {
-    const parts = v.name.split("/");
-    let node = root;
-    for (let i = 0; i < parts.length; i++) {
-      const part = parts[i];
-      if (!node[part])
-        node[part] = { __children: {}, __isLeaf: false };
-      if (i === parts.length - 1) {
-        node[part].__isLeaf = true;
-        node[part].__variable = v;
-      }
-      node = node[part].__children;
-    }
-  }
-  return root;
-};
-_renderVariableTree = new WeakSet();
-renderVariableTree_fn = function(node, path) {
-  const isGiovanni = __privateMethod(this, _isGiovanniFormat, isGiovanniFormat_fn).call(this);
-  return html`
-            <div style="margin-left: ${path.length * 20}px;">
-                ${Object.entries(node).map(([key, value]) => {
-    var _a;
-    const groupPath = [...path, key].join("/");
-    if (value.__isLeaf) {
-      const variableDetail = (_a = this.variableDetails) == null ? void 0 : _a.find(
-        (d) => d.name === value.__variable.name && d.longName !== value.__variable.name
-      );
-      const variableName = (variableDetail == null ? void 0 : variableDetail.longName) ? `${key} = ${variableDetail.longName}${variableDetail.units ? ` (${variableDetail.units})` : ""}` : key;
-      return html`
-                            <div class="option-row">
-                                <label class="checkbox-option">
-                                    <input
-                                        type="${isGiovanni ? "radio" : "checkbox"}"
-                                        name="${isGiovanni ? "variable-selection" : ""}"
-                                        .checked=${this.selectedVariables.some(
-        (v) => v.name === value.__variable.name
-      )}
-                                        @change=${(e) => __privateMethod(this, _toggleVariableSelection, toggleVariableSelection_fn).call(this, e, value.__variable)}
-                                    />
-                                    <span>${variableName}</span>
-                                </label>
-                            </div>
-                        `;
-    } else {
-      const expanded = this.expandedVariableGroups.has(groupPath);
-      return html`
-                            <div class="option-row" style="align-items: flex-start;">
-                                <span
-                                    style="cursor: pointer; display: flex; align-items: center;"
-                                    @click=${() => __privateMethod(this, _toggleGroupExpand, toggleGroupExpand_fn).call(this, groupPath)}
-                                >
-                                    <terra-icon
-                                        library="heroicons"
-                                        name="${expanded ? "outline-minus-circle" : "outline-plus-circle"}"
-                                        style="margin-right: 4px;"
-                                    ></terra-icon>
-                                    <span style="font-weight: 500;">${key}</span>
-                                </span>
-                            </div>
-                            ${expanded ? __privateMethod(this, _renderVariableTree, renderVariableTree_fn).call(this, value.__children, [
-        ...path,
-        key
-      ]) : ""}
-                        `;
-    }
-  })}
-            </div>
-        `;
-};
-_getAllGroupPaths = new WeakSet();
-getAllGroupPaths_fn = function(node, path = []) {
-  let groups = [];
-  for (const [key, value] of Object.entries(node)) {
-    if (!value.__isLeaf) {
-      const groupPath = [...path, key].join("/");
-      groups.push(groupPath);
-      groups = groups.concat(
-        __privateMethod(this, _getAllGroupPaths, getAllGroupPaths_fn).call(this, value.__children, [...path, key])
-      );
-    }
-  }
-  return groups;
-};
-_toggleGroupExpand = new WeakSet();
-toggleGroupExpand_fn = function(groupPath) {
-  const set = new Set(this.expandedVariableGroups);
-  if (set.has(groupPath)) {
-    set.delete(groupPath);
-  } else {
-    set.add(groupPath);
-  }
-  this.expandedVariableGroups = set;
-};
-_toggleExpandCollapseAll = new WeakSet();
-toggleExpandCollapseAll_fn = function(tree) {
-  const allGroups = __privateMethod(this, _getAllGroupPaths, getAllGroupPaths_fn).call(this, tree);
-  const allExpanded = allGroups.length > 0 && allGroups.every((g) => this.expandedVariableGroups.has(g));
-  if (allExpanded) {
-    this.expandedVariableGroups = /* @__PURE__ */ new Set();
-  } else {
-    this.expandedVariableGroups = new Set(allGroups);
-  }
-};
-_toggleVariableSelection = new WeakSet();
-toggleVariableSelection_fn = function(e, variable) {
-  __privateMethod(this, _markFieldTouched, markFieldTouched_fn).call(this, "variables");
-  const checked = e.target.checked;
-  if (__privateMethod(this, _isGiovanniFormat, isGiovanniFormat_fn).call(this)) {
-    if (checked) {
-      this.selectedVariables = [variable];
-    }
-  } else {
-    if (checked) {
-      if (!this.selectedVariables.some((v) => v.name === variable.name)) {
-        this.selectedVariables = [...this.selectedVariables, variable];
-      }
-    } else {
-      this.selectedVariables = this.selectedVariables.filter(
-        (v) => v.name !== variable.name
-      );
-    }
-  }
-};
-_markFieldTouched = new WeakSet();
-markFieldTouched_fn = function(field) {
-  this.touchedFields = new Set(this.touchedFields).add(field);
-};
-_resetVariableSelection = new WeakMap();
-_renderJobStatus = new WeakSet();
-renderJobStatus_fn = function() {
-  var _a, _b;
-  if (!((_a = this.controller.currentJob) == null ? void 0 : _a.jobID)) {
-    return html`<div class="results-section" id="job-status-section">
-                <div
-                    style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;"
-                >
-                    <h2 class="results-title" style="margin: 0;">Results:</h2>
-                    ${!this.isHistoryView ? html`
-                              <terra-button
-                                  variant="default"
-                                  size="small"
-                                  @click=${__privateMethod(this, _backToSubsetOptions, backToSubsetOptions_fn)}
-                              >
-                                  ← Back to Subset Options
-                              </terra-button>
-                          ` : nothing}
-                </div>
-
-                <div class="progress-container">
-                    <div class="progress-text">
-                        <span class="spinner"></span>
-                        <span class="status-running">Searching for data...</span>
-                    </div>
-
-                    <div class="progress-bar">
-                        <div class="progress-fill" style="width: 0%"></div>
-                    </div>
-                </div>
-
-                ${__privateMethod(this, _renderJobMessage, renderJobMessage_fn).call(this)}
-            </div>`;
-  }
-  return html`
-            <div class="results-section" id="job-status-section">
-                <div
-                    style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;"
-                >
-                    <h2 class="results-title" style="margin: 0;">Results:</h2>
-                    ${!this.isHistoryView ? html`
-                              <terra-button
-                                  variant="default"
-                                  size="small"
-                                  @click=${__privateMethod(this, _backToSubsetOptions, backToSubsetOptions_fn)}
-                              >
-                                  ← Back to Subset Options
-                              </terra-button>
-                          ` : nothing}
-                </div>
-
-                ${this.controller.currentJob.status !== "canceled" && this.controller.currentJob.status !== "failed" ? html` <div class="progress-container">
-                          <div class="progress-text">
-                              ${this.controller.currentJob.progress >= 100 ? html`
-                                        <span class="status-complete"
-                                            >✓ Search complete</span
-                                        >
-                                    ` : html`
-                                        <span class="spinner"></span>
-                                        <span class="status-running"
-                                            >Searching for data...
-                                            (${this.controller.currentJob.progress}%)</span
-                                        >
-                                    `}
-                          </div>
-
-                          <div class="progress-bar">
-                              <div
-                                  class="progress-fill"
-                                  style="width: ${this.controller.currentJob.progress}%"
-                              ></div>
-                          </div>
-                      </div>` : nothing}
-
-                <div class="search-status">
-                    <span class="file-count"
-                        >Found ${__privateMethod(this, _numberOfFilesFoundEstimate, numberOfFilesFoundEstimate_fn).call(this)} files</span
-                    >
-                    out of estimated
-                    <span class="estimated-total"
-                        >${this.controller.currentJob.numInputGranules.toLocaleString()}</span
-                    >
-                </div>
-
-                ${__privateMethod(this, _renderJobMessage, renderJobMessage_fn).call(this)}
-                ${((_b = this.controller.currentJob.errors) == null ? void 0 : _b.length) ? html`
-                          <terra-accordion>
-                              <div slot="summary">
-                                  <span
-                                      class="accordion-title"
-                                      style="color: #dc3545;"
-                                      >Errors
-                                      (${this.controller.currentJob.errors.length})</span
-                                  >
-                              </div>
-                              <div class="accordion-content">
-                                  <ul
-                                      style="color: #dc3545; font-size: 14px; padding-left: 20px;"
-                                  >
-                                      ${this.controller.currentJob.errors.map(
-    (err) => html`
-                                              <li style="margin-bottom: 12px;">
-                                                  <a
-                                                      href="${err.url}"
-                                                      target="_blank"
-                                                      style="word-break: break-all; color: #dc3545; text-decoration: underline;"
-                                                  >
-                                                      ${err.url}
-                                                  </a>
-                                                  <div style="margin-top: 2px;">
-                                                      ${err.message}
-                                                  </div>
-                                              </li>
-                                          `
-  )}
-                                  </ul>
-                              </div>
-                          </terra-accordion>
-                      ` : nothing}
-
-                <div class="tabs">
-                    <button
-                        class="tab ${this.selectedTab === "web-links" ? "active" : ""}"
-                        @click=${() => this.selectedTab = "web-links"}
-                    >
-                        Web Links
-                    </button>
-
-                    ${!this.isHistoryView ? html`
-                              <button
-                                  class="tab ${this.selectedTab === "selected-params" ? "active" : ""}"
-                                  @click=${() => this.selectedTab = "selected-params"}
-                              >
-                                  Selected Parameters
-                              </button>
-                          ` : nothing}
-                </div>
-                <div
-                    id="web-links"
-                    class="tab-content ${this.selectedTab === "web-links" ? "active" : ""}"
-                >
-                    ${__privateMethod(this, _getDocumentationLinks, getDocumentationLinks_fn).call(this).length ? html`
-                              <div class="documentation-links">
-                                  ${__privateMethod(this, _getDocumentationLinks, getDocumentationLinks_fn).call(this).map(
-    (link) => html`
-                                          <a href="${link.href}" class="doc-link"
-                                              >${link.title}</a
-                                          >
-                                      `
-  )}
-                              </div>
-                          ` : nothing}
-
-                    <ul class="file-list">
-                        ${__privateMethod(this, _getDataLinks, getDataLinks_fn).call(this).map(
-    (link) => html`
-                                <li class="file-item">
-                                    <a
-                                        href="${link.href}"
-                                        class="file-link"
-                                        target="_blank"
-                                    >
-                                        ${link.title}
-                                    </a>
-                                </li>
-                            `
-  )}
-                    </ul>
-                </div>
-
-                <div
-                    id="selected-params"
-                    class="tab-content ${this.selectedTab === "selected-params" ? "active" : ""}"
-                >
-                    ${__privateMethod(this, _renderSelectedParams, renderSelectedParams_fn).call(this)}
-                </div>
-            </div>
-
-            ${!this.dialog ? html`
-                      <div class="footer">
-                          ${this.controller.currentJob.status === "successful" /* SUCCESSFUL */ || this.controller.currentJob.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ ? html`
-                                    <div
-                                        style="display: flex; align-items: center; gap: 8px;"
-                                    >
-                                        <terra-dropdown
-                                            @terra-select=${__privateMethod(this, _handleDownloadSelect, handleDownloadSelect_fn)}
-                                        >
-                                            <terra-button slot="trigger" caret>
-                                                Download Options
-                                            </terra-button>
-                                            <terra-menu>
-                                                <terra-menu-item value="file-list">
-                                                    <svg
-                                                        slot="prefix"
-                                                        viewBox="0 0 24 24"
-                                                        width="16"
-                                                        height="16"
-                                                        style="width: 16px; height: 16px;"
-                                                    >
-                                                        <path
-                                                            fill="currentColor"
-                                                            d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
-                                                        />
-                                                    </svg>
-                                                    File List
-                                                </terra-menu-item>
-                                                <terra-menu-item
-                                                    value="python-script"
-                                                >
-                                                    <svg
-                                                        slot="prefix"
-                                                        viewBox="0 0 128 128"
-                                                        width="16"
-                                                        height="16"
-                                                        style="width: 16px; height: 16px;"
-                                                    >
-                                                        <path
-                                                            fill="currentColor"
-                                                            d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
-                                                        ></path>
-                                                    </svg>
-                                                    Python Script
-                                                </terra-menu-item>
-                                                <terra-menu-item
-                                                    value="earthdata-download"
-                                                >
-                                                    <svg
-                                                        slot="prefix"
-                                                        viewBox="0 0 64 64"
-                                                        fill="none"
-                                                        width="16"
-                                                        height="16"
-                                                        style="width: 16px; height: 16px;"
-                                                    >
-                                                        <circle
-                                                            cx="32"
-                                                            cy="32"
-                                                            r="28"
-                                                            fill="currentColor"
-                                                        />
-                                                        <path
-                                                            d="M32 14v26M32 40l-9-9M32 40l9-9"
-                                                            stroke="#fff"
-                                                            stroke-width="4"
-                                                            stroke-linecap="round"
-                                                            stroke-linejoin="round"
-                                                            fill="none"
-                                                        />
-                                                    </svg>
-                                                    Earthdata Download
-                                                </terra-menu-item>
-                                            </terra-menu>
-                                        </terra-dropdown>
-
-                                        <!--
-                                        <terra-button
-                                            outline
-                                            @click=${() => __privateMethod(this, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn).call(this)}
-                                        >
-                                            <terra-icon
-                                                name="outline-code-bracket"
-                                                library="heroicons"
-                                                font-size="1.5em"
-                                                style="margin-right: 5px;"
-                                            ></terra-icon>
-                                            Open in Jupyter Notebook
-                                        </terra-button>
---></div>
-                                ` : nothing}
-                          ${this.controller.currentJob.status === "running" ? html`<button
-                                    class="btn btn-success"
-                                    @click=${__privateMethod(this, _cancelJob, cancelJob_fn)}
-                                    ?disabled=${this.cancelingGetData}
-                                >
-                                    ${this.cancelingGetData ? "Canceling..." : "Cancel request"}
-                                </button>` : nothing}
-
-                          <div class="job-info">
-                              Job ID:
-                              <span class="job-id">
-                                  ${this.bearerToken ? html`<a
-                                            href="https://harmony.earthdata.nasa.gov/jobs/${this.controller.currentJob.jobID}"
-                                            target="_blank"
-                                            >${this.controller.currentJob.jobID}</a
-                                        >` : this.controller.currentJob.jobID}
-                              </span>
-                              <span class="info-icon">?</span>
-                          </div>
-                      </div>
-                  ` : nothing}
-        `;
-};
-_renderSelectedParams = new WeakSet();
-renderSelectedParams_fn = function() {
-  var _a, _b;
-  const collection = (_a = this.collectionWithServices) == null ? void 0 : _a.collection;
-  const variables = this.selectedVariables.length ? this.selectedVariables.map((v) => v.name) : ["All"];
-  const dateRange = this.selectedDateRange.startDate && this.selectedDateRange.endDate ? `${this.selectedDateRange.startDate} to ${this.selectedDateRange.endDate}` : "\u2014";
-  let spatial = "\u2014";
-  if (this.spatialSelection) {
-    if ("w" in this.spatialSelection) {
-      spatial = `Bounding Box: ${this.spatialSelection.w}, ${this.spatialSelection.s}, ${this.spatialSelection.e}, ${this.spatialSelection.n}`;
-    } else if ("lat" in this.spatialSelection && "lng" in this.spatialSelection) {
-      spatial = `Point: ${this.spatialSelection.lat}, ${this.spatialSelection.lng}`;
-    }
-  }
-  return html`
-            <dl class="params-summary">
-                <div>
-                    <dt><strong>Dataset</strong></dt>
-                    <dd>${(_b = collection == null ? void 0 : collection.EntryTitle) != null ? _b : "\u2014"}</dd>
-                </div>
-                <div>
-                    <dt><strong>Variables</strong></dt>
-                    <dd>${variables.map((v) => html`<div>${v}</div>`)}</dd>
-                </div>
-                <div>
-                    <dt><strong>Date Range</strong></dt>
-                    <dd>${dateRange}</dd>
-                </div>
-                <div>
-                    <dt><strong>Spatial</strong></dt>
-                    <dd>${spatial}</dd>
-                </div>
-            </dl>
-
-            <terra-button @click=${__privateMethod(this, _refineParameters, refineParameters_fn)}
-                >Refine Parameters</terra-button
-            >
-        `;
-};
-_cancelJob = new WeakSet();
-cancelJob_fn = function() {
-  this.cancelingGetData = true;
-  this.controller.cancelCurrentJob();
-};
-_getData = new WeakSet();
-getData_fn = function() {
-  const validationError = __privateMethod(this, _getGiovanniValidationError, getGiovanniValidationError_fn).call(this);
-  if (validationError) {
-    this.validationError = validationError;
-    __privateMethod(this, _markFieldTouched, markFieldTouched_fn).call(this, "variables");
-    return;
-  }
-  this.validationError = void 0;
-  this.cancelingGetData = false;
-  __privateMethod(this, _touchAllFields, touchAllFields_fn).call(this);
-  this.controller.cancelCurrentJob();
-  this.controller.currentJob = null;
-  this.jobId = void 0;
-  this.controller.jobStatusTask.run().then(() => {
-    var _a;
-    if ((_a = this.controller.currentJob) == null ? void 0 : _a.jobID) {
-      this.jobId = this.controller.currentJob.jobID;
-    }
-  });
-  setTimeout(() => {
-    const el = this.renderRoot.querySelector("#job-status-section");
-    el == null ? void 0 : el.scrollIntoView({ behavior: "smooth" });
-  }, 100);
-  this.refineParameters = false;
-  this.isHistoryView = false;
-};
-_touchAllFields = new WeakSet();
-touchAllFields_fn = function() {
-  this.touchedFields = /* @__PURE__ */ new Set(["variables", "spatial"]);
-};
-_numberOfFilesFoundEstimate = new WeakSet();
-numberOfFilesFoundEstimate_fn = function() {
-  return Math.floor(
-    this.controller.currentJob.numInputGranules * this.controller.currentJob.progress / 100
-  );
-};
-_getDocumentationLinks = new WeakSet();
-getDocumentationLinks_fn = function() {
-  return this.controller.currentJob.links.filter(
-    (link) => link.rel === "stac-catalog-json"
-  );
-};
-_getDataLinks = new WeakSet();
-getDataLinks_fn = function() {
-  return this.controller.currentJob.links.filter((link) => link.rel === "data");
-};
-_hasAtLeastOneSubsetOption = new WeakSet();
-hasAtLeastOneSubsetOption_fn = function() {
-  var _a, _b, _c, _d;
-  return ((_a = this.collectionWithServices) == null ? void 0 : _a.bboxSubset) || ((_b = this.collectionWithServices) == null ? void 0 : _b.shapeSubset) || ((_c = this.collectionWithServices) == null ? void 0 : _c.variableSubset) || ((_d = this.collectionWithServices) == null ? void 0 : _d.temporalSubset);
-};
-_hasSpatialSubset = new WeakSet();
-hasSpatialSubset_fn = function() {
-  var _a, _b;
-  return ((_a = this.collectionWithServices) == null ? void 0 : _a.bboxSubset) || ((_b = this.collectionWithServices) == null ? void 0 : _b.shapeSubset);
-};
-_renderJobMessage = new WeakSet();
-renderJobMessage_fn = function() {
-  const warningStatuses = [
-    "canceled" /* CANCELED */,
-    "complete_with_errors" /* COMPLETE_WITH_ERRORS */,
-    "running_with_errors" /* RUNNING_WITH_ERRORS */
-  ];
-  const errorStatuses = ["failed" /* FAILED */];
-  let type = "normal";
-  if (warningStatuses.includes(this.controller.currentJob.status)) {
-    type = "warning";
-  } else if (errorStatuses.includes(this.controller.currentJob.status)) {
-    type = "error";
-  }
-  let color, bg;
-  if (type === "error") {
-    color = "#dc3545";
-    bg = "#f8d7da";
-  } else if (type === "warning") {
-    color = "#856404";
-    bg = "#fff3cd";
-  } else {
-    color = "#555";
-    bg = "#f8f9fa";
-  }
-  return html`
-            <div
-                style="
-                margin: 24px 0 16px 0;
-                padding: 16px 20px;
-                border-radius: 6px;
-                background: ${bg};
-                color: ${color};
-                border: 1px solid ${color}22;
-            "
-            >
-                ${__privateMethod(this, _getJobMessageText, getJobMessageText_fn).call(this)}
-            </div>
-        `;
-};
-_getJobMessageText = new WeakSet();
-getJobMessageText_fn = function() {
-  var _a;
-  return (_a = this.controller.currentJob) == null ? void 0 : _a.message.replace(
-    /\b(The job|the job|job|Job)\b/g,
-    (match) => {
-      switch (match) {
-        case "The job":
-          return "Your request";
-        case "the job":
-          return "Your Request";
-        case "job":
-          return "request";
-        case "Job":
-          return "Request";
-      }
-      return match;
-    }
-  );
-};
-_estimateJobSize = new WeakSet();
-estimateJobSize_fn = function() {
-  var _a, _b, _c, _d;
-  const collection = (_a = this.collectionWithServices) == null ? void 0 : _a.collection;
-  if (!collection)
-    return;
-  const range = __privateMethod(this, _getCollectionDateRange, getCollectionDateRange_fn).call(this);
-  let startDate;
-  let endDate;
-  let links = (_b = collection.granuleCount) != null ? _b : 0;
-  if (this.selectedDateRange.startDate && this.selectedDateRange.endDate) {
-    startDate = this.selectedDateRange.startDate;
-    endDate = this.selectedDateRange.endDate;
-  } else {
-    startDate = (_c = this.granuleMinDate) != null ? _c : range.startDate;
-    endDate = (_d = this.granuleMaxDate) != null ? _d : range.endDate;
-  }
-  if (!startDate || !endDate)
-    return;
-  const start = new Date(startDate);
-  const end = new Date(endDate);
-  const days = Math.floor((end.getTime() - start.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
-  if (range.startDate && range.endDate) {
-    const availableDaysInCollection = Math.floor(
-      (new Date(range.endDate).getTime() - new Date(range.startDate).getTime()) / (1e3 * 60 * 60 * 24)
-    ) + 1;
-    const granulesPerDay = links / availableDaysInCollection;
-    links = Math.ceil(days * granulesPerDay);
-  }
-  return { days, links };
-};
-_refineParameters = new WeakSet();
-refineParameters_fn = function() {
-  this.refineParameters = true;
-};
-_backToSubsetOptions = new WeakSet();
-backToSubsetOptions_fn = function() {
-  this.refineParameters = true;
-  setTimeout(() => {
-    const container = this.renderRoot.querySelector(".container");
-    container == null ? void 0 : container.scrollIntoView({ behavior: "smooth", block: "start" });
-  }, 100);
-};
-_viewRunningJob = new WeakSet();
-viewRunningJob_fn = function() {
-  this.refineParameters = false;
-  setTimeout(() => {
-    const el = this.renderRoot.querySelector("#job-status-section");
-    el == null ? void 0 : el.scrollIntoView({ behavior: "smooth" });
-  }, 100);
-};
-_handleDownloadSelect = new WeakSet();
-handleDownloadSelect_fn = function(event) {
-  const item = event.detail.item;
-  const value = item.value || item.getTextLabel();
-  if (value === "file-list") {
-    __privateMethod(this, _downloadLinksAsTxt, downloadLinksAsTxt_fn).call(this, event);
-  } else if (value === "python-script") {
-    __privateMethod(this, _downloadPythonScript, downloadPythonScript_fn).call(this, event);
-  } else if (value === "earthdata-download") {
-    __privateMethod(this, _downloadEarthdataDownload, downloadEarthdataDownload_fn).call(this, event);
-  }
-};
-_downloadLinksAsTxt = new WeakSet();
-downloadLinksAsTxt_fn = function(event) {
-  var _a;
-  event.stopPropagation();
-  if (!((_a = this.controller.currentJob) == null ? void 0 : _a.links)) {
-    return;
-  }
-  const dataLinks = __privateMethod(this, _getDataLinks, getDataLinks_fn).call(this);
-  if (dataLinks.length === 0) {
-    return;
-  }
-  const content = dataLinks.map((link) => link.href).join("\n");
-  const blob = new Blob([content], { type: "text/plain" });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = `subset_links_${this.controller.currentJob.jobID}.txt`;
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
-  URL.revokeObjectURL(url);
-};
-_downloadPythonScript = new WeakSet();
-downloadPythonScript_fn = async function(event) {
-  var _a, _b, _c;
-  event.stopPropagation();
-  if (!((_a = this.controller.currentJob) == null ? void 0 : _a.links)) {
-    return;
-  }
-  const response = await fetch(
-    getBasePath("assets/data-subsetter/download_subset_files.py.txt")
-  );
-  if (!response.ok) {
-    alert(
-      "Sorry, there was a problem generating the Python script. We are investigating the issue.\nYou could try using the Jupyter Notebook in the meantime"
-    );
-  }
-  const content = (await response.text()).replace(/{{jobId}}/gi, this.controller.currentJob.jobID).replace(
-    /{{HARMONY_ENV}}/gi,
-    `Environment.${(_b = this.environment) == null ? void 0 : _b.toUpperCase()}`
-  ).replace(
-    /{{EARTHACCESS_ENV}}/gi,
-    `earthaccess.${(_c = this.environment) == null ? void 0 : _c.toUpperCase()}`
-  );
-  const blob = new Blob([content], { type: "text/plain" });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = `download_subset_files_${this.controller.currentJob.jobID}.py`;
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
-  URL.revokeObjectURL(url);
-};
-_downloadEarthdataDownload = new WeakSet();
-downloadEarthdataDownload_fn = async function(event) {
-  var _a;
-  event.stopPropagation();
-  if (!((_a = this.controller.currentJob) == null ? void 0 : _a.links)) {
-    return;
-  }
-  alert("Sorry, Earthdata Download is not currently supported");
-};
-_handleJupyterNotebookClick = new WeakSet();
-handleJupyterNotebookClick_fn = function() {
-  var _a;
-  const notebook = getNotebook(this);
-  console.log("sending data to JupyterLite");
-  sendDataToJupyterNotebook("load-notebook", {
-    filename: `subset_${(_a = this.controller.currentJob) == null ? void 0 : _a.jobID}.ipynb`,
-    notebook,
-    bearerToken: this.bearerToken
-  });
-};
-_renderAvailableTemporalRangeSection = new WeakSet();
-renderAvailableTemporalRangeSection_fn = function() {
-  const { startDate, endDate } = __privateMethod(this, _getCollectionDateRange, getCollectionDateRange_fn).call(this);
-  if (!startDate || !endDate)
-    return nothing;
-  return html`
-            <div class="section" style="margin-bottom: 16px;">
-                <h2 class="section-title">Available Date Range</h2>
-                <div style="color: #31708f; margin-top: 8px;">
-                    <strong>${startDate}</strong> to <strong>${endDate}</strong>
-                </div>
-                <div style="font-size: 0.95em; color: #666;">
-                    This collection does not support temporal subsetting.
-                </div>
-            </div>
-        `;
-};
-_renderAvailableSpatialRangeSection = new WeakSet();
-renderAvailableSpatialRangeSection_fn = function() {
-  var _a, _b, _c, _d, _e;
-  const boundingRects = (_e = (_d = (_c = (_b = (_a = this.collectionWithServices) == null ? void 0 : _a.collection) == null ? void 0 : _b.SpatialExtent) == null ? void 0 : _c.HorizontalSpatialDomain) == null ? void 0 : _d.Geometry) == null ? void 0 : _e.BoundingRectangles;
-  if (!boundingRects || !Array.isArray(boundingRects) || !boundingRects.length)
-    return nothing;
-  return html`
-            <div class="section" style="margin-bottom: 16px;">
-                <h2 class="section-title">Available Spatial Area</h2>
-                <div style="color: #31708f; margin-top: 8px;">
-                    ${boundingRects.map(
-    (rect) => html`<div>
-                                <strong>Bounding Box:</strong>
-                                ${rect.WestBoundingCoordinate},
-                                ${rect.SouthBoundingCoordinate},
-                                ${rect.EastBoundingCoordinate},
-                                ${rect.NorthBoundingCoordinate}
-                            </div>`
-  )}
-                </div>
-                <div style="font-size: 0.95em; color: #666;">
-                    This collection does not support spatial subsetting.
-                </div>
-            </div>
-        `;
-};
-_renderDataAccessModeSelection = new WeakSet();
-renderDataAccessModeSelection_fn = function() {
-  if (!this.controller.hasGranules) {
-    return nothing;
-  }
-  return html`
-            <div class="mode-selection">
-                <div class="mode-options">
-                    <label
-                        class="mode-option ${this.dataAccessMode === "original" ? "selected" : ""}"
-                    >
-                        <input
-                            type="radio"
-                            name="data-access-mode"
-                            value="original"
-                            .checked=${this.dataAccessMode === "original"}
-                            @change=${() => this.dataAccessMode = "original"}
-                        />
-                        <div class="mode-content">
-                            <div class="mode-title">Get Original Files</div>
-                            <div class="mode-description">
-                                Filter file links directly from the archive.
-                            </div>
-                        </div>
-                    </label>
-
-                    <label
-                        class="mode-option ${this.dataAccessMode === "subset" ? "selected" : ""}"
-                    >
-                        <input
-                            type="radio"
-                            name="data-access-mode"
-                            value="subset"
-                            .checked=${this.dataAccessMode === "subset"}
-                            @change=${() => this.dataAccessMode = "subset"}
-                        />
-                        <div class="mode-content">
-                            <div class="mode-title">Subset Data</div>
-                            <div class="mode-description">
-                                Subset the data to your specific needs.
-                            </div>
-                        </div>
-                    </label>
-                </div>
-            </div>
-        `;
-};
-_isGiovanniFormat = new WeakSet();
-isGiovanniFormat_fn = function() {
-  return this.selectedFormat === "text/csv" || this.selectedFormat === "image/tiff";
-};
-_getGiovanniValidationError = new WeakSet();
-getGiovanniValidationError_fn = function() {
-  if (!__privateMethod(this, _isGiovanniFormat, isGiovanniFormat_fn).call(this)) {
-    return null;
-  }
-  if (this.selectedVariables.length === 0) {
-    return "Please select a variable to subset.";
-  }
-  if (this.selectedVariables.length > 1) {
-    return "The selected format only supports subsetting one variable at a time.";
-  }
-  return null;
-};
-TerraDataSubsetter.styles = [component_styles_default, data_subsetter_styles_default];
-TerraDataSubsetter.dependencies = {
-  "terra-accordion": TerraAccordion,
-  "terra-date-picker": TerraDatePicker,
-  "terra-icon": TerraIcon,
-  "terra-input": TerraInput,
-  "terra-spatial-picker": TerraSpatialPicker,
-  "terra-login": TerraLogin,
-  "terra-loader": TerraLoader,
-  "terra-data-access": TerraDataAccess,
-  "terra-dialog": TerraDialog,
-  "terra-dropdown": TerraDropdown,
-  "terra-menu": TerraMenu,
-  "terra-menu-item": TerraMenuItem,
-  "terra-button": TerraButton,
-  "terra-alert": TerraAlert
-};
-__decorateClass([
-  property({ reflect: true, attribute: "collection-entry-id" })
-], TerraDataSubsetter.prototype, "collectionEntryId", 2);
-__decorateClass([
-  property({ reflect: true, attribute: "short-name" })
-], TerraDataSubsetter.prototype, "shortName", 2);
-__decorateClass([
-  property({ reflect: true, attribute: "version" })
-], TerraDataSubsetter.prototype, "version", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean, attribute: "show-collection-search" })
-], TerraDataSubsetter.prototype, "showCollectionSearch", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean, attribute: "show-history-panel" })
-], TerraDataSubsetter.prototype, "showHistoryPanel", 2);
-__decorateClass([
-  property({ reflect: true, attribute: "job-id" })
-], TerraDataSubsetter.prototype, "jobId", 2);
-__decorateClass([
-  property({ attribute: "bearer-token" })
-], TerraDataSubsetter.prototype, "bearerToken", 2);
-__decorateClass([
-  property({ reflect: true })
-], TerraDataSubsetter.prototype, "dialog", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean, attribute: "is-history-view" })
-], TerraDataSubsetter.prototype, "isHistoryView", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "collectionWithServices", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "variableDetails", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "selectedVariables", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "expandedVariableGroups", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "variableFilterText", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "touchedFields", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "spatialSelection", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "selectedDateRange", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "selectedFormat", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "cancelingGetData", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "selectedTab", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "refineParameters", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "collectionSearchType", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "collectionSearchQuery", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "collectionSearchLoading", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "collectionSearchResults", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "collectionLoading", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "collectionAccordionOpen", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "dataAccessMode", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "validationError", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "granuleMinDate", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "granuleMaxDate", 2);
-__decorateClass([
-  state()
-], TerraDataSubsetter.prototype, "giovanniConfiguredVariables", 2);
-__decorateClass([
-  query('[part~="spatial-picker"]')
-], TerraDataSubsetter.prototype, "spatialPicker", 2);
-__decorateClass([
-  query("terra-dialog")
-], TerraDataSubsetter.prototype, "dialogElement", 2);
-__decorateClass([
-  watch(["jobId"], { waitUntilFirstUpdate: true })
-], TerraDataSubsetter.prototype, "jobIdChanged", 1);
-__decorateClass([
-  watch(["shortName", "version"])
-], TerraDataSubsetter.prototype, "shortNameAndVersionChanged", 1);
-__decorateClass([
-  watch("collectionEntryId", { waitUntilFirstUpdate: true })
-], TerraDataSubsetter.prototype, "collectionEntryIdChanged", 1);
-__decorateClass([
-  watch(["collectionWithServices"])
-], TerraDataSubsetter.prototype, "collectionChanged", 1);
-__decorateClass([
-  watch(["granuleMinDate", "granuleMaxDate"])
-], TerraDataSubsetter.prototype, "granuleDatesChanged", 1);
-__decorateClass([
-  watch("selectedFormat")
-], TerraDataSubsetter.prototype, "selectedFormatChanged", 1);
-__decorateClass([
-  debounce(500)
-], TerraDataSubsetter.prototype, "handleCollectionSearch", 1);
-
-export {
-  TerraDataSubsetter
-};