@nasa-terra/components 0.0.145 → 0.0.147

package/cdn/chunks/chunk.24N3TYTN.js

@@ -0,0 +1,86 @@
+import {
+  TerraIcon
+} from "./chunk.QQ7ZXO7Y.js";
+import {
+  accordion_styles_default
+} from "./chunk.KELDIHN7.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.VZRFHHI4.js";
+import {
+  x
+} from "./chunk.3ZQGAH53.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/accordion/accordion.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraAccordion = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+    this.showArrow = true;
+  }
+  render() {
+    return x`
+            <details
+                class="accordion"
+                ?open=${this.open}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="accordion-summary">
+                    <slot name="summary"> ${this.summary} </slot>
+
+                    <div class="accordion-summary-right">
+                        <slot name="summary-right"></slot>
+
+                        ${this.showArrow && x`
+                            <terra-icon
+                                name="chevron-down-circle"
+                                font-size="24px"
+                            ></terra-icon>
+                        `}
+                    </div>
+                </summary>
+
+                <div class="accordion-content">
+                    <slot></slot>
+                </div>
+            </details>
+        `;
+  }
+  handleToggle(e) {
+    const details = e.currentTarget;
+    this.open = details.open;
+    this.emit("terra-accordion-toggle", {
+      detail: {
+        open: this.open
+      }
+    });
+  }
+};
+TerraAccordion.styles = [component_styles_default, accordion_styles_default];
+TerraAccordion.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  n()
+], TerraAccordion.prototype, "summary", 2);
+__decorateClass([
+  n({ reflect: true, type: Boolean })
+], TerraAccordion.prototype, "open", 2);
+__decorateClass([
+  n({ type: Boolean })
+], TerraAccordion.prototype, "showArrow", 2);
+
+export {
+  TerraAccordion
+};

package/cdn/chunks/chunk.257FOPYO.js

@@ -0,0 +1,29 @@
+import {
+  TerraButtonGroup
+} from "./chunk.VOJGHDMD.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/react/button-group/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "terra-button-group";
+TerraButtonGroup.define("terra-button-group");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraButtonGroup,
+  react: React,
+  events: {},
+  displayName: "TerraButtonGroup"
+});
+var button_group_default = reactWrapper;
+
+export {
+  button_group_default
+};

package/cdn/chunks/chunk.2BMPWNRO.js

@@ -0,0 +1,19 @@
+import {
+  TerraBrowseVariables
+} from "./chunk.OSSU4YBK.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/components/browse-variables/browse-variables.ts
+init_dirname();
+init_buffer();
+init_process();
+var browse_variables_default = TerraBrowseVariables;
+TerraBrowseVariables.define("terra-browse-variables");
+
+export {
+  browse_variables_default
+};

package/cdn/chunks/chunk.2FRCO3IV.js

@@ -0,0 +1,36 @@
+import {
+  TerraToggle
+} from "./chunk.NHTD6OUY.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.CZA6CSBG.js";
+
+// src/react/toggle/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-toggle";
+TerraToggle.define("terra-toggle");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraToggle,
+  react: React,
+  events: {
+    onTerraBlur: "terra-blur",
+    onTerraChange: "terra-change",
+    onTerraInput: "terra-input",
+    onTerraFocus: "terra-focus",
+    onTerraInvalid: "terra-invalid"
+  },
+  displayName: "TerraToggle"
+});
+var toggle_default = reactWrapper;
+
+export {
+  toggle_default
+};