@aquera/nile-elements 0.0.49 → 0.0.51

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab/nile-tab.js

@@ -1,135 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __decorate } from "tslib";
-import { html, property } from 'lit-element';
-import { customElement } from 'lit/decorators.js';
-import { styles } from './nile-tab.css';
-import '../nile-icon-button/nile-icon-button';
-import { classMap } from 'lit/directives/class-map.js';
-import { query } from 'lit/decorators.js';
-import { watch } from '../internal/watch';
-import NileElement from '../internal/nile-element';
-let id = 0;
-/**
- * Nile icon component.
- *
- * @tag nile-tab
- *
- *
- * @dependency nile-icon-button
- *
- * @slot - The tab's label.
- *
- * @event nile-close - Emitted when the tab is closable and the close button is activated.
- *
- * @csspart base - The component's base wrapper.
- * @csspart close-button - The close button, an `<nile-icon-button>`.
- * @csspart close-button__base - The close button's exported `base` part.
- */
-let NileTab = class NileTab extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.attrId = ++id;
-        this.componentId = `nile-tab-${this.attrId}`;
-        /** The name of the tab panel this tab is associated with. The panel must be located in the same tab group. */
-        this.panel = '';
-        /** Draws the tab in an active state. */
-        this.active = false;
-        /** Makes the tab closable and shows a close button. */
-        this.closable = false;
-        /** Disables the tab and prevents selection. */
-        this.disabled = false;
-        this.centered = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('role', 'tab');
-    }
-    handleCloseClick(event) {
-        event.stopPropagation();
-        this.emit('nile-close');
-    }
-    handleActiveChange() {
-        this.setAttribute('aria-selected', this.active ? 'true' : 'false');
-    }
-    handleDisabledChange() {
-        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
-    }
-    /** Sets focus to the tab. */
-    focus(options) {
-        this.tab.focus(options);
-    }
-    /** Removes focus from the tab. */
-    blur() {
-        this.tab.blur();
-    }
-    render() {
-        // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels
-        this.id = this.id.length > 0 ? this.id : this.componentId;
-        return html `
-      <div
-        part="base"
-        class=${classMap({
-            tab: true,
-            'tab--centered': this.centered,
-            'tab--active': this.active,
-            'tab--closable': this.closable,
-            'tab--disabled': this.disabled
-        })}
-        tabindex=${this.disabled ? '-1' : '0'}
-      >
-      <slot name="prefix"></slot>
-        <slot></slot>
-        ${this.closable
-            ? html `
-              <nile-icon-button
-                part="close-button"
-                exportparts="base:close-button__base"
-                name="x-lg"
-                library="system"
-                label="close"
-                class="tab__close-button"
-                @click=${this.handleCloseClick}
-                tabindex="-1"
-              ></nile-icon-button>
-            `
-            : ''}
-      </div>
-    `;
-    }
-};
-NileTab.styles = styles;
-__decorate([
-    query('.tab')
-], NileTab.prototype, "tab", void 0);
-__decorate([
-    property({ reflect: true })
-], NileTab.prototype, "panel", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileTab.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileTab.prototype, "closable", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileTab.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileTab.prototype, "centered", void 0);
-__decorate([
-    watch('active')
-], NileTab.prototype, "handleActiveChange", null);
-__decorate([
-    watch('disabled')
-], NileTab.prototype, "handleDisabledChange", null);
-NileTab = __decorate([
-    customElement('nile-tab')
-], NileTab);
-export { NileTab };
-export default NileTab;
-//# sourceMappingURL=nile-tab.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab/nile-tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tab.js","sourceRoot":"","sources":["../../../src/nile-tab/nile-tab.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-tab.css';\n\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\nlet id = 0;\n\n/**\n * Nile icon component.\n *\n * @tag nile-tab\n *\n *\n * @dependency nile-icon-button\n *\n * @slot - The tab's label.\n *\n * @event nile-close - Emitted when the tab is closable and the close button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n */\n@customElement('nile-tab')\nexport class NileTab extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly attrId = ++id;\n  private readonly componentId = `nile-tab-${this.attrId}`;\n\n  @query('.tab') tab: HTMLElement;\n\n  /** The name of the tab panel this tab is associated with. The panel must be located in the same tab group. */\n  @property({ reflect: true }) panel = '';\n\n  /** Draws the tab in an active state. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /** Makes the tab closable and shows a close button. */\n  @property({ type: Boolean }) closable = false;\n\n  /** Disables the tab and prevents selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ type: Boolean, reflect: true }) centered = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'tab');\n  }\n\n  private handleCloseClick(event: Event) {\n    event.stopPropagation();\n    this.emit('nile-close');\n  }\n\n  @watch('active')\n  handleActiveChange() {\n    this.setAttribute('aria-selected', this.active ? 'true' : 'false');\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  /** Sets focus to the tab. */\n  focus(options?: FocusOptions) {\n    this.tab.focus(options);\n  }\n\n  /** Removes focus from the tab. */\n  blur() {\n    this.tab.blur();\n  }\n\n  render() {\n    // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels\n    this.id = this.id.length > 0 ? this.id : this.componentId;\n\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          tab: true,\n          'tab--centered': this.centered,\n          'tab--active': this.active,\n          'tab--closable': this.closable,\n          'tab--disabled': this.disabled\n        })}\n        tabindex=${this.disabled ? '-1' : '0'}\n      >\n      <slot name=\"prefix\"></slot>\n        <slot></slot>\n        ${this.closable\n          ? html`\n              <nile-icon-button\n                part=\"close-button\"\n                exportparts=\"base:close-button__base\"\n                name=\"x-lg\"\n                library=\"system\"\n                label=\"close\"\n                class=\"tab__close-button\"\n                @click=${this.handleCloseClick}\n                tabindex=\"-1\"\n              ></nile-icon-button>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n\nexport default NileTab;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-tab': NileTab;\n  }\n}\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab-group/index.d.ts

@@ -1 +0,0 @@
-export { NileTabGroup } from './nile-tab-group';

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab-group/index.js

@@ -1,2 +0,0 @@
-export { NileTabGroup } from './nile-tab-group';
-//# sourceMappingURL=index.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-tab-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { NileTabGroup } from './nile-tab-group';\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab-group/nile-tab-group.css.d.ts

@@ -1,12 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * TabGroup CSS
- */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
-export default _default;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab-group/nile-tab-group.css.js

@@ -1,245 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { css } from 'lit-element';
-/**
- * TabGroup CSS
- */
-export const styles = css `
-  [hidden] {
-    display: none !important;
-  }
-
-  :host {
-    --indicator-color: var(--nile-colors-primary-600);
-    --track-color: #e5e9eb;
-    --track-width: 1px;
-
-    display: block;
-  }
-
-  .tab-group {
-    display: flex;
-    border-radius: 0;
-  }
-
-  .tab-group__tabs {
-    display: flex;
-    position: relative;
-    gap: 24px;
-  }
-
-  .tab-group__indicator {
-    position: absolute;
-    transition: 0.3s translate ease, 0.3s width ease;
-  }
-
-  .tab-group--has-scroll-controls .tab-group__nav-container {
-    position: relative;
-    padding: 0 10px;
-  }
-
-  .tab-group__body {
-    display: block;
-    overflow: auto;
-  }
-
-  .tab-group__scroll-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 20px;
-  }
-
-  .tab-group__scroll-button--start {
-    left: 0;
-  }
-
-  .tab-group__scroll-button--end {
-    right: 0;
-  }
-
-  .tab-group--rtl .tab-group__scroll-button--start {
-    left: auto;
-    right: 0;
-  }
-
-  .tab-group--rtl .tab-group__scroll-button--end {
-    left: 0;
-    right: auto;
-  }
-
-  /*
-   * Top
-   */
-
-  .tab-group--top {
-    flex-direction: column;
-  }
-
-  .tab-group--top .tab-group__nav-container {
-    order: 1;
-  }
-
-  .tab-group--top .tab-group__nav {
-    display: flex;
-    overflow-x: auto;
-
-    /* Hide scrollbar in Firefox */
-    scrollbar-width: none;
-  }
-
-  /* Hide scrollbar in Chrome/Safari */
-  .tab-group--top .tab-group__nav::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  .tab-group--top .tab-group__tabs {
-    flex: 1 1 auto;
-    position: relative;
-    flex-direction: row;
-    border-bottom: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--top .tab-group__indicator {
-    bottom: calc(-1 * var(--track-width));
-    border-bottom: solid 3px var(--indicator-color);
-  }
-
-  .tab-group--top .tab-group__body {
-    order: 2;
-  }
-
-  .tab-group--top ::slotted(nile-tab-panel) {
-    --padding: 10px 0;
-  }
-
-  /*
-   * Bottom
-   */
-
-  .tab-group--bottom {
-    flex-direction: column;
-  }
-
-  .tab-group--bottom .tab-group__nav-container {
-    order: 2;
-  }
-
-  .tab-group--bottom .tab-group__nav {
-    display: flex;
-    overflow-x: auto;
-
-    /* Hide scrollbar in Firefox */
-    scrollbar-width: none;
-  }
-
-  /* Hide scrollbar in Chrome/Safari */
-  .tab-group--bottom .tab-group__nav::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  .tab-group--bottom .tab-group__tabs {
-    flex: 1 1 auto;
-    position: relative;
-    flex-direction: row;
-    border-top: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--bottom .tab-group__indicator {
-    top: calc(-1 * var(--track-width));
-    border-top: solid var(--track-width) var(--indicator-color);
-  }
-
-  .tab-group--bottom .tab-group__body {
-    order: 1;
-  }
-
-  .tab-group--bottom ::slotted(nile-tab-panel) {
-    --padding: 10px 0;
-  }
-
-  /*
-   * Start
-   */
-
-  .tab-group--start {
-    flex-direction: row;
-  }
-
-  .tab-group--start .tab-group__nav-container {
-    order: 1;
-  }
-
-  .tab-group--start .tab-group__tabs {
-    flex: 0 0 auto;
-    flex-direction: column;
-    border-inline-end: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--start .tab-group__indicator {
-    right: calc(-1 * var(--track-width));
-    border-right: solid var(--track-width) var(--indicator-color);
-  }
-
-  .tab-group--start.tab-group--rtl .tab-group__indicator {
-    right: auto;
-    left: calc(-1 * var(--track-width));
-  }
-
-  .tab-group--start .tab-group__body {
-    flex: 1 1 auto;
-    order: 2;
-  }
-
-  .tab-group--start ::slotted(nile-tab-panel) {
-    --padding: 0 10px;
-  }
-
-  /*
-   * End
-   */
-
-  .tab-group--end {
-    flex-direction: row;
-  }
-
-  .tab-group--end .tab-group__nav-container {
-    order: 2;
-  }
-
-  .tab-group--end .tab-group__tabs {
-    flex: 0 0 auto;
-    flex-direction: column;
-    border-left: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--end .tab-group__indicator {
-    left: calc(-1 * var(--track-width));
-    border-inline-start: solid var(--track-width) var(--indicator-color);
-  }
-
-  .tab-group--end.tab-group--rtl .tab-group__indicator {
-    right: calc(-1 * var(--track-width));
-    left: auto;
-  }
-
-  .tab-group--end .tab-group__body {
-    flex: 1 1 auto;
-    order: 1;
-  }
-
-  .tab-group--end ::slotted(nile-tab-panel) {
-    --padding: 0 10px;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-tab-group.css.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab-group/nile-tab-group.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tab-group.css.js","sourceRoot":"","sources":["../../../src/nile-tab-group/nile-tab-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwOxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TabGroup CSS\n */\nexport const styles = css`\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --indicator-color: var(--nile-colors-primary-600);\n    --track-color: #e5e9eb;\n    --track-width: 1px;\n\n    display: block;\n  }\n\n  .tab-group {\n    display: flex;\n    border-radius: 0;\n  }\n\n  .tab-group__tabs {\n    display: flex;\n    position: relative;\n    gap: 24px;\n  }\n\n  .tab-group__indicator {\n    position: absolute;\n    transition: 0.3s translate ease, 0.3s width ease;\n  }\n\n  .tab-group--has-scroll-controls .tab-group__nav-container {\n    position: relative;\n    padding: 0 10px;\n  }\n\n  .tab-group__body {\n    display: block;\n    overflow: auto;\n  }\n\n  .tab-group__scroll-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 20px;\n  }\n\n  .tab-group__scroll-button--start {\n    left: 0;\n  }\n\n  .tab-group__scroll-button--end {\n    right: 0;\n  }\n\n  .tab-group--rtl .tab-group__scroll-button--start {\n    left: auto;\n    right: 0;\n  }\n\n  .tab-group--rtl .tab-group__scroll-button--end {\n    left: 0;\n    right: auto;\n  }\n\n  /*\n   * Top\n   */\n\n  .tab-group--top {\n    flex-direction: column;\n  }\n\n  .tab-group--top .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group--top .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n\n    /* Hide scrollbar in Firefox */\n    scrollbar-width: none;\n  }\n\n  /* Hide scrollbar in Chrome/Safari */\n  .tab-group--top .tab-group__nav::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n  }\n\n  .tab-group--top .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-bottom: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--top .tab-group__indicator {\n    bottom: calc(-1 * var(--track-width));\n    border-bottom: solid 3px var(--indicator-color);\n  }\n\n  .tab-group--top .tab-group__body {\n    order: 2;\n  }\n\n  .tab-group--top ::slotted(nile-tab-panel) {\n    --padding: 10px 0;\n  }\n\n  /*\n   * Bottom\n   */\n\n  .tab-group--bottom {\n    flex-direction: column;\n  }\n\n  .tab-group--bottom .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group--bottom .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n\n    /* Hide scrollbar in Firefox */\n    scrollbar-width: none;\n  }\n\n  /* Hide scrollbar in Chrome/Safari */\n  .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n  }\n\n  .tab-group--bottom .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-top: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--bottom .tab-group__indicator {\n    top: calc(-1 * var(--track-width));\n    border-top: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--bottom .tab-group__body {\n    order: 1;\n  }\n\n  .tab-group--bottom ::slotted(nile-tab-panel) {\n    --padding: 10px 0;\n  }\n\n  /*\n   * Start\n   */\n\n  .tab-group--start {\n    flex-direction: row;\n  }\n\n  .tab-group--start .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group--start .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-inline-end: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--start .tab-group__indicator {\n    right: calc(-1 * var(--track-width));\n    border-right: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--start.tab-group--rtl .tab-group__indicator {\n    right: auto;\n    left: calc(-1 * var(--track-width));\n  }\n\n  .tab-group--start .tab-group__body {\n    flex: 1 1 auto;\n    order: 2;\n  }\n\n  .tab-group--start ::slotted(nile-tab-panel) {\n    --padding: 0 10px;\n  }\n\n  /*\n   * End\n   */\n\n  .tab-group--end {\n    flex-direction: row;\n  }\n\n  .tab-group--end .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group--end .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-left: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--end .tab-group__indicator {\n    left: calc(-1 * var(--track-width));\n    border-inline-start: solid var(--track-width) var(--indicator-color);\n  }\n\n  .tab-group--end.tab-group--rtl .tab-group__indicator {\n    right: calc(-1 * var(--track-width));\n    left: auto;\n  }\n\n  .tab-group--end .tab-group__body {\n    flex: 1 1 auto;\n    order: 1;\n  }\n\n  .tab-group--end ::slotted(nile-tab-panel) {\n    --padding: 0 10px;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tab-group/nile-tab-group.d.ts

@@ -1,84 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { TemplateResult } from 'lit-element';
-import '../nile-icon-button/nile-icon-button';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * Nile icon component.
- *
- * @tag nile-tab-group
- *
- * @slot - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.
- * @slot nav - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.
- *
- * @event {{ name: String }} nile-tab-show - Emitted when a tab is shown.
- * @event {{ name: String }} nile-tab-hide - Emitted when a tab is hidden.
- *
- * @csspart base - The component's base wrapper.
- * @csspart nav - The tab group's navigation container where tabs are slotted in.
- * @csspart tabs - The container that wraps the tabs.
- * @csspart active-tab-indicator - The line that highlights the currently selected tab.
- * @csspart body - The tab group's body where tab panels are slotted in.
- * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable, an `<nile-icon-button>`.
- * @csspart scroll-button--start - The starting scroll button.
- * @csspart scroll-button--end - The ending scroll button.
- * @csspart scroll-button__base - The scroll button's exported `base` part.
- *
- * @cssproperty --indicator-color - The color of the active tab indicator.
- * @cssproperty --track-color - The color of the indicator's track (the line that separates tabs from panels).
- * @cssproperty --track-width - The width of the indicator's track (the line that separates tabs from panels).
- *
- */
-export declare class NileTabGroup extends NileElement {
-    static styles: CSSResultGroup;
-    private activeTab?;
-    private mutationObserver;
-    private resizeObserver;
-    private tabs;
-    private panels;
-    tabGroup: HTMLElement;
-    body: HTMLSlotElement;
-    nav: HTMLElement;
-    indicator: HTMLElement;
-    private hasScrollControls;
-    /** The placement of the tabs. */
-    placement: 'top' | 'bottom' | 'start' | 'end';
-    /**
-     * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
-     * manual, the tab will receive focus but will not show until the user presses spacebar or enter.
-     */
-    activation: 'auto' | 'manual';
-    /** Disables the scroll arrows that appear when tabs overflow. */
-    noScrollControls: boolean;
-    /** Controls whether tabs are centered and have equal width */
-    centered: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private getAllTabs;
-    private getAllPanels;
-    private getActiveTab;
-    private handleClick;
-    private handleKeyDown;
-    private handleScrollToStart;
-    private handleScrollToEnd;
-    private setActiveTab;
-    private setAriaLabels;
-    private repositionIndicator;
-    private syncTabsAndPanels;
-    updateScrollControls(): void;
-    syncIndicator(): void;
-    /** Shows the specified tab panel. */
-    show(panel: string): void;
-    render(): TemplateResult<1>;
-}
-export default NileTabGroup;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-tab-group': NileTabGroup;
-    }
-}