@nasa-terra/components 0.0.179 → 0.0.182

package/cdn/chunks/chunk.ZALJFYJ6.js

@@ -1,493 +0,0 @@
-import {
-  FetchController
-} from "./chunk.WG4VDVEI.js";
-import {
-  adaptValueToVariableMetadata,
-  clearSelection,
-  groupDocsByCollection,
-  removeEmptyCollections,
-  renderSearchResult,
-  walkToOption
-} from "./chunk.63OVZYG7.js";
-import {
-  variable_combobox_styles_default
-} from "./chunk.OUXEEEZS.js";
-import {
-  h
-} from "./chunk.ASJLND3B.js";
-import {
-  icon_default
-} from "./chunk.QSUEVWML.js";
-import {
-  Fuse
-} from "./chunk.LWXRUSS3.js";
-import {
-  o
-} from "./chunk.IL42CKDQ.js";
-import {
-  n as n2
-} from "./chunk.LRZIT4M2.js";
-import {
-  button_default
-} from "./chunk.7CYCPGZL.js";
-import {
-  watch
-} from "./chunk.MPVZOQYA.js";
-import {
-  TerraElement,
-  component_styles_default,
-  n,
-  r
-} from "./chunk.FPMFEQWC.js";
-import {
-  A,
-  b,
-  i
-} from "./chunk.RRCYT4LP.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateMethod,
-  __privateSet,
-  __spreadProps,
-  __spreadValues,
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/variable-combobox/variable-combobox.component.ts
-init_dirname();
-init_buffer();
-init_process();
-var _combobox, _fetchController, _searchableList, _listbox, _searchEngine, _walker, _tagContainer, _dispatchChange, _handleButtonClick, _handleComboboxChange, _handleOptionClick, _handleKeydown, _manageListboxVisibility, _selectOption, _renderTags, renderTags_fn;
-var _TerraVariableCombobox = class _TerraVariableCombobox extends TerraElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _renderTags);
-    __privateAdd(this, _combobox, null);
-    __privateAdd(this, _fetchController, void 0);
-    __privateAdd(this, _searchableList, []);
-    __privateAdd(this, _listbox, null);
-    __privateAdd(this, _searchEngine, null);
-    __privateAdd(this, _walker, null);
-    __privateAdd(this, _tagContainer, null);
-    this.label = "Search for Variables";
-    this.hideHelp = false;
-    this.hideLabel = false;
-    this.useTags = false;
-    this.isExpanded = false;
-    this.query = _TerraVariableCombobox.initialQuery;
-    this.searchResults = [];
-    this.tags = [];
-    this.tagContainerWidth = 0;
-    __privateAdd(this, _dispatchChange, (stringifiedData) => {
-      this.emit("terra-combobox-change", { detail: JSON.parse(stringifiedData) });
-    });
-    __privateAdd(this, _handleButtonClick, () => {
-      var _a;
-      this.isExpanded = !this.isExpanded;
-      (_a = __privateGet(this, _combobox)) == null ? void 0 : _a.focus();
-    });
-    __privateAdd(this, _handleComboboxChange, (event) => {
-      var _a;
-      const target = event.target;
-      this.query = target.value;
-      if (target.value) {
-        this.isExpanded = true;
-      }
-      this.searchResults = (_a = __privateGet(this, _searchEngine)) == null ? void 0 : _a.search(target.value).map(({ item }) => item);
-    });
-    __privateAdd(this, _handleOptionClick, (event) => {
-      const path = event.composedPath();
-      const [target] = path.filter(
-        (eventTarget) => eventTarget.role === "option"
-      );
-      if (!target) {
-        return;
-      }
-      __privateGet(this, _selectOption).call(this, target);
-    });
-    __privateAdd(this, _handleKeydown, (event) => {
-      var _a;
-      switch (event.key) {
-        case "ArrowDown": {
-          clearSelection(
-            __privateGet(this, _combobox),
-            __privateGet(this, _listbox)
-          );
-          if (!this.isExpanded) {
-            this.isExpanded = true;
-          }
-          if (event.altKey) {
-            break;
-          }
-          walkToOption(
-            __privateGet(this, _walker),
-            __privateGet(this, _combobox),
-            "next"
-          );
-          break;
-        }
-        case "ArrowUp": {
-          clearSelection(
-            __privateGet(this, _combobox),
-            __privateGet(this, _listbox)
-          );
-          if (!this.isExpanded) {
-            this.isExpanded = true;
-          }
-          walkToOption(
-            __privateGet(this, _walker),
-            __privateGet(this, _combobox),
-            "previous"
-          );
-          break;
-        }
-        case "Enter": {
-          __privateGet(this, _selectOption).call(this, (_a = __privateGet(this, _walker)) == null ? void 0 : _a.currentNode);
-          break;
-        }
-        case "Escape": {
-          clearSelection(
-            __privateGet(this, _combobox),
-            __privateGet(this, _listbox)
-          );
-          if (this.isExpanded) {
-            this.isExpanded = false;
-            this.dispatchEvent(new Event("cancel"));
-          } else {
-            this.query = _TerraVariableCombobox.initialQuery;
-          }
-          break;
-        }
-        default: {
-          break;
-        }
-      }
-    });
-    __privateAdd(this, _manageListboxVisibility, (event) => {
-      const path = event.composedPath();
-      const containedThis = path.some(
-        (eventTarget) => eventTarget.localName === _TerraVariableCombobox.tagName
-      );
-      if (!containedThis) {
-        this.isExpanded = false;
-      }
-    });
-    __privateAdd(this, _selectOption, (option) => {
-      const { longName, eventDetail } = option.dataset;
-      this.query = `${longName}`;
-      __privateGet(this, _dispatchChange).call(this, eventDetail);
-      this.isExpanded = false;
-      clearSelection(
-        __privateGet(this, _combobox),
-        __privateGet(this, _listbox)
-      );
-      if (this.useTags) {
-        this.tags = [`${longName}`];
-        __privateGet(this, _combobox).value = _TerraVariableCombobox.initialQuery;
-        this.query = _TerraVariableCombobox.initialQuery;
-      }
-    });
-  }
-  async valueChanged(oldValue, newValue) {
-    var _a, _b;
-    if (oldValue === newValue) {
-      return;
-    }
-    await __privateGet(this, _fetchController).taskComplete;
-    const compatibleValue = adaptValueToVariableMetadata(this.value);
-    const selectedVariable = (_a = __privateGet(this, _fetchController).value) == null ? void 0 : _a.find((metadata) => {
-      return compatibleValue === metadata.entryId;
-    });
-    if (selectedVariable) {
-      this.query = selectedVariable.longName;
-      this.searchResults = (_b = __privateGet(this, _searchEngine)) == null ? void 0 : _b.search(this.query).map(({ item }) => item);
-      __privateGet(this, _dispatchChange).call(this, selectedVariable.eventDetail);
-      if (this.useTags) {
-        this.tags = [`${selectedVariable.longName}`];
-        __privateGet(this, _combobox).value = _TerraVariableCombobox.initialQuery;
-        this.query = _TerraVariableCombobox.initialQuery;
-      }
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    __privateSet(this, _fetchController, new FetchController(this, this.bearerToken));
-    globalThis.addEventListener("click", __privateGet(this, _manageListboxVisibility));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    globalThis.removeEventListener("click", __privateGet(this, _manageListboxVisibility));
-  }
-  clear() {
-    this.query = _TerraVariableCombobox.initialQuery;
-  }
-  close() {
-    this.isExpanded = false;
-  }
-  toggle() {
-    this.isExpanded = !this.isExpanded;
-  }
-  render() {
-    var _a;
-    return b`<search part="base" title="Search through the list.">
-            <label for="combobox" class=${this.hideLabel ? "sr-only" : "input-label"}
-                >${this.label}</label
-            >
-            <div class="search-input-group">
-                ${this.useTags ? b`<div
-                          ${n2((el) => {
-      var _a2;
-      if (el) {
-        (_a2 = __privateGet(this, _tagContainer)) != null ? _a2 : __privateSet(this, _tagContainer, el);
-        this.tagContainerWidth = el.getBoundingClientRect().width;
-      }
-    })}
-                          class="tag-container"
-                          id="tag-container"
-                      >
-                          ${o(
-      this.tags,
-      (value, index) => __privateMethod(this, _renderTags, renderTags_fn).call(this, value, index)
-    )}
-                      </div>` : A}
-                <input
-                    ${n2((el) => {
-      var _a2;
-      if (el) {
-        (_a2 = __privateGet(this, _combobox)) != null ? _a2 : __privateSet(this, _combobox, el);
-      }
-    })}
-                    autocomplete="off"
-                    aria-autocomplete="list"
-                    aria-controls="listbox"
-                    aria-haspopup="list"
-                    aria-expanded=${this.isExpanded}
-                    class="combobox"
-                    id="combobox"
-                    part="combobox"
-                    role="combobox"
-                    type="text"
-                    style=${this.useTags ? `padding-inline-start: calc(${this.tagContainerWidth}px + 0.25rem);` : A}
-                    aria-describedby=${this.useTags ? "tag-container" : A}
-                    placeholder=${this.useTags ? A : (_a = this.placeholder) != null ? _a : `${this.label}\u2026`}
-                    .value=${this.useTags ? _TerraVariableCombobox.initialQuery : this.query}
-                    @input=${__privateGet(this, _handleComboboxChange)}
-                    @keydown=${__privateGet(this, _handleKeydown)}
-                    @click=${__privateGet(this, _handleButtonClick)}
-                />
-                <terra-button
-                    shape="square-left"
-                    aria-controls="listbox"
-                    aria-expanded=${this.isExpanded}
-                    aria-label="List of Searchable Variables"
-                    class="combobox-button"
-                    id="combobox-button"
-                    variant="text"
-                    part="button"
-                    tabindex="-1"
-                    type="button"
-                    @click=${__privateGet(this, _handleButtonClick)}
-                >
-                    ${["COMPLETE", "ERROR"].includes(__privateGet(this, _fetchController).taskStatus) ? b`<terra-icon
-                              class="chevron"
-                              name="chevron-down"
-                          ></terra-icon>` : b`<svg
-                              class="button-icon spinner"
-                              stroke="currentColor"
-                              viewBox="0 0 24 24"
-                              xmlns="http://www.w3.org/2000/svg"
-                          >
-                              <circle
-                                  cx="12"
-                                  cy="12"
-                                  r="9.5"
-                                  fill="none"
-                                  stroke-width="3"
-                              ></circle>
-                          </svg>`}
-                </terra-button>
-
-                ${this.hideHelp ? A : b`<p class="search-help">
-                          See
-                          <a
-                              href="https://www.fusejs.io/examples.html#extended-search"
-                              rel="noopener noreferrer"
-                              tabindex=${this.isExpanded ? "-1 " : "0"}
-                              target="_blank"
-                              >extended search syntax
-                              <terra-icon
-                                  name="outline-arrow-top-right-on-square"
-                                  library="heroicons"
-                              ></terra-icon></a
-                          >.
-                      </p>`}
-            </div>
-
-            <ul
-                ${n2((el) => {
-      var _a2;
-      if (el) {
-        (_a2 = __privateGet(this, _listbox)) != null ? _a2 : __privateSet(this, _listbox, el);
-        __privateSet(this, _walker, document.createTreeWalker(
-          el,
-          NodeFilter.SHOW_ELEMENT,
-          (node) => {
-            return node.dataset.treeWalker === "filter_skip" ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-          }
-        ));
-      }
-    })}
-                ?inert=${!this.isExpanded}
-                ?open=${this.isExpanded}
-                @click=${__privateGet(this, _handleOptionClick)}
-                aria-label=${this.query ? `Variables Matching ${this.query}` : "Variables"}
-                id="listbox"
-                part="listbox"
-                role="listbox"
-                class="search-results"
-            >
-                ${__privateGet(this, _fetchController).render({
-      initial: () => b`<li class="updating">Updating List of Variables</li>`,
-      pending: () => b`<li class="updating">Updating List of Variables</li>`,
-      complete: (list) => {
-        const filtered = list.filter(
-          (item) => !(item.collectionShortName === "GPM_3IMERGHH" && item.collectionVersion === "06")
-        );
-        __privateSet(this, _searchableList, filtered);
-        __privateSet(this, _searchEngine, new Fuse(__privateGet(this, _searchableList), {
-          //* @see {@link https://www.fusejs.io/examples.html#nested-search}
-          findAllMatches: true,
-          keys: [
-            "entryId",
-            "longName",
-            "name",
-            "standardName",
-            "units"
-          ],
-          useExtendedSearch: true
-        }));
-        return h(
-          this.query === _TerraVariableCombobox.initialQuery ? o(
-            removeEmptyCollections(
-              groupDocsByCollection(__privateGet(this, _searchableList))
-            ),
-            renderSearchResult
-          ) : o(
-            removeEmptyCollections(
-              groupDocsByCollection(this.searchResults)
-            ),
-            renderSearchResult
-          )
-        );
-      },
-      // TODO: Consider a more robust error strategy...like retry w/ backoff?
-      error: (errorMessage) => b`<li class="error" data-tree-walker="filter_skip">
-                            ${errorMessage}
-                        </li>`
-    })}
-            </ul>
-        </search>`;
-  }
-};
-_combobox = new WeakMap();
-_fetchController = new WeakMap();
-_searchableList = new WeakMap();
-_listbox = new WeakMap();
-_searchEngine = new WeakMap();
-_walker = new WeakMap();
-_tagContainer = new WeakMap();
-_dispatchChange = new WeakMap();
-_handleButtonClick = new WeakMap();
-_handleComboboxChange = new WeakMap();
-_handleOptionClick = new WeakMap();
-_handleKeydown = new WeakMap();
-_manageListboxVisibility = new WeakMap();
-_selectOption = new WeakMap();
-_renderTags = new WeakSet();
-renderTags_fn = function(tag, _index) {
-  return b`
-            <terra-button
-                size="small"
-                variant="default"
-                outline
-                class="tag"
-                title=${tag}
-                aria-label=${`Clear tag ${tag}`}
-                @click=${() => {
-    this.tags = [];
-    this.clear();
-    setTimeout(() => {
-      var _a;
-      this.tagContainerWidth = (_a = __privateGet(this, _tagContainer)) == null ? void 0 : _a.getBoundingClientRect().width;
-    }, 100);
-  }}
-                title=${tag}
-            >
-                ${tag}
-                <terra-icon
-                    class="tag-icon"
-                    slot="suffix"
-                    name="outline-x-circle"
-                    library="heroicons"
-                ></terra-icon>
-            </terra-button>
-        `;
-};
-_TerraVariableCombobox.dependencies = {
-  "terra-button": button_default,
-  "terra-icon": icon_default
-};
-_TerraVariableCombobox.styles = [component_styles_default, variable_combobox_styles_default];
-_TerraVariableCombobox.shadowRootOptions = __spreadProps(__spreadValues({}, i.shadowRootOptions), {
-  delegatesFocus: true
-});
-_TerraVariableCombobox.tagName = "terra-variable-combobox";
-_TerraVariableCombobox.initialQuery = "";
-__decorateClass([
-  n()
-], _TerraVariableCombobox.prototype, "label", 2);
-__decorateClass([
-  n()
-], _TerraVariableCombobox.prototype, "placeholder", 2);
-__decorateClass([
-  n({ attribute: "hide-help", type: Boolean, reflect: true })
-], _TerraVariableCombobox.prototype, "hideHelp", 2);
-__decorateClass([
-  n({ attribute: "hide-label", type: Boolean, reflect: true })
-], _TerraVariableCombobox.prototype, "hideLabel", 2);
-__decorateClass([
-  n({ attribute: "use-tags", type: Boolean, reflect: true })
-], _TerraVariableCombobox.prototype, "useTags", 2);
-__decorateClass([
-  n()
-], _TerraVariableCombobox.prototype, "value", 2);
-__decorateClass([
-  n({ attribute: "bearer-token", reflect: false })
-], _TerraVariableCombobox.prototype, "bearerToken", 2);
-__decorateClass([
-  r()
-], _TerraVariableCombobox.prototype, "isExpanded", 2);
-__decorateClass([
-  r()
-], _TerraVariableCombobox.prototype, "query", 2);
-__decorateClass([
-  r()
-], _TerraVariableCombobox.prototype, "searchResults", 2);
-__decorateClass([
-  r()
-], _TerraVariableCombobox.prototype, "tags", 2);
-__decorateClass([
-  r()
-], _TerraVariableCombobox.prototype, "tagContainerWidth", 2);
-__decorateClass([
-  watch("value")
-], _TerraVariableCombobox.prototype, "valueChanged", 1);
-var TerraVariableCombobox = _TerraVariableCombobox;
-
-export {
-  TerraVariableCombobox
-};

package/cdn/chunks/chunk.ZWKZYPUO.js

@@ -1,19 +0,0 @@
-import {
-  TerraMenuItem
-} from "./chunk.3HV55YDS.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/menu-item/menu-item.ts
-init_dirname();
-init_buffer();
-init_process();
-var menu_item_default = TerraMenuItem;
-TerraMenuItem.define("terra-menu-item");
-
-export {
-  menu_item_default
-};

package/cdn/chunks/chunk.ZWVOSI42.js

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

package/dist/chunks/chunk.2AJNF5Z5.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.C5IAOI5P.js";var d=e;e.define("terra-slider");export{d as a};

package/dist/chunks/chunk.2NT5ZT4T.js

@@ -1 +0,0 @@
-import{a as r}from"./chunk.DTB6YVF7.js";var b=r;r.define("terra-breadcrumbs");export{b as a};

package/dist/chunks/chunk.2P3YOE6H.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.E5VEP5QD.js";import*as a from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var r="terra-pagination";e.define("terra-pagination");var n=t({tagName:r,elementClass:e,react:a,events:{onTerraPageChange:"terra-page-change"},displayName:"TerraPagination"}),v=n;export{v as a};

package/dist/chunks/chunk.2QP3CLLZ.js

@@ -1,67 +0,0 @@
-import{a as k}from"./chunk.CIWVH54V.js";import{c as v}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.TRM2XUGL.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as y,b as S}from"./chunk.EXKNLUSQ.js";import{a as g,e as r}from"./chunk.INFVQQSJ.js";var _=(h,d)=>{let t=0;return function(...i){window.clearTimeout(t),t=window.setTimeout(()=>{h.call(this,...i)},d)}},A=(h,d,t)=>{let i=h[d];h[d]=function(...e){i.call(this,...e),t.call(this,i,...e)}},M="onscrollend"in window;if(!M){let h=new Set,d=new WeakMap,t=e=>{for(let s of e.changedTouches)h.add(s.identifier)},i=e=>{for(let s of e.changedTouches)h.delete(s.identifier)};document.addEventListener("touchstart",t,!0),document.addEventListener("touchend",i,!0),document.addEventListener("touchcancel",i,!0),A(EventTarget.prototype,"addEventListener",function(e,s){if(s!=="scrollend")return;let a=_(()=>{h.size?a():this.dispatchEvent(new Event("scrollend"))},100);e.call(this,"scroll",a,{passive:!0}),d.set(this,a)}),A(EventTarget.prototype,"removeEventListener",function(e,s){if(s!=="scrollend")return;let a=d.get(this);a&&e.call(this,"scroll",a,{passive:!0})})}import{classMap as m}from"lit/directives/class-map.js";import{eventOptions as O,property as u,query as f,state as T}from"lit/decorators.js";import{html as w}from"lit";var n=class extends S{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.size="large";this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("terra-tab"),customElements.whenDefined("terra-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(i=>{let e=i.filter(({target:s})=>{if(s===this)return!0;if(s.closest("terra-tabs")!==this)return!1;let a=s.tagName.toLowerCase();return a==="terra-tab"||a==="terra-tab-panel"});if(e.length!==0){if(e.some(s=>!["aria-labelledby","aria-controls"].includes(s.attributeName))&&setTimeout(()=>this.setAriaLabels()),e.some(s=>s.attributeName==="disabled"))this.syncTabsAndPanels();else if(e.some(s=>s.attributeName==="active")){let a=e.filter(c=>c.attributeName==="active"&&c.target.tagName.toLowerCase()==="terra-tab").map(c=>c.target).find(c=>c.active);a&&this.setActiveTab(a)}}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,attributeFilter:["active","disabled","name","panel"],childList:!0,subtree:!0}),this.nav&&this.resizeObserver.observe(this.nav),t.then(()=>{let i=new IntersectionObserver((e,s)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),s.unobserve(e[0].target))});this.tabsElement&&i.observe(this.tabsElement)})})}disconnectedCallback(){var t,i;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),this.nav&&((i=this.resizeObserver)==null||i.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="terra-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("terra-tab");(e==null?void 0:e.closest("terra-tabs"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("terra-tab");if((e==null?void 0:e.closest("terra-tabs"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(l=>l.matches(":focus")),c=getComputedStyle(this).direction==="rtl",o=null;if((a==null?void 0:a.tagName.toLowerCase())==="terra-tab"){if(t.key==="Home")o=this.focusableTabs[0];else if(t.key==="End")o=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"forward")}if(!o)return;o.tabIndex=0,o.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(o,{scrollBehavior:"smooth"}):this.tabs.forEach(l=>{l.tabIndex=l===o?0:-1}),["top","bottom"].includes(this.placement)&&v(o,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=g({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled){let e=this.activeTab;this.activeTab=t,this.tabs.forEach(s=>{s.active=s===this.activeTab,s.tabIndex=s===this.activeTab?0:-1}),this.panels.forEach(s=>{var a;return s.active=s.name===((a=this.activeTab)==null?void 0:a.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&v(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("terra-tab-hide",{detail:{name:e.panel}}),this.emit("terra-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&(t.setAttribute("aria-controls",i.getAttribute("id")),i.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let i=t.clientWidth,e=t.clientHeight,s=getComputedStyle(this).direction==="rtl",a=this.getAllTabs(),o=a.slice(0,a.indexOf(t)).reduce((l,b)=>({left:l.left+b.clientWidth,top:l.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${i}px`,this.indicator.style.translate=s?`${-1*o.left}px`:`${o.left}px`;break;case"start":case"end":this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${o.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)}),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,i){let e=null,s=i==="forward"?1:-1,a=t+s;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){i==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=s}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return getComputedStyle(this).direction==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}syncSize(){this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)})}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){let t=getComputedStyle(this).direction==="rtl";return w`
-            <div
-                part="base"
-                class=${m({tabs:!0,"tabs--top":this.placement==="top","tabs--bottom":this.placement==="bottom","tabs--start":this.placement==="start","tabs--end":this.placement==="end","tabs--rtl":t,"tabs--has-scroll-controls":this.hasScrollControls,"tabs--large":this.size==="large","tabs--small":this.size==="small"})}
-                @click=${this.handleClick}
-                @keydown=${this.handleKeyDown}
-            >
-                <div class="tabs__nav-container" part="nav">
-                    ${this.hasScrollControls?w`
-                              <button
-                                  part="scroll-button scroll-button--start"
-                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--start":!0,"tabs__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
-                                  tabindex="-1"
-                                  aria-hidden="true"
-                                  aria-label="Scroll to start"
-                                  @click=${this.handleScrollToStart}
-                                  type="button"
-                              >
-                                  <terra-icon
-                                      name=${t?"chevron-right":"chevron-left"}
-                                      library="heroicons"
-                                      font-size="1rem"
-                                  ></terra-icon>
-                              </button>
-                          `:""}
-
-                    <div class="tabs__nav" @scrollend=${this.updateScrollButtons}>
-                        <div part="tabs" class="tabs__tabs" role="tablist">
-                            <div
-                                part="active-tab-indicator"
-                                class="tabs__indicator"
-                            ></div>
-                            <div class="tabs__resize-observer">
-                                <slot
-                                    name="nav"
-                                    @slotchange=${this.syncTabsAndPanels}
-                                ></slot>
-                            </div>
-                        </div>
-                    </div>
-
-                    ${this.hasScrollControls?w`
-                              <button
-                                  part="scroll-button scroll-button--end"
-                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--end":!0,"tabs__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
-                                  tabindex="-1"
-                                  aria-hidden="true"
-                                  aria-label="Scroll to end"
-                                  @click=${this.handleScrollToEnd}
-                                  type="button"
-                              >
-                                  <terra-icon
-                                      name=${t?"chevron-left":"chevron-right"}
-                                      library="heroicons"
-                                      font-size="1rem"
-                                  ></terra-icon>
-                              </button>
-                          `:""}
-                </div>
-
-                <slot
-                    part="body"
-                    class="tabs__body"
-                    @slotchange=${this.syncTabsAndPanels}
-                ></slot>
-            </div>
-        `}};n.styles=[y,k],n.dependencies={"terra-icon":E},r([f(".tabs")],n.prototype,"tabsElement",2),r([f(".tabs__body")],n.prototype,"body",2),r([f(".tabs__nav")],n.prototype,"nav",2),r([f(".tabs__indicator")],n.prototype,"indicator",2),r([T()],n.prototype,"hasScrollControls",2),r([T()],n.prototype,"shouldHideScrollStartButton",2),r([T()],n.prototype,"shouldHideScrollEndButton",2),r([u()],n.prototype,"placement",2),r([u()],n.prototype,"activation",2),r([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),r([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),r([u({reflect:!0})],n.prototype,"size",2),r([O({passive:!0})],n.prototype,"updateScrollButtons",1),r([p("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),r([p("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1),r([p("size",{waitUntilFirstUpdate:!0})],n.prototype,"syncSize",1);export{n as a};

package/dist/chunks/chunk.2YCZCE4S.js

@@ -1 +0,0 @@
-import{a as t}from"./chunk.MBVNMYVL.js";var i=t;t.define("terra-status-indicator");export{i as a};