@nasa-terra/components 0.0.137 → 0.0.139

package/cdn/chunks/chunk.LPQPN27D.js

@@ -1,230 +0,0 @@
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.QPEDBBDQ.js";
-import {
-  icon_styles_default
-} from "./chunk.L5Y4JVOE.js";
-import {
-  e
-} from "./chunk.YEINMQD6.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.UYMOTJH6.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/icon/icon.component.ts
-init_dirname();
-init_buffer();
-init_process();
-
-// node_modules/lit/directive-helpers.js
-init_dirname();
-init_buffer();
-init_process();
-
-// src/components/icon/icon.component.ts
-var CACHEABLE_ERROR = Symbol();
-var RETRYABLE_ERROR = Symbol();
-var parser;
-var iconCache = /* @__PURE__ */ new Map();
-var _initialRender, _resolveIcon, resolveIcon_fn, _getIconSource, getIconSource_fn, _styleFromAttributes, styleFromAttributes_fn;
-var TerraIcon = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
-    __privateAdd(this, _resolveIcon);
-    __privateAdd(this, _getIconSource);
-    /**
-     * SVG takes a few presentation attributes. Since we're using a template for SVG and our host element isn't an SVG, we can pass those presentational attributes into a style attribute to affect the underlying SVG.
-     * Merge select attributes with existing inline style attribute to forward values to underlying SVG.
-     */
-    __privateAdd(this, _styleFromAttributes);
-    __privateAdd(this, _initialRender, false);
-    this.svg = null;
-    this.label = "";
-    this.library = "default";
-    this.color = null;
-    this.fontSize = null;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    watchIcon(this);
-  }
-  firstUpdated() {
-    __privateSet(this, _initialRender, true);
-    this.setIcon();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    unwatchIcon(this);
-  }
-  handleLabelChange() {
-    const hasLabel = typeof this.label === "string" && this.label.length > 0;
-    if (hasLabel) {
-      this.setAttribute("role", "img");
-      this.setAttribute("aria-label", this.label);
-      this.removeAttribute("aria-hidden");
-    } else {
-      this.removeAttribute("role");
-      this.removeAttribute("aria-label");
-      this.setAttribute("aria-hidden", "true");
-    }
-  }
-  async setIcon() {
-    var _a;
-    const { url, fromLibrary } = __privateMethod(this, _getIconSource, getIconSource_fn).call(this);
-    const library = fromLibrary ? getIconLibrary(this.library) : void 0;
-    if (!url) {
-      this.svg = null;
-      return;
-    }
-    let iconResolver = iconCache.get(url);
-    if (!iconResolver) {
-      iconResolver = __privateMethod(this, _resolveIcon, resolveIcon_fn).call(this, url);
-      iconCache.set(url, iconResolver);
-    }
-    if (!__privateGet(this, _initialRender)) {
-      return;
-    }
-    const svg = await iconResolver;
-    if (svg === RETRYABLE_ERROR) {
-      iconCache.delete(url);
-    }
-    if (url !== __privateMethod(this, _getIconSource, getIconSource_fn).call(this).url) {
-      return;
-    }
-    if (e(svg)) {
-      this.svg = svg;
-      return;
-    }
-    switch (svg) {
-      case RETRYABLE_ERROR:
-      case CACHEABLE_ERROR:
-        this.svg = null;
-        this.emit("terra-error");
-        break;
-      default:
-        this.svg = svg.cloneNode(true);
-        (_a = library == null ? void 0 : library.mutator) == null ? void 0 : _a.call(library, this.svg);
-        this.emit("terra-load");
-    }
-  }
-  render() {
-    __privateMethod(this, _styleFromAttributes, styleFromAttributes_fn).call(this);
-    return this.svg;
-  }
-};
-_initialRender = new WeakMap();
-_resolveIcon = new WeakSet();
-resolveIcon_fn = async function(url) {
-  var _a;
-  let fileData;
-  try {
-    fileData = await fetch(url, { mode: "cors" });
-    if (!fileData.ok) {
-      return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;
-    }
-  } catch (e2) {
-    return RETRYABLE_ERROR;
-  }
-  try {
-    const div = document.createElement("div");
-    div.innerHTML = await fileData.text();
-    const svg = div.firstElementChild;
-    if (((_a = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a.toLowerCase()) !== "svg") {
-      return CACHEABLE_ERROR;
-    }
-    if (!parser) {
-      parser = new DOMParser();
-    }
-    const doc = parser.parseFromString(svg.outerHTML, "text/html");
-    const svgEl = doc.body.querySelector("svg");
-    if (!svgEl) {
-      return CACHEABLE_ERROR;
-    }
-    svgEl.part.add("svg");
-    return document.adoptNode(svgEl);
-  } catch (e2) {
-    return CACHEABLE_ERROR;
-  }
-};
-_getIconSource = new WeakSet();
-getIconSource_fn = function() {
-  const library = getIconLibrary(this.library);
-  if (this.name && library) {
-    return {
-      url: library.resolver(this.name),
-      fromLibrary: true
-    };
-  }
-  return {
-    url: this.src,
-    fromLibrary: false
-  };
-};
-_styleFromAttributes = new WeakSet();
-styleFromAttributes_fn = function() {
-  const svgAttributes = [
-    { attribute: "color", property: this.color },
-    { attribute: "font-size", property: this.fontSize }
-  ];
-  const style = svgAttributes.reduce((accumulator, { attribute, property }) => {
-    if (typeof property === "string" && property.length > 0) {
-      accumulator += ` ${attribute}: ${property};`;
-    }
-    this.removeAttribute(attribute);
-    return accumulator;
-  }, `${this.style.cssText}`);
-  if (style.length > 0) {
-    this.setAttribute("style", style);
-  }
-};
-TerraIcon.styles = [component_styles_default, icon_styles_default];
-__decorateClass([
-  r()
-], TerraIcon.prototype, "svg", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraIcon.prototype, "name", 2);
-__decorateClass([
-  n()
-], TerraIcon.prototype, "src", 2);
-__decorateClass([
-  n()
-], TerraIcon.prototype, "label", 2);
-__decorateClass([
-  n({ reflect: true })
-], TerraIcon.prototype, "library", 2);
-__decorateClass([
-  n()
-], TerraIcon.prototype, "color", 2);
-__decorateClass([
-  n({ attribute: "font-size" })
-], TerraIcon.prototype, "fontSize", 2);
-__decorateClass([
-  watch("label")
-], TerraIcon.prototype, "handleLabelChange", 1);
-__decorateClass([
-  watch(["name", "src", "library"])
-], TerraIcon.prototype, "setIcon", 1);
-
-export {
-  TerraIcon
-};

package/cdn/chunks/chunk.LZ76ZLTY.js

@@ -1,224 +0,0 @@
-import {
-  menu_item_styles_default
-} from "./chunk.4K2NAKDG.js";
-import {
-  SubmenuController
-} from "./chunk.6PDKWTOW.js";
-import {
-  TerraPopup
-} from "./chunk.V52XWSHA.js";
-import {
-  TerraLoader
-} from "./chunk.PYWQ4CJT.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.YTY4DQKX.js";
-import {
-  TerraIcon
-} from "./chunk.LPQPN27D.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
-import {
-  e
-} from "./chunk.P3OLQVQM.js";
-import {
-  TerraElement,
-  component_styles_default,
-  e as e2,
-  n
-} from "./chunk.UYMOTJH6.js";
-import {
-  x
-} from "./chunk.3ZQGAH53.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.js";
-
-// src/components/menu-item/menu-item.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraMenuItem = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.type = "normal";
-    this.checked = false;
-    this.value = "";
-    this.loading = false;
-    this.disabled = false;
-    this.hasSlotController = new HasSlotController(this, "submenu");
-    this.submenuController = new SubmenuController(
-      this,
-      this.hasSlotController
-    );
-    this.handleHostClick = (event) => {
-      if (this.disabled) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleMouseOver = (event) => {
-      this.focus();
-      event.stopPropagation();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("click", this.handleHostClick);
-    this.addEventListener("mouseover", this.handleMouseOver);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleHostClick);
-    this.removeEventListener("mouseover", this.handleMouseOver);
-  }
-  handleDefaultSlotChange() {
-    const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
-    if (textLabel !== this.cachedTextLabel) {
-      this.cachedTextLabel = textLabel;
-      this.emit("slotchange", {
-        bubbles: true,
-        composed: false,
-        cancelable: false
-      });
-    }
-  }
-  handleCheckedChange() {
-    if (this.checked && this.type !== "checkbox") {
-      this.checked = false;
-      console.error(
-        'The checked attribute can only be used on menu items with type="checkbox"',
-        this
-      );
-      return;
-    }
-    if (this.type === "checkbox") {
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.removeAttribute("aria-checked");
-    }
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleTypeChange() {
-    if (this.type === "checkbox") {
-      this.setAttribute("role", "menuitemcheckbox");
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.setAttribute("role", "menuitem");
-      this.removeAttribute("aria-checked");
-    }
-  }
-  /** Returns a text label based on the contents of the menu item's default slot. */
-  getTextLabel() {
-    return getTextContent(this.defaultSlot);
-  }
-  isSubmenu() {
-    return this.hasSlotController.test("submenu");
-  }
-  render() {
-    const isRtl = false;
-    const isSubmenuExpanded = this.submenuController.isExpanded();
-    return x`
-            <div
-                id="anchor"
-                part="base"
-                class=${e({
-      "menu-item": true,
-      "menu-item--rtl": isRtl,
-      "menu-item--checked": this.checked,
-      "menu-item--disabled": this.disabled,
-      "menu-item--loading": this.loading,
-      "menu-item--has-submenu": this.isSubmenu(),
-      "menu-item--submenu-expanded": isSubmenuExpanded
-    })}
-                ?aria-haspopup="${this.isSubmenu()}"
-                ?aria-expanded="${isSubmenuExpanded ? true : false}"
-            >
-                <span part="checked-icon" class="menu-item__check">
-                    <terra-icon
-                        name="solid-check"
-                        library="heroicons"
-                        aria-hidden="true"
-                    ></terra-icon>
-                </span>
-
-                <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-                <slot
-                    part="label"
-                    class="menu-item__label"
-                    @slotchange=${this.handleDefaultSlotChange}
-                ></slot>
-
-                <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-                <span part="submenu-icon" class="menu-item__chevron">
-                    <terra-icon
-                        name=${isRtl ? "chevron-left" : "chevron-right"}
-                        library="system"
-                        aria-hidden="true"
-                    ></terra-icon>
-                </span>
-
-                ${this.submenuController.renderSubmenu()}
-                ${this.loading ? x`
-                          <terra-loader
-                              part="spinner"
-                              exportparts="base:spinner__base"
-                          ></terra-loader>
-                      ` : ""}
-            </div>
-        `;
-  }
-};
-TerraMenuItem.styles = [component_styles_default, menu_item_styles_default];
-TerraMenuItem.dependencies = {
-  "terra-icon": TerraIcon,
-  "terra-popup": TerraPopup,
-  "terra-loader": TerraLoader
-};
-__decorateClass([
-  e2("slot:not([name])")
-], TerraMenuItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  e2(".menu-item")
-], TerraMenuItem.prototype, "menuItem", 2);
-__decorateClass([
-  n()
-], TerraMenuItem.prototype, "type", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraMenuItem.prototype, "checked", 2);
-__decorateClass([
-  n()
-], TerraMenuItem.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraMenuItem.prototype, "loading", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraMenuItem.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], TerraMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled")
-], TerraMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("type")
-], TerraMenuItem.prototype, "handleTypeChange", 1);
-
-export {
-  TerraMenuItem
-};

package/cdn/chunks/chunk.M4RK2ABO.js

@@ -1,106 +0,0 @@
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.CZA6CSBG.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.137" "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
-};