@nasa-terra/components 0.0.176 → 0.0.178

package/cdn/chunks/chunk.32D3TWJQ.js

@@ -0,0 +1,104 @@
+import {
+  chip_styles_default
+} from "./chunk.GALT5XHF.js";
+import {
+  e
+} from "./chunk.P3OLQVQM.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.2HT23ATY.js";
+import {
+  E,
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/chip/chip.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _handleRemoveClick;
+var TerraChip = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.size = "medium";
+    this.closeable = false;
+    this.stack = false;
+    __privateAdd(this, _handleRemoveClick, () => {
+      this.emit("terra-remove");
+      this.remove();
+    });
+  }
+  render() {
+    return x`
+            <div
+                class="${e({
+      "chip--small": this.size === "small",
+      "chip--medium": this.size === "medium",
+      "chip--large": this.size === "large"
+    })}
+                chip"
+            >
+                <div
+                    class="${e({
+      "chip-content--small": this.size === "small",
+      "chip-content--medium": this.size === "medium",
+      "chip-content--large": this.size === "large"
+    })}
+                    chip-content"
+                >
+                    <slot part="content" class="tag__content"></slot>
+                </div>
+                ${this.closeable ? x`
+                          <button
+                              class="chip-close"
+                              @click="${__privateGet(this, _handleRemoveClick)}"
+                          >
+                              <svg
+                                  class="${e({
+      // Sizes
+      "chip-svg--small": this.size === "small",
+      "chip-svg--medium": this.size === "medium",
+      "chip-svg--large": this.size === "large"
+    })}
+                        chip-svg"
+                                  focusable="false"
+                                  viewBox="0 0 500 500"
+                                  aria-hidden="true"
+                              >
+                                  <path
+                                      d="M 227 56.036 H 265 V 227.037 H 436 V 265.036 H 265 V 436.036 H 227 V 265.036 H 56 V 227.037 H 227 Z"
+                                      style="paint-order: fill; fill-rule: nonzero; stroke-width: 0px; transform-origin: 246px 246.036px;"
+                                      transform="matrix(0.707107007504, 0.707107007504, -0.707107007504, 0.707107007504, -9.98393e-7, -0.000026419743)"
+                                  ></path>
+                              </svg>
+                          </button>
+                      ` : E}
+            </div>
+        `;
+  }
+};
+_handleRemoveClick = new WeakMap();
+TerraChip.styles = [component_styles_default, chip_styles_default];
+__decorateClass([
+  n({ reflect: true })
+], TerraChip.prototype, "size", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraChip.prototype, "closeable", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraChip.prototype, "stack", 2);
+
+export {
+  TerraChip
+};

package/cdn/chunks/chunk.36PBCUIK.js

@@ -0,0 +1,19 @@
+import {
+  TerraStepperStep
+} from "./chunk.CRAEGWNP.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.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.3BT76KBA.js

@@ -0,0 +1,33 @@
+import {
+  TerraVariableKeywordSearch
+} from "./chunk.NEKQDM7X.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/react/variable-keyword-search/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-variable-keyword-search";
+TerraVariableKeywordSearch.define("terra-variable-keyword-search");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraVariableKeywordSearch,
+  react: React,
+  events: {
+    onTerraVariableKeywordSearchChange: "terra-variable-keyword-search-change",
+    onTerraSearch: "terra-search"
+  },
+  displayName: "TerraVariableKeywordSearch"
+});
+var variable_keyword_search_default = reactWrapper;
+
+export {
+  variable_keyword_search_default
+};

package/cdn/chunks/chunk.3DI7O3WX.js

@@ -0,0 +1,123 @@
+import {
+  avatar_styles_default
+} from "./chunk.SQ4FFTEO.js";
+import {
+  TerraIcon
+} from "./chunk.FCQ7WBH3.js";
+import {
+  e
+} from "./chunk.P3OLQVQM.js";
+import {
+  watch
+} from "./chunk.5WMSKURU.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n,
+  r
+} from "./chunk.2HT23ATY.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/avatar/avatar.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraAvatar = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.hasError = false;
+    this.image = "";
+    this.label = "";
+    this.initials = "";
+    this.loading = "eager";
+    this.shape = "circle";
+  }
+  handleImageChange() {
+    this.hasError = false;
+  }
+  handleImageLoadError() {
+    this.hasError = true;
+    this.emit("terra-error");
+  }
+  render() {
+    const avatarWithImage = x`
+            <img
+                part="image"
+                class="avatar__image"
+                src="${this.image}"
+                loading="${this.loading}"
+                alt=""
+                @error="${this.handleImageLoadError}"
+            />
+        `;
+    let avatarWithoutImage = x``;
+    if (this.initials) {
+      avatarWithoutImage = x`<div part="initials" class="avatar__initials">
+                ${this.initials}
+            </div>`;
+    } else {
+      avatarWithoutImage = x`
+                <div part="icon" class="avatar__icon" aria-hidden="true">
+                    <slot name="icon">
+                        <terra-icon
+                            name="solid-user"
+                            library="heroicons"
+                        ></terra-icon>
+                    </slot>
+                </div>
+            `;
+    }
+    return x`
+            <div
+                part="base"
+                class=${e({
+      avatar: true,
+      "avatar--circle": this.shape === "circle",
+      "avatar--rounded": this.shape === "rounded",
+      "avatar--square": this.shape === "square"
+    })}
+                role="img"
+                aria-label=${this.label}
+            >
+                ${this.image && !this.hasError ? avatarWithImage : avatarWithoutImage}
+            </div>
+        `;
+  }
+};
+TerraAvatar.styles = [component_styles_default, avatar_styles_default];
+TerraAvatar.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  r()
+], TerraAvatar.prototype, "hasError", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "image", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "label", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "initials", 2);
+__decorateClass([
+  n()
+], TerraAvatar.prototype, "loading", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraAvatar.prototype, "shape", 2);
+__decorateClass([
+  watch("image")
+], TerraAvatar.prototype, "handleImageChange", 1);
+
+export {
+  TerraAvatar
+};

package/cdn/chunks/chunk.3DMP7BK5.js

@@ -0,0 +1,10 @@
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/utilities/icon-library.ts
+init_dirname();
+init_buffer();
+init_process();