@nasa-terra/components 0.0.179 → 0.0.181

package/cdn/chunks/chunk.W7J5622D.js

@@ -1,132 +0,0 @@
-import {
-  tab_styles_default
-} from "./chunk.57ZIC75S.js";
-import {
-  TerraIcon
-} from "./chunk.3KFZES7Q.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n
-} from "./chunk.FPMFEQWC.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.WCT2EGAW.js

@@ -1,19 +0,0 @@
-import {
-  TerraSlider
-} from "./chunk.2PCUEDQZ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/slider/slider.ts
-init_dirname();
-init_buffer();
-init_process();
-var slider_default = TerraSlider;
-TerraSlider.define("terra-slider");
-
-export {
-  slider_default
-};

package/cdn/chunks/chunk.WDXR2JIS.js

@@ -1,155 +0,0 @@
-import {
-  progress_bar_styles_default
-} from "./chunk.LBHEG35U.js";
-import {
-  o
-} from "./chunk.VH7AMLEP.js";
-import {
-  e as e2
-} from "./chunk.KGXAA5I2.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.GREJIXMV.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.FPMFEQWC.js";
-import {
-  E,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/progress-bar/progress-bar.component.ts
-init_dirname();
-init_buffer();
-init_process();
-
-// node_modules/lit/directives/style-map.js
-init_dirname();
-init_buffer();
-init_process();
-
-// node_modules/lit-html/directives/style-map.js
-init_dirname();
-init_buffer();
-init_process();
-var n2 = "important";
-var i2 = " !" + n2;
-var o2 = e(class extends i {
-  constructor(t2) {
-    var _a;
-    if (super(t2), t2.type !== t.ATTRIBUTE || "style" !== t2.name || ((_a = t2.strings) == null ? void 0 : _a.length) > 2)
-      throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return Object.keys(t2).reduce((e3, r) => {
-      const s = t2[r];
-      return null == s ? e3 : e3 + `${r = r.includes("-") ? r : r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
-    }, "");
-  }
-  update(e3, [r]) {
-    const { style: s } = e3.element;
-    if (void 0 === this.ft)
-      return this.ft = new Set(Object.keys(r)), this.render(r);
-    for (const t2 of this.ft)
-      null == r[t2] && (this.ft.delete(t2), t2.includes("-") ? s.removeProperty(t2) : s[t2] = null);
-    for (const t2 in r) {
-      const e4 = r[t2];
-      if (null != e4) {
-        this.ft.add(t2);
-        const r2 = "string" == typeof e4 && e4.endsWith(i2);
-        t2.includes("-") || r2 ? s.setProperty(t2, r2 ? e4.slice(0, -11) : e4, r2 ? n2 : "") : s[t2] = e4;
-      }
-    }
-    return E;
-  }
-});
-
-// src/components/progress-bar/progress-bar.component.ts
-var TerraProgressBar = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.value = 0;
-    this.indeterminate = false;
-    this.label = "";
-    this.variant = "primary";
-    this.title = "";
-  }
-  // make reactive to pass through
-  render() {
-    const isRtl = getComputedStyle(this).direction === "rtl";
-    return b`
-            <div
-                part="base"
-                class=${e2({
-      "progress-bar": true,
-      "progress-bar--indeterminate": this.indeterminate,
-      "progress-bar--rtl": isRtl,
-      "progress-bar--default": this.variant === "default",
-      "progress-bar--primary": this.variant === "primary",
-      "progress-bar--success": this.variant === "success",
-      "progress-bar--warning": this.variant === "warning",
-      "progress-bar--danger": this.variant === "danger"
-    })}
-                role="progressbar"
-                title=${o(this.title || void 0)}
-                aria-label=${this.label || "Progress"}
-                aria-valuemin="0"
-                aria-valuemax="100"
-                aria-valuenow=${o(
-      this.indeterminate ? void 0 : this.value
-    )}
-            >
-                <div
-                    part="indicator"
-                    class="progress-bar__indicator"
-                    style=${o2({
-      width: this.indeterminate ? void 0 : `${this.value}%`
-    })}
-                >
-                    ${!this.indeterminate ? b`
-                              <slot part="label" class="progress-bar__label"></slot>
-                          ` : ""}
-                </div>
-            </div>
-        `;
-  }
-};
-TerraProgressBar.styles = [component_styles_default, progress_bar_styles_default];
-__decorateClass([
-  n({ type: Number, reflect: true })
-], TerraProgressBar.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraProgressBar.prototype, "indeterminate", 2);
-__decorateClass([
-  n()
-], TerraProgressBar.prototype, "label", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraProgressBar.prototype, "variant", 2);
-__decorateClass([
-  n()
-], TerraProgressBar.prototype, "title", 2);
-
-export {
-  TerraProgressBar
-};
-/*! Bundled license information:
-
-lit-html/directives/style-map.js:
-  (**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.WQHKJMY7.js

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

package/cdn/chunks/chunk.WWVZEJPV.js

@@ -1,19 +0,0 @@
-import {
-  TerraTimeSeries
-} from "./chunk.W6SOSTCJ.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/time-series/time-series.ts
-init_dirname();
-init_buffer();
-init_process();
-var time_series_default = TerraTimeSeries;
-TerraTimeSeries.define("terra-time-series");
-
-export {
-  time_series_default
-};

package/cdn/chunks/chunk.WWXXMUQQ.js

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

package/cdn/chunks/chunk.WYHJ7NLI.js

@@ -1,134 +0,0 @@
-import {
-  tag_styles_default
-} from "./chunk.BYEGTGI4.js";
-import {
-  TerraIcon
-} from "./chunk.3KFZES7Q.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.FPMFEQWC.js";
-import {
-  A,
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/tag/tag.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraTag = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "content";
-    this.size = "medium";
-    this.iconLibrary = "default";
-    this.stack = false;
-    this.dark = false;
-    this.handleClick = (e2) => {
-      if (this.variant === "topic") {
-        this.emit("terra-click", { detail: { originalEvent: e2 } });
-      }
-    };
-  }
-  render() {
-    const isLink = this.variant === "topic" && this.href;
-    const isContent = this.variant === "content";
-    const baseClasses = {
-      tag: true,
-      "tag--content": isContent,
-      "tag--topic": this.variant === "topic",
-      "tag--urgent": this.variant === "urgent",
-      "tag--small": this.size === "small",
-      "tag--medium": this.size === "medium",
-      "tag--large": this.size === "large"
-    };
-    const content = b`
-            ${isContent ? b`
-                      <span
-                          part="icon"
-                          class="${e({
-      tag__icon: true,
-      "tag__icon--small": this.size === "small",
-      "tag__icon--medium": this.size === "medium",
-      "tag__icon--large": this.size === "large"
-    })}"
-                      >
-                          <slot name="icon">
-                              ${this.icon ? b`
-                                        <terra-icon
-                                            name="${this.icon}"
-                                            library="${this.iconLibrary}"
-                                        ></terra-icon>
-                                    ` : A}
-                          </slot>
-                      </span>
-                  ` : A}
-            <span part="label" class="tag__label">
-                <slot></slot>
-            </span>
-        `;
-    if (isLink) {
-      return b`
-                <a
-                    part="base"
-                    href="${this.href}"
-                    class="${e(baseClasses)}"
-                    @click="${this.handleClick}"
-                >
-                    ${content}
-                </a>
-            `;
-    }
-    return b`
-            <div
-                part="base"
-                class="${e(baseClasses)}"
-                @click="${this.handleClick}"
-                role="${this.variant === "topic" ? "button" : A}"
-                tabindex="${this.variant === "topic" && !this.href ? "0" : A}"
-            >
-                ${content}
-            </div>
-        `;
-  }
-};
-TerraTag.styles = [component_styles_default, tag_styles_default];
-TerraTag.dependencies = {
-  "terra-icon": TerraIcon
-};
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "variant", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "size", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "icon", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraTag.prototype, "iconLibrary", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraTag.prototype, "stack", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraTag.prototype, "dark", 2);
-__decorateClass([
-  n()
-], TerraTag.prototype, "href", 2);
-
-export {
-  TerraTag
-};

package/cdn/chunks/chunk.Y3GAPNFQ.js

@@ -1,60 +0,0 @@
-import {
-  card_styles_default
-} from "./chunk.RWGG5FYE.js";
-import {
-  HasSlotController
-} from "./chunk.PACUQ7ID.js";
-import {
-  e
-} from "./chunk.KGXAA5I2.js";
-import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.FPMFEQWC.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/card/card.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraCard = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(
-      this,
-      "footer",
-      "header",
-      "image"
-    );
-  }
-  render() {
-    return b`
-            <div
-                part="base"
-                class=${e({
-      card: true,
-      "card--has-footer": this.hasSlotController.test("footer"),
-      "card--has-image": this.hasSlotController.test("image"),
-      "card--has-header": this.hasSlotController.test("header")
-    })}
-            >
-                <slot name="image" part="image" class="card__image"></slot>
-                <slot name="header" part="header" class="card__header"></slot>
-                <slot part="body" class="card__body"></slot>
-                <slot name="footer" part="footer" class="card__footer"></slot>
-            </div>
-        `;
-  }
-};
-TerraCard.styles = [component_styles_default, card_styles_default];
-
-export {
-  TerraCard
-};

package/cdn/chunks/chunk.Y5OZ5KWP.js

@@ -1,106 +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.178" "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",
-        "Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`",
-        "\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
-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
-};