@nasa-terra/components 0.0.181 → 0.0.182

package/cdn/chunks/chunk.QLPYQ5QM.js

@@ -1,19 +0,0 @@
-import {
-  TerraToggle
-} from "./chunk.VFSDKRWK.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/toggle/toggle.ts
-init_dirname();
-init_buffer();
-init_process();
-var toggle_default = TerraToggle;
-TerraToggle.define("terra-toggle");
-
-export {
-  toggle_default
-};

package/cdn/chunks/chunk.QPZ3OXHJ.js

@@ -1,188 +0,0 @@
-import {
-  toast_styles_default
-} from "./chunk.NJ3TPG7D.js";
-import {
-  TerraAlert
-} from "./chunk.SJFGHGKH.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n
-} from "./chunk.XQO3ZO7J.js";
-import {
-  b
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/toast/toast.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var TerraToast = class extends TerraElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "primary";
-    this.duration = 3e3;
-    this.closable = true;
-  }
-  get alert() {
-    if (!this.shadowRoot) {
-      return null;
-    }
-    return this.shadowRoot.querySelector("terra-alert");
-  }
-  firstUpdated() {
-    const alert = this.alert;
-    if (alert) {
-      alert.addEventListener("terra-show", () => this.emit("terra-show"));
-      alert.addEventListener(
-        "terra-after-show",
-        () => this.emit("terra-after-show")
-      );
-      alert.addEventListener("terra-hide", () => this.emit("terra-hide"));
-      alert.addEventListener(
-        "terra-after-hide",
-        () => this.emit("terra-after-hide")
-      );
-    }
-  }
-  /**
-   * Displays the toast as a notification. This will move the toast out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by
-   * calling this method again. The returned promise will resolve after the toast is hidden.
-   */
-  async toast() {
-    return new Promise(async (resolve) => {
-      await this.updateComplete;
-      if (!this.shadowRoot) {
-        await this.updateComplete;
-      }
-      let alert = this.alert;
-      if (!alert) {
-        await customElements.whenDefined("terra-alert");
-        await this.updateComplete;
-        alert = this.alert;
-      }
-      if (!alert) {
-        resolve();
-        return;
-      }
-      await alert.updateComplete;
-      const toastStack = TerraAlert.toastStack;
-      if (toastStack.parentElement === null) {
-        document.body.append(toastStack);
-      }
-      toastStack.appendChild(this);
-      requestAnimationFrame(async () => {
-        this.clientWidth;
-        await this.updateComplete;
-        await alert.updateComplete;
-        if (!alert.open) {
-          await alert.show();
-        }
-      });
-      this.addEventListener(
-        "terra-after-hide",
-        () => {
-          if (toastStack.contains(this)) {
-            toastStack.removeChild(this);
-          }
-          resolve();
-          if (toastStack.querySelector("terra-toast") === null && toastStack.querySelector("terra-alert") === null) {
-            toastStack.remove();
-          }
-        },
-        { once: true }
-      );
-    });
-  }
-  /** Shows the toast. */
-  async show() {
-    await this.updateComplete;
-    const alert = this.alert;
-    if (!alert) {
-      throw new Error("TerraToast: Alert element not found");
-    }
-    await alert.updateComplete;
-    return alert.show();
-  }
-  /** Hides the toast. */
-  async hide() {
-    await this.updateComplete;
-    const alert = this.alert;
-    if (!alert) {
-      throw new Error("TerraToast: Alert element not found");
-    }
-    await alert.updateComplete;
-    return alert.hide();
-  }
-  /**
-   * Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the
-   * body, and displays it as a notification.
-   *
-   * @param message - The message to display in the toast.
-   * @param variant - The toast variant. Defaults to 'primary'.
-   * @param icon - Optional icon name to display. Defaults to undefined.
-   * @param duration - The duration in milliseconds. Defaults to 3000.
-   * @returns A promise that resolves after the toast is hidden.
-   */
-  static async notify(message, variant = "primary", icon, duration = 3e3) {
-    const escapeHtml = (html) => {
-      const div = document.createElement("div");
-      div.textContent = html;
-      return div.innerHTML;
-    };
-    const toast = Object.assign(document.createElement("terra-toast"), {
-      variant,
-      duration,
-      closable: true,
-      innerHTML: icon ? `
-                    <terra-icon name="${icon}" slot="icon" library="heroicons"></terra-icon>
-                    ${escapeHtml(message)}
-                ` : escapeHtml(message)
-    });
-    document.body.append(toast);
-    await customElements.whenDefined("terra-toast");
-    await toast.updateComplete;
-    return toast.toast();
-  }
-  render() {
-    return b`
-            <terra-alert
-                part="base"
-                exportparts="base:base__base, icon:base__icon, message:base__message"
-                variant=${this.variant}
-                duration=${this.duration}
-                closable=${this.closable}
-                countdown=${this.countdown || ""}
-                appearance="filled"
-            >
-                <slot name="icon" slot="icon"></slot>
-                <slot></slot>
-            </terra-alert>
-        `;
-  }
-};
-TerraToast.styles = [component_styles_default, toast_styles_default];
-TerraToast.dependencies = { "terra-alert": TerraAlert };
-__decorateClass([
-  n({ reflect: true })
-], TerraToast.prototype, "variant", 2);
-__decorateClass([
-  n({ type: Number })
-], TerraToast.prototype, "duration", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], TerraToast.prototype, "closable", 2);
-__decorateClass([
-  n({ type: String, reflect: true })
-], TerraToast.prototype, "countdown", 2);
-
-export {
-  TerraToast
-};

package/cdn/chunks/chunk.QRJLBELU.js

@@ -1,230 +0,0 @@
-import {
-  icon_styles_default
-} from "./chunk.MBNHU6HG.js";
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.WFSXAREE.js";
-import {
-  l
-} from "./chunk.RLW2L6QO.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.XQO3ZO7J.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.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 (l(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 (e) {
-    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 (e) {
-    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.R2VK36KK.js

@@ -1,29 +0,0 @@
-import {
-  TerraSkeleton
-} from "./chunk.VJZNIJEP.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.RCSM7Z5E.js

@@ -1,19 +0,0 @@
-import {
-  TerraOption
-} from "./chunk.DYDZ3LJN.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/option/option.ts
-init_dirname();
-init_buffer();
-init_process();
-var option_default = TerraOption;
-TerraOption.define("terra-option");
-
-export {
-  option_default
-};