@nasa-terra/components 0.0.52 → 0.0.53

package/cdn/chunks/chunk.IX3FU7LW.js

@@ -0,0 +1,21 @@
+import {
+  TerraAccordion
+} from "./chunk.7LR3A5ZW.js";
+
+// src/react/accordion/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-accordion";
+TerraAccordion.define("terra-accordion");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraAccordion,
+  react: React,
+  events: {},
+  displayName: "TerraAccordion"
+});
+var accordion_default = reactWrapper;
+
+export {
+  accordion_default
+};

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.KMFGKZ5A.js}

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

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

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

package/cdn/chunks/{chunk.TKZC2SRM.js → chunk.L7N566HD.js}

@@ -1,6 +1,6 @@
 import {
   TerraIcon
-} from "./chunk.6IMVZQLW.js";
+} from "./chunk.FOR62X7R.js";
 
 // src/react/icon/index.ts
 import * as React from "react";

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

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

package/cdn/chunks/chunk.LIGYFBVJ.js

@@ -0,0 +1,21 @@
+import {
+  TerraDataSubsetter
+} from "./chunk.FYWRHDMM.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/{dist/chunks/chunk.ESISTPRD.js → cdn/chunks/chunk.MJOS7DJT.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.K2RM2IR7.js";
+} from "./chunk.R24K6QI4.js";
 
 // src/components/map/map.ts
 var map_default = TerraMap;

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

@@ -1,35 +1,35 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.H7IOI7PF.js";
+} from "./chunk.XYM7DLPS.js";
 import {
   TerraSkeleton
-} from "./chunk.TEUZXQBU.js";
+} from "./chunk.SFG6BGI6.js";
 import {
   getRandomIntInclusive
 } from "./chunk.7PAVW6KC.js";
 import {
   TerraLoader
-} from "./chunk.3C36QKV5.js";
-import {
-  TerraIcon
-} from "./chunk.6IMVZQLW.js";
+} from "./chunk.32W6J6AF.js";
 import {
   TerraButton
-} from "./chunk.4OS3WNGB.js";
+} from "./chunk.ZQDMMP6X.js";
+import {
+  TerraIcon
+} from "./chunk.FOR62X7R.js";
 import {
   watch
 } from "./chunk.6MMTW476.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.6LGRNEZ7.js";
+} from "./chunk.FS3ZYOYJ.js";
 import {
   n,
   r
 } from "./chunk.2FFSUM6T.js";
 import {
   BrowseVariablesController
-} from "./chunk.ALXMBVVZ.js";
+} from "./chunk.DPC5A37S.js";
 import {
   s
 } from "./chunk.UGTZ22DI.js";

package/cdn/chunks/{chunk.4UYNOT7W.js → chunk.P5PLRHF4.js}

@@ -1,6 +1,6 @@
 import {
   cherryPickDocInfo
-} from "./chunk.YCRGAL67.js";
+} from "./chunk.VZ3MBFKG.js";
 import {
   h,
   s

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

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

package/cdn/chunks/{chunk.5NU43HNV.js → chunk.PNYTGKX5.js}

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

package/cdn/chunks/{chunk.XHHFBPQM.js → chunk.PSAJO4PE.js}

@@ -5,6 +5,7 @@ import {
 // src/components/date-picker/date-picker.styles.ts
 var date_picker_styles_default = i`
     :host {
+        box-sizing: border-box;
         display: inline-block;
         position: relative;
         max-width: 600px;
@@ -15,6 +16,7 @@ var date_picker_styles_default = i`
     }
 
     :host .form-control {
+        box-sizing: border-box;
         display: block;
         width: 100%;
         height: 36px;
@@ -57,17 +59,16 @@ var date_picker_styles_default = i`
         top: 0;
         right: 0;
         height: 36px;
-        padding: 0px;
+        width: 36px;
+        padding: 0;
+        margin: 0;
         z-index: 2;
-        margin-block: 0;
-        margin-inline: 0;
-        background: none;
-        border: none;
-        cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
-        width: 36px;
+        background: none;
+        border: none;
+        box-shadow: none;
     }
 
     :host .date-picker__input_icon_button svg {

package/cdn/chunks/{chunk.NCUMG4CT.js → chunk.PYENVYVD.js}

@@ -1,6 +1,6 @@
 import {
   TerraButton
-} from "./chunk.4OS3WNGB.js";
+} from "./chunk.ZQDMMP6X.js";
 
 // src/components/button/button.ts
 var button_default = TerraButton;

package/cdn/chunks/{chunk.4L2C3E3Z.js → chunk.QCGNAB7F.js}

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