@nasa-terra/components 0.0.52 → 0.0.54

package/cdn/chunks/{chunk.BUKXWTWP.js → chunk.HKX3J5XS.js}

@@ -1,6 +1,6 @@
 import {
   TerraBrowseVariables
-} from "./chunk.56BIFKWQ.js";
+} from "./chunk.L3AEI44F.js";
 
 // src/components/browse-variables/browse-variables.ts
 var browse_variables_default = TerraBrowseVariables;

package/cdn/chunks/{chunk.3C36QKV5.js → chunk.HRTKXUXQ.js}

@@ -7,7 +7,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.UR52WPUB.js → chunk.IDWSR352.js}

@@ -1,26 +1,26 @@
+import {
+  loader_default
+} from "./chunk.TBDMUEOL.js";
 import {
   login_styles_default
 } from "./chunk.5P7TDN4M.js";
-import {
-  loader_default
-} from "./chunk.JE2FCOKF.js";
 import {
   icon_default
-} from "./chunk.XR376PMT.js";
+} from "./chunk.C4JLG2E7.js";
+import {
+  button_default
+} from "./chunk.BWXDVL76.js";
 import {
   e,
   n
 } from "./chunk.2XCNCXGV.js";
 import {
-  button_default
-} from "./chunk.NCUMG4CT.js";
+  h
+} from "./chunk.UGTZ22DI.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
-import {
-  h
-} from "./chunk.UGTZ22DI.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   T,
   x

package/{dist/chunks/chunk.KMNSIF7V.js → cdn/chunks/chunk.IJMWPNJQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.XZXT5MBD.js";
+} from "./chunk.7V2LW54F.js";
 
 // src/react/skeleton/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.J2N3IO5I.js

@@ -0,0 +1,21 @@
+import {
+  TerraDataSubsetter
+} from "./chunk.H6N7RGVX.js";
+
+// src/react/data-subsetter/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-data-subsetter";
+TerraDataSubsetter.define("terra-data-subsetter");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDataSubsetter,
+  react: React,
+  events: {},
+  displayName: "TerraDataSubsetter"
+});
+var data_subsetter_default = reactWrapper;
+
+export {
+  data_subsetter_default
+};

package/cdn/chunks/{chunk.SZAZG4YK.js → chunk.JG376LYS.js}

@@ -1,17 +1,20 @@
 import {
   TerraDataRods
-} from "./chunk.QIVBQSS7.js";
+} from "./chunk.4TLR4QQG.js";
 
 // src/react/data-rods/index.ts
 import * as React from "react";
 import { createComponent } from "@lit/react";
+import "@lit/react";
 var tagName = "terra-data-rods";
 TerraDataRods.define("terra-data-rods");
 var reactWrapper = createComponent({
   tagName,
   elementClass: TerraDataRods,
   react: React,
-  events: {},
+  events: {
+    onTerraDateRangeChange: "terra-date-range-change"
+  },
   displayName: "TerraDataRods"
 });
 var data_rods_default = reactWrapper;

package/{dist/chunks/chunk.GUGDC67O.js → cdn/chunks/chunk.JQNOS35D.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.RHT75OOW.js";
+} from "./chunk.Y6LDYM2S.js";
 
 // src/react/variable-combobox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.6IMVZQLW.js → chunk.JU7676XZ.js}

@@ -5,7 +5,7 @@ import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.7KC6YXWL.js";
+} from "./chunk.UA5HHAYZ.js";
 import {
   e
 } from "./chunk.6NYH4BZ2.js";
@@ -15,7 +15,7 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

package/cdn/chunks/{chunk.YWXZHRQQ.js → chunk.K46LNZ4Y.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.4OS3WNGB.js";
+} from "./chunk.RMZFGHSG.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.K5CSW352.js

@@ -0,0 +1,418 @@
+import {
+  h
+} from "./chunk.UGTZ22DI.js";
+import {
+  getGraphQLClient,
+  gql
+} from "./chunk.MERDVJWH.js";
+import {
+  getUTCDate
+} from "./chunk.EZMKGB3F.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadProps,
+  __spreadValues
+} from "./chunk.6JHIJHTB.js";
+
+// src/data-services/queries.ts
+var GET_SERVICE_CAPABILITIES = gql`
+    query GetServiceCapabilities($collectionEntryId: String) {
+        getServiceCapabilities(input: { collectionEntryId: $collectionEntryId }) {
+            conceptId
+            shortName
+            variableSubset
+            bboxSubset
+            shapeSubset
+            temporalSubset
+            concatenate
+            reproject
+            capabilitiesVersion
+            outputFormats
+            services {
+                name
+                href
+                capabilities {
+                    output_formats
+                    subsetting {
+                        temporal
+                        bbox
+                        variable
+                        shape
+                    }
+                }
+            }
+            variables {
+                name
+                href
+                conceptId
+            }
+            collection {
+                granuleCount
+                EntryTitle
+                SpatialExtent {
+                    GranuleSpatialRepresentation
+                    HorizontalSpatialDomain {
+                        Geometry {
+                            CoordinateSystem
+                            BoundingRectangles {
+                                WestBoundingCoordinate
+                                NorthBoundingCoordinate
+                                EastBoundingCoordinate
+                                SouthBoundingCoordinate
+                            }
+                        }
+                    }
+                }
+                TemporalExtents {
+                    EndsAtPresentFlag
+                    RangeDateTimes {
+                        BeginningDateTime
+                        EndingDateTime
+                    }
+                }
+            }
+        }
+    }
+`;
+var CREATE_SUBSET_JOB = gql`
+    mutation CreateSubsetJob(
+        $collectionConceptId: String!
+        $variableConceptIds: [String]
+        $boundingBox: BoundingBoxInput
+        $startDate: String
+        $endDate: String
+        $format: String
+    ) {
+        createSubsetJob(
+            input: {
+                collectionConceptId: $collectionConceptId
+                variableConceptIds: $variableConceptIds
+                boundingBox: $boundingBox
+                startDate: $startDate
+                endDate: $endDate
+                format: $format
+            }
+        ) {
+            jobID
+            status
+            message
+            progress
+            createdAt
+            updatedAt
+            dataExpiration
+            request
+            numInputGranules
+            originalDataSize
+            outputDataSize
+            dataSizePercentChange
+            labels
+            links {
+                title
+                href
+                rel
+                type
+                bbox
+                temporal {
+                    start
+                    end
+                }
+            }
+        }
+    }
+`;
+var GET_SUBSET_JOB_STATUS = gql`
+    query GetSubsetJobStatus($jobId: String) {
+        getSubsetJobStatus(jobId: $jobId) {
+            jobID
+            status
+            message
+            progress
+            createdAt
+            updatedAt
+            dataExpiration
+            request
+            numInputGranules
+            originalDataSize
+            outputDataSize
+            dataSizePercentChange
+            labels
+            links {
+                title
+                href
+                rel
+                type
+                bbox
+                temporal {
+                    start
+                    end
+                }
+            }
+            errors {
+                url
+                message
+            }
+        }
+    }
+`;
+var CANCEL_SUBSET_JOB = gql`
+    query CancelSubsetJob($jobId: String) {
+        cancelSubsetJob(jobId: $jobId) {
+            jobID
+            status
+            message
+        }
+    }
+`;
+
+// src/data-services/harmony-data-service.ts
+var FINAL_STATUSES = /* @__PURE__ */ new Set([
+  "successful" /* SUCCESSFUL */,
+  "failed" /* FAILED */,
+  "canceled" /* CANCELED */,
+  "complete_with_errors" /* COMPLETE_WITH_ERRORS */
+]);
+var HarmonyDataService = class {
+  async getCollectionWithAvailableServices(collectionEntryId, options) {
+    const client = await getGraphQLClient();
+    console.log(
+      "Getting collection with available services for ",
+      collectionEntryId
+    );
+    const response = await client.query({
+      query: GET_SERVICE_CAPABILITIES,
+      variables: {
+        collectionEntryId
+      },
+      context: {
+        headers: __spreadValues({}, (options == null ? void 0 : options.bearerToken) && {
+          authorization: options.bearerToken
+        }),
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      }
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to create subset job: ${response.errors[0].message}`
+      );
+    }
+    return response.data.getServiceCapabilities;
+  }
+  async createSubsetJob(collectionConceptId, subsetOptions) {
+    var _a;
+    const client = await getGraphQLClient();
+    console.log(
+      "creating subset job ",
+      CREATE_SUBSET_JOB,
+      collectionConceptId,
+      subsetOptions
+    );
+    const response = await client.mutate({
+      mutation: CREATE_SUBSET_JOB,
+      variables: {
+        collectionConceptId,
+        variableConceptIds: subsetOptions == null ? void 0 : subsetOptions.variableConceptIds,
+        boundingBox: subsetOptions == null ? void 0 : subsetOptions.boundingBox,
+        startDate: subsetOptions == null ? void 0 : subsetOptions.startDate,
+        endDate: subsetOptions == null ? void 0 : subsetOptions.endDate,
+        format: subsetOptions == null ? void 0 : subsetOptions.format
+      },
+      context: {
+        headers: __spreadValues({}, (subsetOptions == null ? void 0 : subsetOptions.bearerToken) && {
+          authorization: subsetOptions.bearerToken
+        }),
+        fetchOptions: {
+          signal: subsetOptions == null ? void 0 : subsetOptions.signal
+        }
+      }
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to create subset job: ${response.errors[0].message}`
+      );
+    }
+    return (_a = response.data) == null ? void 0 : _a.createSubsetJob;
+  }
+  async getSubsetJobStatus(jobId, searchOptions) {
+    const client = await getGraphQLClient();
+    const response = await client.query({
+      query: GET_SUBSET_JOB_STATUS,
+      variables: {
+        jobId
+      },
+      context: {
+        headers: __spreadValues({}, (searchOptions == null ? void 0 : searchOptions.bearerToken) && {
+          authorization: searchOptions.bearerToken
+        }),
+        fetchOptions: {
+          signal: searchOptions == null ? void 0 : searchOptions.signal
+        }
+      },
+      fetchPolicy: "no-cache"
+      //! important, we don't want to get cached results here!
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to create subset job: ${response.errors[0].message}`
+      );
+    }
+    return response.data.getSubsetJobStatus;
+  }
+  async cancelSubsetJob(jobId, options) {
+    const client = await getGraphQLClient();
+    const response = await client.query({
+      query: CANCEL_SUBSET_JOB,
+      variables: {
+        jobId
+      },
+      context: {
+        headers: __spreadValues({}, (options == null ? void 0 : options.bearerToken) && {
+          authorization: options.bearerToken
+        })
+      },
+      fetchPolicy: "no-cache"
+      //! important, we don't want to get cached results here!
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to cancel subset job: ${response.errors[0].message}`
+      );
+    }
+    return response.data.cancelSubsetJob;
+  }
+};
+
+// src/components/data-subsetter/data-subsetter.controller.ts
+var JOB_STATUS_POLL_MILLIS = 1e3;
+var _host, _dataService, _getDataService, getDataService_fn, _getEmptyJob, getEmptyJob_fn;
+var DataSubsetterController = class {
+  constructor(host) {
+    __privateAdd(this, _getDataService);
+    __privateAdd(this, _getEmptyJob);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _dataService, void 0);
+    __privateSet(this, _host, host);
+    __privateSet(this, _dataService, __privateMethod(this, _getDataService, getDataService_fn).call(this));
+    this.fetchCollectionTask = new h(host, {
+      task: async ([collectionEntryId], { signal }) => {
+        __privateGet(this, _host).collectionWithServices = collectionEntryId ? await __privateGet(this, _dataService).getCollectionWithAvailableServices(
+          collectionEntryId,
+          { signal, bearerToken: __privateGet(this, _host).bearerToken }
+        ) : void 0;
+        return __privateGet(this, _host).collectionWithServices;
+      },
+      args: () => [__privateGet(this, _host).collectionEntryId]
+    });
+    this.jobStatusTask = new h(host, {
+      task: async ([], { signal }) => {
+        var _a, _b, _c, _d, _e;
+        let job;
+        if ((_a = this.currentJob) == null ? void 0 : _a.jobID) {
+          job = await __privateGet(this, _dataService).getSubsetJobStatus(
+            this.currentJob.jobID,
+            { signal, bearerToken: __privateGet(this, _host).bearerToken }
+          );
+        } else {
+          let subsetOptions = __spreadValues(__spreadValues(__spreadValues({
+            variableConceptIds: __privateGet(this, _host).selectedVariables.map(
+              (v) => v.conceptId
+            )
+          }, "w" in ((_b = __privateGet(this, _host).spatialSelection) != null ? _b : {}) && {
+            boundingBox: __privateGet(this, _host).spatialSelection
+          }), __privateGet(this, _host).selectedDateRange.startDate && __privateGet(this, _host).selectedDateRange.endDate && {
+            startDate: getUTCDate(
+              __privateGet(this, _host).selectedDateRange.startDate
+            ).toISOString(),
+            endDate: getUTCDate(
+              __privateGet(this, _host).selectedDateRange.endDate,
+              true
+            ).toISOString()
+          }), __privateGet(this, _host).selectedFormat && {
+            format: __privateGet(this, _host).selectedFormat
+          });
+          console.log(
+            `Creating a job for collection, ${(_c = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _c.conceptId}, with subset options`,
+            subsetOptions
+          );
+          this.currentJob = __privateMethod(this, _getEmptyJob, getEmptyJob_fn).call(this);
+          job = await __privateGet(this, _dataService).createSubsetJob(
+            (_e = (_d = __privateGet(this, _host).collectionWithServices) == null ? void 0 : _d.conceptId) != null ? _e : "",
+            __spreadProps(__spreadValues({}, subsetOptions), {
+              signal,
+              bearerToken: __privateGet(this, _host).bearerToken
+            })
+          );
+        }
+        console.log("Job status: ", job);
+        if (job) {
+          this.currentJob = job;
+        }
+        if (!FINAL_STATUSES.has(this.currentJob.status)) {
+          setTimeout(() => {
+            this.jobStatusTask.run();
+          }, JOB_STATUS_POLL_MILLIS);
+        }
+        return job;
+      },
+      args: () => [],
+      autoRun: false
+      // this task won't automatically be triggered, the component has to trigger it manually
+    });
+  }
+  render(renderFunctions) {
+    return this.jobStatusTask.render(renderFunctions);
+  }
+  fetchJobByID(jobID) {
+    this.currentJob = {
+      jobID,
+      status: "fetching" /* FETCHING */,
+      message: "Your job is being retrieved.",
+      progress: 0,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      dataExpiration: "",
+      request: "",
+      numInputGranules: 0,
+      links: []
+    };
+    this.jobStatusTask.run();
+  }
+  cancelCurrentJob() {
+    var _a;
+    if (!((_a = this.currentJob) == null ? void 0 : _a.jobID)) {
+      return;
+    }
+    __privateGet(this, _dataService).cancelSubsetJob(this.currentJob.jobID, {
+      bearerToken: __privateGet(this, _host).bearerToken
+    });
+  }
+};
+_host = new WeakMap();
+_dataService = new WeakMap();
+_getDataService = new WeakSet();
+getDataService_fn = function() {
+  return new HarmonyDataService();
+};
+_getEmptyJob = new WeakSet();
+getEmptyJob_fn = function() {
+  return {
+    jobID: "",
+    status: "running" /* RUNNING */,
+    message: "Your job is being created and will start soon.",
+    progress: 0,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    dataExpiration: "",
+    request: "",
+    numInputGranules: 0,
+    links: []
+  };
+};
+
+export {
+  DataSubsetterController
+};

package/{dist/chunks/chunk.RW6R4LFF.js → cdn/chunks/chunk.KOWNZ7CT.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.K2RM2IR7.js";
+} from "./chunk.63NRAEUK.js";
 
 // src/react/map/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.M7Y4QNCN.js → chunk.KQDNPTPO.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataRods
-} from "./chunk.QIVBQSS7.js";
+} from "./chunk.4TLR4QQG.js";
 
 // src/components/data-rods/data-rods.ts
 var data_rods_default = TerraDataRods;

package/cdn/chunks/{chunk.56BIFKWQ.js → chunk.L3AEI44F.js}

@@ -1,41 +1,41 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.H7IOI7PF.js";
+} from "./chunk.UA2PIKHW.js";
 import {
   TerraSkeleton
-} from "./chunk.TEUZXQBU.js";
+} from "./chunk.7V2LW54F.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.3C36QKV5.js";
-import {
-  TerraIcon
-} from "./chunk.6IMVZQLW.js";
+} from "./chunk.HRTKXUXQ.js";
 import {
   TerraButton
-} from "./chunk.4OS3WNGB.js";
+} from "./chunk.RMZFGHSG.js";
+import {
+  BrowseVariablesController
+} from "./chunk.DPC5A37S.js";
+import {
+  s
+} from "./chunk.UGTZ22DI.js";
+import {
+  browse_variables_styles_default
+} from "./chunk.4EVDB43F.js";
+import {
+  TerraIcon
+} from "./chunk.JU7676XZ.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r
 } from "./chunk.2FFSUM6T.js";
-import {
-  BrowseVariablesController
-} from "./chunk.ALXMBVVZ.js";
-import {
-  s
-} from "./chunk.UGTZ22DI.js";
-import {
-  browse_variables_styles_default
-} from "./chunk.4EVDB43F.js";
 import {
   T,
   x

package/cdn/chunks/{chunk.VRGU3JD2.js → chunk.LGIRLCP2.js}

@@ -1,7 +1,3 @@
-import {
-  clearSelection,
-  walkToOption
-} from "./chunk.LMGJJIIS.js";
 import {
   c
 } from "./chunk.PZRCJWJ4.js";
@@ -11,22 +7,26 @@ import {
 import {
   combobox_styles_default
 } from "./chunk.USC76EZL.js";
+import {
+  clearSelection,
+  walkToOption
+} from "./chunk.LMGJJIIS.js";
 import {
   Fuse
 } from "./chunk.QZV6EAIM.js";
-import {
-  o
-} from "./chunk.QEA4QW6G.js";
 import {
   n as n2
 } from "./chunk.2XCNCXGV.js";
+import {
+  o
+} from "./chunk.QEA4QW6G.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.C5LFHOAP.js";
 import {
   n,
   r

package/{dist/chunks/chunk.BGIZ44PS.js → cdn/chunks/chunk.M4BZUFWE.js}

@@ -1,6 +1,6 @@
 import {
   TerraDatePicker
-} from "./chunk.34UGHNQ2.js";
+} from "./chunk.FHUEFTED.js";
 
 // src/react/date-picker/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.EM2KEB67.js → cdn/chunks/chunk.N3NR342F.js}

@@ -1,6 +1,6 @@
 import {
   TerraDialog
-} from "./chunk.MZK7WRKF.js";
+} from "./chunk.XQWGD4D7.js";
 
 // src/react/dialog/index.ts
 import * as React from "react";