@nasa-terra/components 0.0.192 → 0.0.194

package/cdn/chunks/chunk.HWOTHK3U.js

@@ -0,0 +1,330 @@
+import {
+  time_average_map_cache_service_default
+} from "./chunk.JA2QGWIW.js";
+import {
+  HarmonyRequestController
+} from "./chunk.MWU5BT2I.js";
+import {
+  HarmonyRequest
+} from "./chunk.DPSHTZ6P.js";
+import {
+  extractHarmonyError
+} from "./chunk.BD3FY2DX.js";
+import {
+  h
+} from "./chunk.BQDEKCXK.js";
+import {
+  CollectionController
+} from "./chunk.23F22BJH.js";
+import {
+  FINAL_STATUSES,
+  ThumbnailService
+} from "./chunk.PYRLBGCN.js";
+import {
+  LatLngBounds
+} from "./chunk.EABQJ4NF.js";
+import {
+  formatDate
+} from "./chunk.X2BIJLHO.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadValues,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/time-average-map/time-average-map.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+var HARMONY_LINK_PROXY_URL = "https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy";
+var HARMONY_STATUS_WAIT_INTERVAL_MS = 300;
+var MAX_COLLECTION_CONCEPT_ID_WAIT_MS = 1e4;
+var _host, _cacheService, _thumbnailService, _collectionController, _harmonyRequestController, _getCollectionEntryId, getCollectionEntryId_fn, _waitForCollectionConceptId, waitForCollectionConceptId_fn, _waitForHarmonyJob, waitForHarmonyJob_fn, _fetchJobBlob, fetchJobBlob_fn, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn, _captureThumbnail, captureThumbnail_fn, _handleHarmonyError, handleHarmonyError_fn, _sleep, sleep_fn;
+var TimeAvgMapController = class {
+  constructor(host) {
+    __privateAdd(this, _getCollectionEntryId);
+    __privateAdd(this, _waitForCollectionConceptId);
+    __privateAdd(this, _waitForHarmonyJob);
+    __privateAdd(this, _fetchJobBlob);
+    __privateAdd(this, _updateGeoTIFFLayer);
+    __privateAdd(this, _captureThumbnail);
+    __privateAdd(this, _handleHarmonyError);
+    __privateAdd(this, _sleep);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _cacheService, new time_average_map_cache_service_default());
+    __privateAdd(this, _thumbnailService, new ThumbnailService());
+    __privateAdd(this, _collectionController, void 0);
+    __privateAdd(this, _harmonyRequestController, void 0);
+    __privateSet(this, _host, host);
+    __privateSet(this, _collectionController, new CollectionController(__privateGet(this, _host), {
+      getCollectionEntryId: () => __privateMethod(this, _getCollectionEntryId, getCollectionEntryId_fn).call(this),
+      getBearerToken: () => __privateGet(this, _host).bearerToken
+    }));
+    __privateSet(this, _harmonyRequestController, new HarmonyRequestController(__privateGet(this, _host)));
+    this.jobStatusTask = new h(host, {
+      task: async ([], { signal }) => {
+        var _a, _b, _c, _d;
+        const startDate = __privateGet(this, _host).startDate;
+        const endDate = __privateGet(this, _host).endDate;
+        const location = __privateGet(this, _host).location;
+        const catalogVariable = __privateGet(this, _host).catalogVariable;
+        if (!startDate || !endDate || !location || !catalogVariable) {
+          return void 0;
+        }
+        __privateGet(this, _harmonyRequestController).reset();
+        __privateGet(this, _host).harmonyJobId = void 0;
+        const cacheKey = this.getCacheKey();
+        if (__privateGet(this, _host).cache) {
+          const existing = await __privateGet(this, _cacheService).getValidCacheEntry(cacheKey);
+          if (existing) {
+            console.log(
+              "Returning existing map blob from cache",
+              cacheKey
+            );
+            __privateGet(this, _host).harmonyJobId = existing.harmonyJobId;
+            __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, existing.blob);
+            return existing.blob;
+          }
+        }
+        if (__privateGet(this, _host).jobId) {
+          console.log("Using provided jobId, waiting for harmony job...");
+          const jobStatus2 = await __privateMethod(this, _waitForHarmonyJob, waitForHarmonyJob_fn).call(this, __privateGet(this, _host).jobId, signal);
+          if (jobStatus2.status === "failed" /* FAILED */) {
+            const errorMessage = jobStatus2.message || ((_b = (_a = jobStatus2.errors) == null ? void 0 : _a[0]) == null ? void 0 : _b.message) || "The subset job failed";
+            const error = new Error(errorMessage);
+            __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus2.errors);
+            throw error;
+          }
+          if (jobStatus2.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ && jobStatus2.errors && jobStatus2.errors.length > 0) {
+            const errorMessage = jobStatus2.errors[0].message || "The subset job completed with errors";
+            const error = new Error(errorMessage);
+            __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus2.errors);
+            throw error;
+          }
+          const blob2 = await __privateMethod(this, _fetchJobBlob, fetchJobBlob_fn).call(this, jobStatus2, signal);
+          if (__privateGet(this, _host).cache) {
+            await __privateGet(this, _cacheService).storeEntry(cacheKey, {
+              blob: blob2,
+              environment: __privateGet(this, _host).environment,
+              harmonyJobId: __privateGet(this, _host).jobId
+            });
+          }
+          __privateGet(this, _host).harmonyJobId = __privateGet(this, _host).jobId;
+          __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, blob2);
+          return blob2;
+        }
+        const collectionConceptId = await __privateMethod(this, _waitForCollectionConceptId, waitForCollectionConceptId_fn).call(this, signal);
+        const [w, s, e, n] = location.split(",").map(Number);
+        const locationBounds = new LatLngBounds([w, s, e, n]);
+        const harmonyRequest = new HarmonyRequest({
+          collectionConceptId,
+          location: locationBounds,
+          environment: __privateGet(this, _host).environment
+        }).variable(`${__privateGet(this, _host).collection}_${__privateGet(this, _host).variable}`).dateRange(
+          new Date(startDate).toISOString(),
+          new Date(endDate).toISOString()
+        ).format("image/tiff").average("time").label("terra-time-average-map");
+        if (__privateGet(this, _host).applicationId) {
+          harmonyRequest.label(__privateGet(this, _host).applicationId);
+        }
+        harmonyRequest.addLabelsFromVariable(catalogVariable);
+        console.log("Creating time average map job...");
+        let jobId;
+        try {
+          const job = await __privateGet(this, _harmonyRequestController).startJob({
+            harmonyRequest,
+            options: {
+              signal,
+              bearerToken: __privateGet(this, _host).bearerToken,
+              environment: __privateGet(this, _host).environment
+            }
+          });
+          jobId = job.jobID;
+          __privateGet(this, _host).emit("terra-harmony-job-status-update", {
+            detail: job
+          });
+        } catch (error) {
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error);
+          throw error;
+        }
+        console.log("Waiting for harmony job...");
+        const jobStatus = await __privateMethod(this, _waitForHarmonyJob, waitForHarmonyJob_fn).call(this, jobId, signal);
+        if (jobStatus.status === "failed" /* FAILED */) {
+          const errorMessage = jobStatus.message || ((_d = (_c = jobStatus.errors) == null ? void 0 : _c[0]) == null ? void 0 : _d.message) || "The subset job failed";
+          const error = new Error(errorMessage);
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus.errors);
+          throw error;
+        }
+        if (jobStatus.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ && jobStatus.errors && jobStatus.errors.length > 0) {
+          const errorMessage = jobStatus.errors[0].message || "The subset job completed with errors";
+          const error = new Error(errorMessage);
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus.errors);
+          throw error;
+        }
+        const blob = await __privateMethod(this, _fetchJobBlob, fetchJobBlob_fn).call(this, jobStatus, signal);
+        if (__privateGet(this, _host).cache) {
+          await __privateGet(this, _cacheService).storeEntry(cacheKey, {
+            blob,
+            environment: __privateGet(this, _host).environment,
+            harmonyJobId: jobStatus.jobID
+          });
+        }
+        __privateGet(this, _host).harmonyJobId = jobStatus.jobID;
+        __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, blob);
+        return blob;
+      },
+      args: () => [],
+      autoRun: false
+    });
+  }
+  render(renderFunctions) {
+    return this.jobStatusTask.render(renderFunctions);
+  }
+  getCacheKey() {
+    var _a, _b, _c, _d, _e, _f;
+    const collection = (_a = __privateGet(this, _host).collection) != null ? _a : "";
+    const variable = (_b = __privateGet(this, _host).variable) != null ? _b : "";
+    const start = (_c = __privateGet(this, _host).startDate) != null ? _c : "";
+    const end = (_d = __privateGet(this, _host).endDate) != null ? _d : "";
+    const location = (_e = __privateGet(this, _host).location) != null ? _e : "";
+    const environment = (_f = __privateGet(this, _host).environment) != null ? _f : "prod";
+    return __privateGet(this, _cacheService).getCacheKey(
+      collection,
+      variable,
+      start,
+      end,
+      location,
+      environment
+    );
+  }
+};
+_host = new WeakMap();
+_cacheService = new WeakMap();
+_thumbnailService = new WeakMap();
+_collectionController = new WeakMap();
+_harmonyRequestController = new WeakMap();
+_getCollectionEntryId = new WeakSet();
+getCollectionEntryId_fn = function() {
+  const collection = __privateGet(this, _host).collection;
+  const variable = __privateGet(this, _host).catalogVariable;
+  if (!collection || !variable)
+    return void 0;
+  return `${variable.dataProductShortName}_${variable.dataProductVersion}`;
+};
+_waitForCollectionConceptId = new WeakSet();
+waitForCollectionConceptId_fn = async function(signal) {
+  const deadline = Date.now() + MAX_COLLECTION_CONCEPT_ID_WAIT_MS;
+  while (true) {
+    if (signal.aborted) {
+      throw new Error("Aborted while waiting for collection concept ID");
+    }
+    const conceptId = __privateGet(this, _collectionController).conceptId;
+    if (conceptId) {
+      return conceptId;
+    }
+    if (Date.now() > deadline) {
+      throw new Error("Timed out waiting for collection concept ID");
+    }
+    await __privateMethod(this, _sleep, sleep_fn).call(this, 200, signal);
+  }
+};
+_waitForHarmonyJob = new WeakSet();
+waitForHarmonyJob_fn = async function(jobId, signal) {
+  __privateGet(this, _harmonyRequestController).startPollForJobStatus(jobId, {
+    bearerToken: __privateGet(this, _host).bearerToken
+  });
+  while (true) {
+    if (signal.aborted) {
+      throw new Error("Job polling was aborted");
+    }
+    const jobStatus = __privateGet(this, _harmonyRequestController).data;
+    if (jobStatus) {
+      __privateGet(this, _host).emit("terra-harmony-job-status-update", {
+        detail: jobStatus
+      });
+    }
+    if ((jobStatus == null ? void 0 : jobStatus.jobID) === jobId && FINAL_STATUSES.has(jobStatus.status)) {
+      return jobStatus;
+    }
+    await __privateMethod(this, _sleep, sleep_fn).call(this, HARMONY_STATUS_WAIT_INTERVAL_MS, signal);
+  }
+};
+_fetchJobBlob = new WeakSet();
+fetchJobBlob_fn = async function(jobStatus, signal) {
+  var _a;
+  const dataLink = (_a = jobStatus.links.find((link) => link.rel === "data")) == null ? void 0 : _a.href;
+  if (!dataLink) {
+    throw new Error("No data link found for Harmony job");
+  }
+  const proxyUrl = `${HARMONY_LINK_PROXY_URL}?url=${encodeURIComponent(dataLink)}`;
+  const response = await fetch(proxyUrl, {
+    signal,
+    headers: __spreadValues({}, __privateGet(this, _host).bearerToken ? { Authorization: `Bearer ${__privateGet(this, _host).bearerToken}` } : {})
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch subset job data: ${response.statusText}`);
+  }
+  return response.blob();
+};
+_updateGeoTIFFLayer = new WeakSet();
+updateGeoTIFFLayer_fn = function(blob) {
+  this.blobUrl = blob;
+  __privateGet(this, _host).emit("terra-time-average-map-data-change", {
+    detail: {
+      data: blob,
+      variable: __privateGet(this, _host).catalogVariable,
+      startDate: formatDate(__privateGet(this, _host).startDate),
+      endDate: formatDate(__privateGet(this, _host).endDate),
+      location: __privateGet(this, _host).location,
+      colorMap: __privateGet(this, _host).colorMapName,
+      harmonyJobId: __privateGet(this, _host).harmonyJobId
+    }
+  });
+  __privateGet(this, _host).updateGeoTIFFLayer(blob);
+  const harmonyJobId = __privateGet(this, _host).harmonyJobId;
+  if (harmonyJobId) {
+    __privateMethod(this, _captureThumbnail, captureThumbnail_fn).call(this, harmonyJobId).catch(console.error);
+  }
+};
+_captureThumbnail = new WeakSet();
+captureThumbnail_fn = async function(harmonyJobId, delayMs = 1500) {
+  await new Promise((resolve) => setTimeout(resolve, delayMs));
+  const blob = await __privateGet(this, _host).captureMapThumbnail();
+  if (blob) {
+    await __privateGet(this, _thumbnailService).store(harmonyJobId, blob);
+  }
+};
+_handleHarmonyError = new WeakSet();
+handleHarmonyError_fn = function(error, jobErrors) {
+  const errorDetails = extractHarmonyError(error, jobErrors);
+  __privateGet(this, _host).dispatchEvent(
+    new CustomEvent("terra-time-average-map-error", {
+      detail: errorDetails,
+      bubbles: true,
+      composed: true
+    })
+  );
+};
+_sleep = new WeakSet();
+sleep_fn = function(ms, signal) {
+  return new Promise((resolve, reject) => {
+    if (signal.aborted) {
+      reject(new Error("Aborted"));
+      return;
+    }
+    const timer = setTimeout(resolve, ms);
+    signal.addEventListener("abort", () => {
+      clearTimeout(timer);
+      reject(new Error("Aborted"));
+    });
+  });
+};
+
+export {
+  TimeAvgMapController
+};

package/cdn/chunks/chunk.I6H2QL7V.js

@@ -0,0 +1,19 @@
+import {
+  TerraFileUpload
+} from "./chunk.K43ZWHFO.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/file-upload/file-upload.ts
+init_dirname();
+init_buffer();
+init_process();
+var file_upload_default = TerraFileUpload;
+TerraFileUpload.define("terra-file-upload");
+
+export {
+  file_upload_default
+};

package/cdn/chunks/chunk.IAR6FJQ6.js

@@ -0,0 +1,170 @@
+import {
+  getUTCDate
+} from "./chunk.X2BIJLHO.js";
+import {
+  queryGiovanniVariables
+} from "./chunk.ZWCA3BKW.js";
+import {
+  giovanni_api_default
+} from "./chunk.JCC5JYVG.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadProps,
+  __spreadValues,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/browse-variables/browse-variables.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+var _query, _host, _hasAutoSelectedVariables, _selectVariables, selectVariables_fn, _buildSearchParams, buildSearchParams_fn, _adaptVariables, adaptVariables_fn, _getReasonableInitialDates, getReasonableInitialDates_fn;
+var BrowseVariablesController = class {
+  constructor(host) {
+    __privateAdd(this, _selectVariables);
+    __privateAdd(this, _buildSearchParams);
+    __privateAdd(this, _adaptVariables);
+    __privateAdd(this, _getReasonableInitialDates);
+    __privateAdd(this, _query, void 0);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _hasAutoSelectedVariables, false);
+    __privateSet(this, _host, host);
+    host.addController(this);
+    __privateSet(this, _query, new QueryController(host, () => {
+      const { q, filter } = __privateMethod(this, _buildSearchParams, buildSearchParams_fn).call(this);
+      return queryGiovanniVariables({ q, filter });
+    }));
+  }
+  hostConnected() {
+  }
+  hostDisconnected() {
+  }
+  async hostUpdated() {
+    var _a;
+    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
+    if (!data || __privateGet(this, _hasAutoSelectedVariables))
+      return;
+    await __privateMethod(this, _selectVariables, selectVariables_fn).call(this, data);
+  }
+  get facetsByCategory() {
+    var _a;
+    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
+    if (!data)
+      return void 0;
+    const facetsByCategory = {
+      depths: [],
+      disciplines: [],
+      measurements: [],
+      observations: [],
+      platformInstruments: [],
+      portals: [],
+      spatialResolutions: [],
+      specialFeatures: [],
+      temporalResolutions: [],
+      wavelengths: []
+    };
+    for (const facet of data.facets) {
+      const category = facet.category;
+      if (category in facetsByCategory) {
+        facetsByCategory[category] = facet.values;
+      }
+    }
+    return facetsByCategory;
+  }
+  get variables() {
+    var _a;
+    const data = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data;
+    return data ? __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, data.variables) : [];
+  }
+  get total() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.data) == null ? void 0 : _b.total) != null ? _c : 0;
+  }
+  get isPending() {
+    var _a, _b;
+    return (_b = (_a = __privateGet(this, _query).result) == null ? void 0 : _a.isFetching) != null ? _b : false;
+  }
+  async getVariable(variableEntryId) {
+    const variable = await giovanni_api_default.getVariable(variableEntryId);
+    return variable ? __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, [variable])[0] : null;
+  }
+};
+_query = new WeakMap();
+_host = new WeakMap();
+_hasAutoSelectedVariables = new WeakMap();
+_selectVariables = new WeakSet();
+selectVariables_fn = async function(data) {
+  if (!__privateGet(this, _host).selectedVariableEntryIds || __privateGet(this, _host).selectedVariables.length > 0) {
+    return;
+  }
+  __privateSet(this, _hasAutoSelectedVariables, true);
+  const adaptedVariables = __privateMethod(this, _adaptVariables, adaptVariables_fn).call(this, data.variables);
+  const variableEntryIds = __privateGet(this, _host).selectedVariableEntryIds.split(",");
+  const variables = adaptedVariables.filter(
+    (variable) => variableEntryIds.includes(variable.dataFieldId) || variableEntryIds.includes(
+      `${variable.dataProductShortName}_${variable.dataProductVersion}_${variable.dataFieldAccessName}`
+    )
+  );
+  const missingVariableIds = variableEntryIds.filter(
+    (id) => !variables.some((v) => v.dataFieldId === id)
+  );
+  const missingVariables = (await Promise.all(missingVariableIds.map((id) => this.getVariable(id)))).filter(Boolean);
+  __privateGet(this, _host).selectedVariables = [...variables, ...missingVariables];
+};
+_buildSearchParams = new WeakSet();
+buildSearchParams_fn = function() {
+  var _a, _b;
+  const { searchQuery: query, selectedFacets } = __privateGet(this, _host);
+  if ((query === "Aerosols" || query === "aerosols") && !((_a = selectedFacets == null ? void 0 : selectedFacets.observations) == null ? void 0 : _a.includes("Aerosols"))) {
+    return {
+      q: void 0,
+      filter: __spreadProps(__spreadValues({}, selectedFacets), {
+        disciplines: [...(_b = selectedFacets == null ? void 0 : selectedFacets.disciplines) != null ? _b : [], "Aerosols"]
+      })
+    };
+  }
+  return {
+    q: query,
+    filter: selectedFacets
+  };
+};
+_adaptVariables = new WeakSet();
+adaptVariables_fn = function(variables) {
+  return variables.map((variable) => {
+    const exampleInitialDates = __privateMethod(this, _getReasonableInitialDates, getReasonableInitialDates_fn).call(this, variable);
+    return __spreadProps(__spreadValues({}, variable), {
+      exampleInitialStartDate: exampleInitialDates == null ? void 0 : exampleInitialDates.exampleInitialStartDate,
+      exampleInitialEndDate: exampleInitialDates == null ? void 0 : exampleInitialDates.exampleInitialEndDate,
+      dataFieldShortName: !variable.dataFieldShortName || variable.dataFieldShortName === "" ? variable.dataFieldAccessName : variable.dataFieldShortName
+    });
+  });
+};
+_getReasonableInitialDates = new WeakSet();
+getReasonableInitialDates_fn = function(variable) {
+  if (!(variable == null ? void 0 : variable.dataProductBeginDateTime) || !(variable == null ? void 0 : variable.dataProductEndDateTime)) {
+    return void 0;
+  }
+  const diff = Math.abs(
+    new Date(variable.dataProductEndDateTime).getTime() - new Date(variable.dataProductBeginDateTime).getTime()
+  );
+  const threeQuarterRange = Math.floor(diff * 0.75);
+  const startDate = Math.abs(
+    new Date(variable.dataProductBeginDateTime).getTime() + threeQuarterRange
+  );
+  return {
+    exampleInitialStartDate: getUTCDate(startDate),
+    exampleInitialEndDate: getUTCDate(variable.dataProductEndDateTime)
+  };
+};
+
+export {
+  BrowseVariablesController
+};

package/cdn/chunks/chunk.ID4RKLO7.js

@@ -0,0 +1,132 @@
+import {
+  tab_styles_default
+} from "./chunk.GMQKNYVV.js";
+import {
+  TerraIcon
+} from "./chunk.IZYJIYRD.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e as e2,
+  n
+} from "./chunk.WTFB42FU.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/tab/tab.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var id = 0;
+var TerraTab = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.attrId = ++id;
+    this.componentId = `terra-tab-${this.attrId}`;
+    this.panel = "";
+    this.active = false;
+    this.closable = false;
+    this.disabled = false;
+    this.size = "large";
+    this.tabIndex = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "tab");
+  }
+  handleCloseClick(event) {
+    event.stopPropagation();
+    this.emit("terra-close");
+  }
+  handleActiveChange() {
+    this.setAttribute("aria-selected", this.active ? "true" : "false");
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+    if (this.disabled && !this.active) {
+      this.tabIndex = -1;
+    } else {
+      this.tabIndex = 0;
+    }
+  }
+  render() {
+    this.id = this.id.length > 0 ? this.id : this.componentId;
+    return b`
+            <div
+                part="base"
+                class=${e({
+      tab: true,
+      "tab--active": this.active,
+      "tab--closable": this.closable,
+      "tab--disabled": this.disabled,
+      "tab--large": this.size === "large",
+      "tab--small": this.size === "small"
+    })}
+            >
+                <slot></slot>
+                ${this.closable ? b`
+                          <button
+                              part="close-button"
+                              class="tab__close-button"
+                              @click=${this.handleCloseClick}
+                              tabindex="-1"
+                              aria-label="Close tab"
+                              type="button"
+                          >
+                              <terra-icon
+                                  name="x-mark"
+                                  library="heroicons"
+                                  font-size="1rem"
+                              ></terra-icon>
+                          </button>
+                      ` : ""}
+            </div>
+        `;
+  }
+};
+TerraTab.styles = [component_styles_default, tab_styles_default];
+TerraTab.dependencies = { "terra-icon": TerraIcon };
+__decorateClass([
+  e2(".tab")
+], TerraTab.prototype, "tab", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTab.prototype, "panel", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "active", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "closable", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "disabled", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTab.prototype, "size", 2);
+__decorateClass([
+  n({ type: Number, reflect: true })
+], TerraTab.prototype, "tabIndex", 2);
+__decorateClass([
+  watch("active")
+], TerraTab.prototype, "handleActiveChange", 1);
+__decorateClass([
+  watch("disabled")
+], TerraTab.prototype, "handleDisabledChange", 1);
+
+export {
+  TerraTab
+};

package/cdn/chunks/chunk.IFAC3FEC.js

@@ -0,0 +1,33 @@
+import {
+  TerraTabs
+} from "./chunk.GM5OAPMU.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/tabs/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-tabs";
+TerraTabs.define("terra-tabs");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraTabs,
+  react: React,
+  events: {
+    onTerraTabShow: "terra-tab-show",
+    onTerraTabHide: "terra-tab-hide"
+  },
+  displayName: "TerraTabs"
+});
+var tabs_default = reactWrapper;
+
+export {
+  tabs_default
+};