@nasa-terra/components 0.0.112 → 0.0.113

package/cdn/chunks/{GeoTIFF.E3JSXBIS.js → GeoTIFF.IAHZVQ7U.js}

@@ -712,7 +712,7 @@ addDecoder([8, 32946], () => import("./deflate.HTLP3SD5.js").then((m4) => m4.def
 addDecoder(32773, () => import("./packbits.NTCXGA7G.js").then((m4) => m4.default));
 addDecoder(
   34887,
-  () => import("./lerc.QBULF56U.js").then(async (m4) => {
+  () => import("./lerc.WM5TSWVZ.js").then(async (m4) => {
     await m4.zstd.init();
     return m4;
   }).then((m4) => m4.default)

package/cdn/chunks/chunk.23UCK53J.js

@@ -0,0 +1,122 @@
+import {
+  site_navigation_styles_default
+} from "./chunk.5PYQINFB.js";
+import {
+  e
+} from "./chunk.XMZR4BZJ.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.5KGIEFLJ.js";
+import {
+  n
+} from "./chunk.WXCDRC3B.js";
+import {
+  x
+} from "./chunk.JQ2FCDGS.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.HBV76IJU.js";
+
+// src/components/site-navigation/site-navigation.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraSiteNavigation = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.fullWidth = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.injectStyles();
+  }
+  injectStyles() {
+    if (typeof document === "undefined")
+      return;
+    const styleId = "terra-site-navigation-global-styles";
+    if (document.getElementById(styleId))
+      return;
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+            /* Navigation buttons in site-navigation should be blue */
+            terra-site-navigation terra-button[variant='text'] {
+                --terra-button-text-text-color: var(--terra-color-nasa-blue) !important;
+                --terra-button-text-text-color-hover: var(--terra-color-nasa-blue-tint) !important;
+            }
+
+            /* Dropdown panels in site-navigation should have dark background */
+            terra-site-navigation terra-dropdown::part(panel) {
+                background-color: var(--terra-color-carbon-black) !important;
+                border-color: var(--terra-color-carbon-20) !important;
+                color: var(--terra-color-spacesuit-white) !important;
+            }
+
+            /* Menus inside site-navigation dropdowns */
+            terra-site-navigation terra-dropdown terra-menu {
+                background-color: var(--terra-color-carbon-black) !important;
+                border-color: var(--terra-color-carbon-20) !important;
+                color: var(--terra-color-spacesuit-white) !important;
+            }
+
+            terra-site-navigation terra-dropdown terra-menu-item {
+                color: var(--terra-color-spacesuit-white) !important;
+            }
+
+            terra-site-navigation terra-dropdown terra-menu-item:hover {
+                background-color: var(--terra-color-carbon-80) !important;
+                color: var(--terra-color-spacesuit-white) !important;
+            }
+
+            terra-site-navigation terra-dropdown terra-menu-item:focus-visible {
+                background-color: var(--terra-color-nasa-blue) !important;
+                color: var(--terra-color-spacesuit-white) !important;
+            }
+
+            terra-site-navigation terra-dropdown terra-menu-item a {
+                color: var(--terra-color-spacesuit-white) !important;
+                text-decoration: none;
+            }
+
+            terra-site-navigation terra-dropdown terra-menu-item a:hover {
+                color: var(--terra-color-spacesuit-white) !important;
+            }
+
+            /* Full-width mode */
+            terra-site-navigation[full-width] terra-dropdown::part(base__popup) {
+                position: fixed !important;
+                left: 0 !important;
+                right: 0 !important;
+                width: 100vw !important;
+                max-width: 100vw !important;
+                transform: none !important;
+            }
+        `;
+    document.head.appendChild(style);
+  }
+  render() {
+    return x`
+            <nav
+                part="base"
+                class=${e({
+      "site-navigation": true,
+      "site-navigation--full-width": this.fullWidth
+    })}
+            >
+                <slot></slot>
+            </nav>
+        `;
+  }
+};
+TerraSiteNavigation.styles = [component_styles_default, site_navigation_styles_default];
+__decorateClass([
+  n({ type: Boolean, reflect: true, attribute: "full-width" })
+], TerraSiteNavigation.prototype, "fullWidth", 2);
+
+export {
+  TerraSiteNavigation
+};

package/cdn/chunks/{chunk.JDUDVJ5C.js → chunk.267TAFBU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.CTTYXXNL.js";
 import {
   authService
-} from "./chunk.HLSOB2XC.js";
+} from "./chunk.5KGIEFLJ.js";
 import {
   __privateAdd,
   __privateGet,

package/cdn/chunks/{chunk.6U7YYXBR.js → chunk.2HX5K5PD.js}

@@ -18,11 +18,11 @@ import {
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HLSOB2XC.js";
+} from "./chunk.5KGIEFLJ.js";
 import {
   e,
   n
-} from "./chunk.ZQH2A4BE.js";
+} from "./chunk.WXCDRC3B.js";
 import {
   x
 } from "./chunk.JQ2FCDGS.js";

package/cdn/chunks/{chunk.4DNQNVV7.js → chunk.2Q223WUT.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.ZLGQ3Z3R.js";
+} from "./chunk.X2OM5Y2D.js";
 import {
   init_buffer,
   init_dirname,

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

@@ -0,0 +1,134 @@
+import {
+  tab_styles_default
+} from "./chunk.XD752ZSL.js";
+import {
+  TerraIcon
+} from "./chunk.FNF2I5Q7.js";
+import {
+  e
+} from "./chunk.XMZR4BZJ.js";
+import {
+  watch
+} from "./chunk.IGV6JSNT.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.5KGIEFLJ.js";
+import {
+  e as e2,
+  n
+} from "./chunk.WXCDRC3B.js";
+import {
+  x
+} from "./chunk.JQ2FCDGS.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.HBV76IJU.js";
+
+// src/components/tab/tab.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var id = 0;
+var TerraTab = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.attrId = ++id;
+    this.componentId = `terra-tab-${this.attrId}`;
+    this.panel = "";
+    this.active = false;
+    this.closable = false;
+    this.disabled = false;
+    this.size = "large";
+    this.tabIndex = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "tab");
+  }
+  handleCloseClick(event) {
+    event.stopPropagation();
+    this.emit("terra-close");
+  }
+  handleActiveChange() {
+    this.setAttribute("aria-selected", this.active ? "true" : "false");
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+    if (this.disabled && !this.active) {
+      this.tabIndex = -1;
+    } else {
+      this.tabIndex = 0;
+    }
+  }
+  render() {
+    this.id = this.id.length > 0 ? this.id : this.componentId;
+    return x`
+            <div
+                part="base"
+                class=${e({
+      tab: true,
+      "tab--active": this.active,
+      "tab--closable": this.closable,
+      "tab--disabled": this.disabled,
+      "tab--large": this.size === "large",
+      "tab--small": this.size === "small"
+    })}
+            >
+                <slot></slot>
+                ${this.closable ? x`
+                          <button
+                              part="close-button"
+                              class="tab__close-button"
+                              @click=${this.handleCloseClick}
+                              tabindex="-1"
+                              aria-label="Close tab"
+                              type="button"
+                          >
+                              <terra-icon
+                                  name="x-mark"
+                                  library="heroicons"
+                                  font-size="1rem"
+                              ></terra-icon>
+                          </button>
+                      ` : ""}
+            </div>
+        `;
+  }
+};
+TerraTab.styles = [component_styles_default, tab_styles_default];
+TerraTab.dependencies = { "terra-icon": TerraIcon };
+__decorateClass([
+  e2(".tab")
+], TerraTab.prototype, "tab", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTab.prototype, "panel", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "active", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "closable", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraTab.prototype, "disabled", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraTab.prototype, "size", 2);
+__decorateClass([
+  n({ type: Number, reflect: true })
+], TerraTab.prototype, "tabIndex", 2);
+__decorateClass([
+  watch("active")
+], TerraTab.prototype, "handleActiveChange", 1);
+__decorateClass([
+  watch("disabled")
+], TerraTab.prototype, "handleDisabledChange", 1);
+
+export {
+  TerraTab
+};

package/cdn/chunks/{chunk.Y6JRPZOC.js → chunk.2TQJPVQD.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.OJJOQOYS.js";
+} from "./chunk.MXY6J5WF.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.CUFRBBBH.js → chunk.2WC6L4I2.js}

@@ -1,6 +1,6 @@
 import {
   TerraToggle
-} from "./chunk.55DLADUG.js";
+} from "./chunk.F2SNJ3DP.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.TCHR7DWP.js → chunk.3DDZVXEE.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataSubsetter
-} from "./chunk.B3VNALKT.js";
+} from "./chunk.AUCAKZS3.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.36SBKZV7.js → chunk.3DKZLSWL.js}

@@ -2,6 +2,9 @@ import {
   i,
   u
 } from "./chunk.JBTWQZ6F.js";
+import {
+  button_styles_default
+} from "./chunk.4JOSKEZT.js";
 import {
   FormControlController,
   validValidityState
@@ -9,27 +12,24 @@ import {
 import {
   o
 } from "./chunk.VORUIAGH.js";
-import {
-  button_styles_default
-} from "./chunk.4JOSKEZT.js";
 import {
   HasSlotController
 } from "./chunk.UTYLQIRH.js";
-import {
-  watch
-} from "./chunk.IGV6JSNT.js";
 import {
   e
 } from "./chunk.XMZR4BZJ.js";
+import {
+  watch
+} from "./chunk.IGV6JSNT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HLSOB2XC.js";
+} from "./chunk.5KGIEFLJ.js";
 import {
   e as e2,
   n,
   r
-} from "./chunk.ZQH2A4BE.js";
+} from "./chunk.WXCDRC3B.js";
 import {
   __decorateClass,
   __privateAdd,

package/cdn/chunks/{chunk.JT5BKWRK.js → chunk.4427LC62.js}

@@ -1,6 +1,6 @@
 import {
   TerraInput
-} from "./chunk.ACEGW3MU.js";
+} from "./chunk.ZOOBKKXX.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.W3G7UXMD.js → chunk.4CA24WZQ.js}

@@ -1,6 +1,6 @@
 import {
   TerraLoader
-} from "./chunk.OJSF23B4.js";
+} from "./chunk.KYPGW7EH.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.7ZUC37LO.js → chunk.4E76LWMV.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.6LTX6DHB.js";
 import {
   icon_default
-} from "./chunk.EHHFD3VI.js";
+} from "./chunk.ZWMD5UDI.js";
 import {
   Fuse
 } from "./chunk.3XYLSMWT.js";
@@ -29,18 +29,18 @@ import {
 } from "./chunk.VYYORGMV.js";
 import {
   button_default
-} from "./chunk.W3EHB7BF.js";
+} from "./chunk.GNU2TIQK.js";
 import {
   watch
 } from "./chunk.IGV6JSNT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HLSOB2XC.js";
+} from "./chunk.5KGIEFLJ.js";
 import {
   n,
   r
-} from "./chunk.ZQH2A4BE.js";
+} from "./chunk.WXCDRC3B.js";
 import {
   E,
   i,

package/cdn/chunks/chunk.4G74FUG4.js

@@ -0,0 +1,60 @@
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.HBV76IJU.js";
+
+// src/internal/scroll.ts
+init_dirname();
+init_buffer();
+init_process();
+
+// src/internal/offset.ts
+init_dirname();
+init_buffer();
+init_process();
+function getOffset(element, parent) {
+  return {
+    top: Math.round(
+      element.getBoundingClientRect().top - parent.getBoundingClientRect().top
+    ),
+    left: Math.round(
+      element.getBoundingClientRect().left - parent.getBoundingClientRect().left
+    )
+  };
+}
+
+// src/internal/scroll.ts
+function scrollIntoView(element, container, direction = "vertical", behavior = "smooth") {
+  const offset = getOffset(element, container);
+  const offsetTop = offset.top + container.scrollTop;
+  const offsetLeft = offset.left + container.scrollLeft;
+  const minX = container.scrollLeft;
+  const maxX = container.scrollLeft + container.offsetWidth;
+  const minY = container.scrollTop;
+  const maxY = container.scrollTop + container.offsetHeight;
+  if (direction === "horizontal" || direction === "both") {
+    if (offsetLeft < minX) {
+      container.scrollTo({ left: offsetLeft, behavior });
+    } else if (offsetLeft + element.clientWidth > maxX) {
+      container.scrollTo({
+        left: offsetLeft - container.offsetWidth + element.clientWidth,
+        behavior
+      });
+    }
+  }
+  if (direction === "vertical" || direction === "both") {
+    if (offsetTop < minY) {
+      container.scrollTo({ top: offsetTop, behavior });
+    } else if (offsetTop + element.clientHeight > maxY) {
+      container.scrollTo({
+        top: offsetTop - container.offsetHeight + element.clientHeight,
+        behavior
+      });
+    }
+  }
+}
+
+export {
+  scrollIntoView
+};

package/cdn/chunks/{chunk.4YWONPJM.js → chunk.4JKYODOU.js}

@@ -1,6 +1,6 @@
 import {
   TerraMap
-} from "./chunk.LMOSBBDY.js";
+} from "./chunk.DRQQZUVH.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.CDYSJZLN.js → chunk.4OGDU4TH.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableKeywordSearch
-} from "./chunk.5MPDJKZK.js";
+} from "./chunk.QRX2SITL.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.GAY6CECG.js → chunk.4UB2TPGX.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.7ZUC37LO.js";
+} from "./chunk.4E76LWMV.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.V73NIUAD.js → chunk.4ZRZOWQD.js}

@@ -1,6 +1,6 @@
 import {
   TerraLogin
-} from "./chunk.EBHXD35B.js";
+} from "./chunk.P7CQ2TKV.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.T5LF3NCZ.js → chunk.52SOWNZG.js}

@@ -1,20 +1,20 @@
-import {
-  require_plotly_min
-} from "./chunk.PQBHJ7MX.js";
 import {
   plot_styles_default
 } from "./chunk.XJ7VGUXL.js";
+import {
+  require_plotly_min
+} from "./chunk.PQBHJ7MX.js";
 import {
   watch
 } from "./chunk.IGV6JSNT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HLSOB2XC.js";
+} from "./chunk.5KGIEFLJ.js";
 import {
   e,
   n
-} from "./chunk.ZQH2A4BE.js";
+} from "./chunk.WXCDRC3B.js";
 import {
   x
 } from "./chunk.JQ2FCDGS.js";

package/cdn/chunks/{chunk.4Y5VMXRY.js → chunk.5A27SMCY.js}

@@ -18,25 +18,25 @@ import {
 } from "./chunk.VORUIAGH.js";
 import {
   TerraIcon
-} from "./chunk.NY6YLGRG.js";
+} from "./chunk.FNF2I5Q7.js";
 import {
   HasSlotController
 } from "./chunk.UTYLQIRH.js";
-import {
-  watch
-} from "./chunk.IGV6JSNT.js";
 import {
   e
 } from "./chunk.XMZR4BZJ.js";
+import {
+  watch
+} from "./chunk.IGV6JSNT.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.HLSOB2XC.js";
+} from "./chunk.5KGIEFLJ.js";
 import {
   e as e2,
   n,
   r
-} from "./chunk.ZQH2A4BE.js";
+} from "./chunk.WXCDRC3B.js";
 import {
   x
 } from "./chunk.JQ2FCDGS.js";

package/cdn/chunks/{chunk.37S2RP7D.js → chunk.5DC2KIZO.js}

@@ -1,6 +1,6 @@
 import {
   TerraFileUpload
-} from "./chunk.I3MIOD3V.js";
+} from "./chunk.CJINVRYQ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.HLSOB2XC.js → chunk.5KGIEFLJ.js}

@@ -1,7 +1,7 @@
 import {
   n,
   r
-} from "./chunk.ZQH2A4BE.js";
+} from "./chunk.WXCDRC3B.js";
 import {
   getEnvironment
 } from "./chunk.C3F7YCJ4.js";
@@ -602,7 +602,7 @@ isComponentVisible_fn = function() {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.112";
+TerraElement.version = "0.0.113";
 TerraElement.dependencies = {};
 __decorateClass([
   n()

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

@@ -0,0 +1,79 @@
+import {
+  i
+} from "./chunk.C7DL2MIN.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.HBV76IJU.js";
+
+// src/components/site-navigation/site-navigation.styles.ts
+init_dirname();
+init_buffer();
+init_process();
+var site_navigation_styles_default = i`
+    :host {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-2x-small);
+
+        /* Override CSS custom properties for menus inside navigation */
+        /* These cascade through shadow DOM boundaries */
+        --terra-panel-background-color: var(--terra-color-carbon-black);
+        --terra-panel-border-color: var(--terra-color-carbon-20);
+        --terra-menu-item-color: var(--terra-color-spacesuit-white);
+        --terra-menu-item-color-hover: var(--terra-color-spacesuit-white);
+        --terra-menu-item-background-color-hover: var(--terra-color-carbon-80);
+        --terra-menu-item-background-color-focus: var(--terra-color-nasa-blue);
+        --terra-menu-item-color-focus: var(--terra-color-spacesuit-white);
+    }
+
+    .site-navigation {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-2x-small);
+    }
+
+    /* Navigation buttons should be blue */
+    ::slotted(terra-button[variant='text']) {
+        --terra-button-text-text-color: var(--terra-color-nasa-blue);
+        --terra-button-text-text-color-hover: var(--terra-color-nasa-blue-tint);
+    }
+
+    /* Dropdown panels should have dark background */
+    ::slotted(terra-dropdown)::part(panel) {
+        background-color: var(--terra-color-carbon-black);
+        border-color: var(--terra-color-carbon-20);
+        color: var(--terra-color-spacesuit-white);
+    }
+
+    /* Full-width mode styles */
+    .site-navigation--full-width ::slotted(terra-dropdown) {
+        position: static;
+    }
+
+    .site-navigation--full-width ::slotted(terra-dropdown)::part(base) {
+        position: static;
+    }
+
+    .site-navigation--full-width ::slotted(terra-dropdown)::part(base__popup) {
+        position: fixed !important;
+        left: 0 !important;
+        right: 0 !important;
+        width: 100vw !important;
+        max-width: 100vw !important;
+        transform: none !important;
+        margin-left: 0 !important;
+        margin-right: 0 !important;
+    }
+
+    .site-navigation--full-width ::slotted(terra-dropdown)::part(panel) {
+        width: 100%;
+        max-width: 100%;
+        background-color: var(--terra-color-carbon-black);
+    }
+`;
+
+export {
+  site_navigation_styles_default
+};