@nasa-terra/components 0.0.198 → 0.0.199

package/cdn/chunks/chunk.P5L2C7D6.js

@@ -1,33 +0,0 @@
-import {
-  TerraTabs
-} from "./chunk.SX3JRN4T.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
-};

package/cdn/chunks/chunk.PAFDTAPQ.js

@@ -1,71 +0,0 @@
-import {
-  tab_panel_styles_default
-} from "./chunk.NFI5NVW6.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.WJ6P74RX.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/tab-panel/tab-panel.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var id = 0;
-var TerraTabPanel = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.attrId = ++id;
-    this.componentId = `terra-tab-panel-${this.attrId}`;
-    this.name = "";
-    this.active = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.id = this.id.length > 0 ? this.id : this.componentId;
-    this.setAttribute("role", "tabpanel");
-  }
-  handleActiveChange() {
-    this.setAttribute("aria-hidden", this.active ? "false" : "true");
-  }
-  render() {
-    return b`
-            <slot
-                part="base"
-                class=${e({
-      "tab-panel": true,
-      "tab-panel--active": this.active
-    })}
-            ></slot>
-        `;
-  }
-};
-TerraTabPanel.styles = [component_styles_default, tab_panel_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], TerraTabPanel.prototype, "name", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraTabPanel.prototype, "active", 2);
-__decorateClass([
-  watch("active")
-], TerraTabPanel.prototype, "handleActiveChange", 1);
-
-export {
-  TerraTabPanel
-};

package/cdn/chunks/chunk.PFTM3PHG.js

@@ -1,110 +0,0 @@
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/plot-toolbar/notebooks/time-averaged-map-notebook.ts
-init_dirname();
-init_buffer();
-init_process();
-function getTimeAveragedMapNotebook(host) {
-  return [
-    {
-      cell_type: "markdown",
-      id: "367f56b9-7ca8-4435-9dcc-89bf586f33ab",
-      metadata: {},
-      source: [
-        "### Prerequisites:\n",
-        "\n",
-        "This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",
-        "\n",
-        "After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."
-      ]
-    },
-    {
-      id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
-      cell_type: "code",
-      source: '%pip install -q "terra_ui_components==0.0.198" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',
-      metadata: {
-        trusted: true
-      },
-      outputs: [],
-      execution_count: null
-    },
-    {
-      cell_type: "markdown",
-      id: "35aa4a00-8e2c-4478-9df7-de633fd8f6ce",
-      metadata: {},
-      source: ["### Render a time averaged map"]
-    },
-    {
-      id: "870c1384-e706-48ee-ba07-fd552a949869",
-      cell_type: "code",
-      source: `from terra_ui_components import TerraTimeAverageMap
-map = TerraTimeAverageMap()
-map.collection='${host.catalogVariable.dataFieldId.replace(`_${host.catalogVariable.dataFieldAccessName}`, "")}'
-map.variable = '${host.catalogVariable.dataFieldAccessName}'
-map.startDate = '${host.startDate}'
-map.endDate = '${host.endDate}'
-map.location = '${host.location}'
-
-map`,
-      metadata: {
-        trusted: true
-      },
-      outputs: [],
-      execution_count: null
-    },
-    {
-      cell_type: "markdown",
-      id: "25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",
-      metadata: {},
-      source: [
-        "### Access the map GeoTIFF bytes\n",
-        "\n",
-        "Wait for the map above to fully render before running the cell below. Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`\n",
-        "\n",
-        "Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"
-      ]
-    },
-    {
-      cell_type: "code",
-      execution_count: null,
-      id: "6b81a089-884d-4fd7-9d4e-c45a53307c20",
-      metadata: {},
-      outputs: [],
-      source: `import rasterio
-from rasterio.io import MemoryFile
-from io import BytesIO
-import matplotlib.pyplot as plt
-
-# map.data contains the rendered GeoTIFF as bytes
-# Ensure the map has rendered before accessing data
-if not map.data:
-    print("No data available. Please run the map cell above and wait for it to fully render before running this cell.")
-else:
-    with MemoryFile(map.data) as memfile:
-        with memfile.open() as dataset:
-            # You can now work with the dataset as if it were opened from a file
-            print(f"Driver: {dataset.driver}")
-            print(f"CRS: {dataset.crs}")
-            print(f"Bounds: {dataset.bounds}")
-            data = dataset.read(1)
-            print(f"Data shape: {data.shape}")
-
-            # Example of creating a figure and displaying the data
-            plt.figure(figsize=(10, 8))
-            plt.imshow(data, cmap='viridis')  # You can change the colormap
-            plt.colorbar(label='Values')
-            plt.title('GeoTIFF Visualization')
-            plt.xlabel('X')
-            plt.ylabel('Y')
-            plt.show()`
-    }
-  ];
-}
-
-export {
-  getTimeAveragedMapNotebook
-};

package/cdn/chunks/chunk.PZT47FKK.js

@@ -1,19 +0,0 @@
-import {
-  TerraTab
-} from "./chunk.763WHPEC.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/tab/tab.ts
-init_dirname();
-init_buffer();
-init_process();
-var tab_default = TerraTab;
-TerraTab.define("terra-tab");
-
-export {
-  tab_default
-};

package/cdn/chunks/chunk.Q7SENWN7.js

@@ -1,32 +0,0 @@
-import {
-  TerraMenu
-} from "./chunk.5SWFG3T6.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/menu/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-menu";
-TerraMenu.define("terra-menu");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraMenu,
-  react: React,
-  events: {
-    onTerraSelect: "terra-select"
-  },
-  displayName: "TerraMenu"
-});
-var menu_default = reactWrapper;
-
-export {
-  menu_default
-};

package/cdn/chunks/chunk.QAEFL5ZA.js

@@ -1,29 +0,0 @@
-import {
-  TerraDataSubsetterHistory
-} from "./chunk.UYNLPW2B.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/data-subsetter-history/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-data-subsetter-history";
-TerraDataSubsetterHistory.define("terra-data-subsetter-history");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDataSubsetterHistory,
-  react: React,
-  events: {},
-  displayName: "TerraDataSubsetterHistory"
-});
-var data_subsetter_history_default = reactWrapper;
-
-export {
-  data_subsetter_history_default
-};

package/cdn/chunks/chunk.QJUVPP3K.js

@@ -1,19 +0,0 @@
-import {
-  TerraStepperStep
-} from "./chunk.R3DMTQZ7.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/stepper-step/stepper-step.ts
-init_dirname();
-init_buffer();
-init_process();
-var stepper_step_default = TerraStepperStep;
-TerraStepperStep.define("terra-stepper-step");
-
-export {
-  stepper_step_default
-};

package/cdn/chunks/chunk.QLB2HRLZ.js

@@ -1,19 +0,0 @@
-import {
-  TerraPlot
-} from "./chunk.AE7GQ2OH.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/plot/plot.ts
-init_dirname();
-init_buffer();
-init_process();
-var plot_default = TerraPlot;
-TerraPlot.define("terra-plot");
-
-export {
-  plot_default
-};

package/cdn/chunks/chunk.QWF3B66L.js

@@ -1,29 +0,0 @@
-import {
-  TerraBrowseVariables
-} from "./chunk.4KGQA5PY.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/browse-variables/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-browse-variables";
-TerraBrowseVariables.define("terra-browse-variables");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraBrowseVariables,
-  react: React,
-  events: {},
-  displayName: "TerraBrowseVariables"
-});
-var browse_variables_default = reactWrapper;
-
-export {
-  browse_variables_default
-};

package/cdn/chunks/chunk.QXZWFB45.js

@@ -1,19 +0,0 @@
-import {
-  TerraInput
-} from "./chunk.LWN6Z2MT.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/input/input.ts
-init_dirname();
-init_buffer();
-init_process();
-var input_default = TerraInput;
-TerraInput.define("terra-input");
-
-export {
-  input_default
-};

package/cdn/chunks/chunk.QZU24DVR.js

@@ -1,47 +0,0 @@
-import {
-  breadcrumbs_styles_default
-} from "./chunk.L3N5U2RI.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.WJ6P74RX.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/breadcrumbs/breadcrumbs.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraBreadcrumbs = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.ariaLabel = "Breadcrumb";
-    this.theme = "light";
-  }
-  render() {
-    return b`
-            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
-                <slot></slot>
-            </nav>
-        `;
-  }
-};
-TerraBreadcrumbs.styles = [component_styles_default, breadcrumbs_styles_default];
-__decorateClass([
-  n({ attribute: "aria-label" })
-], TerraBreadcrumbs.prototype, "ariaLabel", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraBreadcrumbs.prototype, "theme", 2);
-
-export {
-  TerraBreadcrumbs
-};

package/cdn/chunks/chunk.R3DMTQZ7.js

@@ -1,99 +0,0 @@
-import {
-  stepper_step_styles_default
-} from "./chunk.AKEAFDB3.js";
-import {
-  TerraIcon
-} from "./chunk.AOAMCCLA.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.WJ6P74RX.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/stepper-step/stepper-step.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraStepperStep = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.state = "upcoming";
-    this.title = "";
-    this.hideCheckmark = false;
-  }
-  getStepperVariant() {
-    const stepper = this.closest("terra-stepper");
-    if (stepper) {
-      return stepper.variant || "default";
-    }
-    return "default";
-  }
-  render() {
-    const variant = this.getStepperVariant();
-    const isCondensed = variant === "condensed";
-    const isCompleted = this.state === "completed";
-    const isCurrent = this.state === "current";
-    return b`
-            <div
-                part="base"
-                class=${e({
-      "stepper-step": true,
-      "stepper-step--default": !isCondensed,
-      "stepper-step--condensed": isCondensed,
-      "stepper-step--completed": isCompleted,
-      "stepper-step--current": isCurrent,
-      "stepper-step--upcoming": this.state === "upcoming"
-    })}
-            >
-                <div part="bar" class="stepper-step__bar"></div>
-                ${!isCondensed ? b`
-                          <div part="content" class="stepper-step__content">
-                              <div part="title" class="stepper-step__title">
-                                  ${isCompleted && !this.hideCheckmark ? b`
-                                            <terra-icon
-                                                part="icon"
-                                                name="solid-check"
-                                                library="heroicons"
-                                                class="stepper-step__icon"
-                                            ></terra-icon>
-                                        ` : ""}
-                                  ${this.title}
-                              </div>
-                              <div part="caption" class="stepper-step__caption">
-                                  <slot></slot>
-                              </div>
-                          </div>
-                      ` : ""}
-            </div>
-        `;
-  }
-};
-TerraStepperStep.styles = [component_styles_default, stepper_step_styles_default];
-TerraStepperStep.dependencies = {
-  "terra-icon": TerraIcon
-};
-__decorateClass([
-  n({ reflect: true })
-], TerraStepperStep.prototype, "state", 2);
-__decorateClass([
-  n()
-], TerraStepperStep.prototype, "title", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true, attribute: "hide-checkmark" })
-], TerraStepperStep.prototype, "hideCheckmark", 2);
-
-export {
-  TerraStepperStep
-};

package/cdn/chunks/chunk.R77CTO6K.js

@@ -1,32 +0,0 @@
-import {
-  TerraDatePicker
-} from "./chunk.ACQRX6KA.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/date-picker/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "terra-date-picker";
-TerraDatePicker.define("terra-date-picker");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDatePicker,
-  react: React,
-  events: {
-    onTerraDateRangeChange: "terra-date-range-change"
-  },
-  displayName: "TerraDatePicker"
-});
-var date_picker_default = reactWrapper;
-
-export {
-  date_picker_default
-};

package/cdn/chunks/chunk.R7LMVJAZ.js

@@ -1,83 +0,0 @@
-import {
-  site_header_styles_default
-} from "./chunk.MEJP55EF.js";
-import {
-  TerraIcon
-} from "./chunk.AOAMCCLA.js";
-import {
-  HasSlotController
-} from "./chunk.PACUQ7ID.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.WJ6P74RX.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/site-header/site-header.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraSiteHeader = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(
-      this,
-      "title",
-      "center",
-      "right"
-    );
-    this.siteName = "";
-  }
-  render() {
-    const hasTitleSlot = this.hasSlotController.test("title");
-    const hasRightSlot = this.hasSlotController.test("right");
-    return b`
-            <header part="base" class="site-header">
-                <div class="site-header__left">
-                    <div part="logo" class="site-header__logo">
-                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
-                    </div>
-                    <div part="title" class="site-header__title">
-                        ${hasTitleSlot ? b`<slot name="title"></slot>` : b`<span>${this.siteName}</span>`}
-                    </div>
-                </div>
-                <div part="center" class="site-header__center">
-                    <slot name="center"></slot>
-                </div>
-                <div part="right" class="site-header__right">
-                    ${hasRightSlot ? b`<slot name="right"></slot>` : b`
-                              <button
-                                  class="site-header__search"
-                                  type="button"
-                                  title="Search"
-                                  aria-label="Search"
-                              >
-                                  <terra-icon
-                                      name="magnifying-glass"
-                                      library="heroicons"
-                                  ></terra-icon>
-                              </button>
-                          `}
-                </div>
-            </header>
-        `;
-  }
-};
-TerraSiteHeader.styles = [component_styles_default, site_header_styles_default];
-TerraSiteHeader.dependencies = { "terra-icon": TerraIcon };
-__decorateClass([
-  n({ attribute: "site-name" })
-], TerraSiteHeader.prototype, "siteName", 2);
-
-export {
-  TerraSiteHeader
-};