@nasa-terra/components 0.0.192 → 0.0.194

package/cdn/chunks/chunk.54QUDEQS.js

@@ -0,0 +1,19 @@
+import {
+  TerraCombobox
+} from "./chunk.6TECKHZT.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/combobox/combobox.ts
+init_dirname();
+init_buffer();
+init_process();
+var combobox_default = TerraCombobox;
+TerraCombobox.define("terra-combobox");
+
+export {
+  combobox_default
+};

package/cdn/chunks/chunk.56ESMRJG.js

@@ -0,0 +1,19 @@
+import {
+  TerraCaption
+} from "./chunk.PNLVMKMG.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/caption/caption.ts
+init_dirname();
+init_buffer();
+init_process();
+var caption_default = TerraCaption;
+TerraCaption.define("terra-caption");
+
+export {
+  caption_default
+};

package/cdn/chunks/chunk.57PNGTGL.js

@@ -0,0 +1,19 @@
+import {
+  TerraToggle
+} from "./chunk.R6TZC2LN.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.5AHVOWBD.js

@@ -0,0 +1,47 @@
+import {
+  breadcrumbs_styles_default
+} from "./chunk.L3N5U2RI.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n
+} from "./chunk.WTFB42FU.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/breadcrumbs/breadcrumbs.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraBreadcrumbs = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.ariaLabel = "Breadcrumb";
+    this.theme = "light";
+  }
+  render() {
+    return b`
+            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
+                <slot></slot>
+            </nav>
+        `;
+  }
+};
+TerraBreadcrumbs.styles = [component_styles_default, breadcrumbs_styles_default];
+__decorateClass([
+  n({ attribute: "aria-label" })
+], TerraBreadcrumbs.prototype, "ariaLabel", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraBreadcrumbs.prototype, "theme", 2);
+
+export {
+  TerraBreadcrumbs
+};

package/cdn/chunks/chunk.5AQTORKZ.js

@@ -0,0 +1,19 @@
+import {
+  TerraDataSubsetterHistory
+} from "./chunk.H5JXHH2F.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/data-subsetter-history/data-subsetter-history.ts
+init_dirname();
+init_buffer();
+init_process();
+var data_subsetter_history_default = TerraDataSubsetterHistory;
+TerraDataSubsetterHistory.define("terra-data-subsetter-history");
+
+export {
+  data_subsetter_history_default
+};

package/cdn/chunks/chunk.5ELVELDK.js

@@ -0,0 +1,32 @@
+import {
+  TerraDataSubsetter
+} from "./chunk.ZK2F6XLW.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/data-subsetter/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-data-subsetter";
+TerraDataSubsetter.define("terra-data-subsetter");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraDataSubsetter,
+  react: React,
+  events: {
+    onTerraSubsetJobComplete: "terra-subset-job-complete"
+  },
+  displayName: "TerraDataSubsetter"
+});
+var data_subsetter_default = reactWrapper;
+
+export {
+  data_subsetter_default
+};

package/cdn/chunks/chunk.5JA573P2.js

@@ -0,0 +1,231 @@
+import {
+  pagination_styles_default
+} from "./chunk.4LC3HXTW.js";
+import {
+  TerraIcon
+} from "./chunk.IZYJIYRD.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n,
+  r
+} from "./chunk.WTFB42FU.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/pagination/pagination.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraPagination = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.current = 1;
+    this.total = 1;
+    this.variant = "full";
+    this.centered = false;
+    this._visiblePages = [];
+  }
+  handlePropsChange() {
+    this._updateVisiblePages();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._updateVisiblePages();
+  }
+  _updateVisiblePages() {
+    const pages = [];
+    const total = Math.max(1, this.total);
+    const current = Math.max(1, Math.min(this.current, total));
+    if (this.variant === "simple") {
+      this._visiblePages = [];
+      return;
+    }
+    if (total <= 7) {
+      for (let i = 1; i <= total; i++) {
+        pages.push(i);
+      }
+    } else {
+      pages.push(1);
+      if (current <= 4) {
+        for (let i = 2; i <= 5; i++) {
+          pages.push(i);
+        }
+        pages.push(-1);
+        pages.push(total);
+      } else if (current >= total - 3) {
+        pages.push(-1);
+        for (let i = total - 4; i <= total; i++) {
+          pages.push(i);
+        }
+      } else {
+        pages.push(-1);
+        for (let i = current - 1; i <= current + 1; i++) {
+          pages.push(i);
+        }
+        pages.push(-1);
+        pages.push(total);
+      }
+    }
+    this._visiblePages = pages;
+  }
+  _handlePageClick(page) {
+    if (page === this.current || page < 1 || page > this.total) {
+      return;
+    }
+    this.current = page;
+    this._updateVisiblePages();
+    this.emit("terra-page-change", { detail: { page } });
+  }
+  _handlePrevClick() {
+    if (this.current > 1) {
+      this._handlePageClick(this.current - 1);
+    }
+  }
+  _handleNextClick() {
+    if (this.current < this.total) {
+      this._handlePageClick(this.current + 1);
+    }
+  }
+  render() {
+    const total = Math.max(1, this.total);
+    const current = Math.max(1, Math.min(this.current, total));
+    const isPrevDisabled = current === 1;
+    const isNextDisabled = current === total;
+    const showNumbers = this.variant === "full";
+    return b`
+            <div
+                part="base"
+                class=${e({
+      pagination: true,
+      "pagination--centered": this.centered,
+      "pagination--left": this.variant === "full" && !this.centered,
+      "pagination--simple": this.variant === "simple"
+    })}
+            >
+                <nav part="nav" class="pagination__nav">
+                    <button
+                        part="prev"
+                        class="pagination__button pagination__button--prev"
+                        ?disabled=${isPrevDisabled}
+                        @click=${this._handlePrevClick}
+                        aria-label="Previous page"
+                    >
+                        ${this.variant === "simple" ? b`
+                                  <terra-icon
+                                      name="chevron-left"
+                                      library="default"
+                                  ></terra-icon>
+                                  <span class="pagination__button-text"
+                                      >Previous</span
+                                  >
+                              ` : b`
+                                  <terra-icon
+                                      name="chevron-left"
+                                      library="default"
+                                  ></terra-icon>
+                              `}
+                    </button>
+
+                    ${showNumbers ? b`
+                              ${this._visiblePages.map((page) => {
+      if (page === -1) {
+        return b`
+                                          <span
+                                              part="ellipsis"
+                                              class="pagination__ellipsis"
+                                              aria-hidden="true"
+                                              >…</span
+                                          >
+                                      `;
+      }
+      const isCurrent = page === current;
+      return b`
+                                      <button
+                                          part=${isCurrent ? "button-current button" : "button"}
+                                          class=${e({
+        pagination__button: true,
+        "pagination__button--page": true,
+        "pagination__button--current": isCurrent
+      })}
+                                          ?disabled=${isCurrent}
+                                          @click=${() => this._handlePageClick(page)}
+                                          aria-label=${`Page ${page}`}
+                                          aria-current=${isCurrent ? "page" : void 0}
+                                      >
+                                          ${page}
+                                      </button>
+                                  `;
+    })}
+                          ` : ""}
+
+                    <button
+                        part="next"
+                        class="pagination__button pagination__button--next"
+                        ?disabled=${isNextDisabled}
+                        @click=${this._handleNextClick}
+                        aria-label="Next page"
+                    >
+                        ${this.variant === "simple" ? b`
+                                  <span class="pagination__button-text">Next</span>
+                                  <terra-icon
+                                      name="chevron-right"
+                                      library="default"
+                                  ></terra-icon>
+                              ` : b`
+                                  <terra-icon
+                                      name="chevron-right"
+                                      library="default"
+                                  ></terra-icon>
+                              `}
+                    </button>
+                </nav>
+
+                ${this.variant === "full" && !this.centered ? b`
+                          <div part="slot" class="pagination__slot">
+                              <slot></slot>
+                          </div>
+                      ` : ""}
+            </div>
+        `;
+  }
+};
+TerraPagination.styles = [component_styles_default, pagination_styles_default];
+TerraPagination.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  n({ type: Number })
+], TerraPagination.prototype, "current", 2);
+__decorateClass([
+  n({ type: Number })
+], TerraPagination.prototype, "total", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraPagination.prototype, "variant", 2);
+__decorateClass([
+  n({ type: Boolean })
+], TerraPagination.prototype, "centered", 2);
+__decorateClass([
+  r()
+], TerraPagination.prototype, "_visiblePages", 2);
+__decorateClass([
+  watch(["current", "total", "variant"])
+], TerraPagination.prototype, "handlePropsChange", 1);
+
+export {
+  TerraPagination
+};

package/cdn/chunks/chunk.5JZJ5AAG.js

@@ -0,0 +1,19 @@
+import {
+  TerraTabs
+} from "./chunk.GM5OAPMU.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/tabs/tabs.ts
+init_dirname();
+init_buffer();
+init_process();
+var tabs_default = TerraTabs;
+TerraTabs.define("terra-tabs");
+
+export {
+  tabs_default
+};

package/cdn/chunks/chunk.5OUTFWGD.js

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