igniteui-webcomponents 3.2.0 → 3.3.1

package/components/tabs/tabs.js

@@ -0,0 +1,316 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var IgcTabsComponent_1;
+import { html, LitElement, nothing } from 'lit';
+import { eventOptions, property, query, queryAssignedElements, state, } from 'lit/decorators.js';
+import { watch } from '../common/decorators/watch.js';
+import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles } from './themes/light/tabs.base.css.js';
+import { styles as bootstrap } from './themes/light/tabs.bootstrap.css.js';
+import { styles as fluent } from './themes/light/tabs.fluent.css.js';
+import { styles as indigo } from './themes/light/tabs.indigo.css.js';
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { createCounter, getOffset } from '../common/util.js';
+import { getAttributesForTags, getNodesForTags, observerConfig, } from './utils.js';
+import { defineComponents } from '../common/definitions/defineComponents.js';
+import IgcTabComponent from './tab.js';
+import IgcTabPanelComponent from './tab-panel.js';
+import IgcIconButtonComponent from '../button/icon-button.js';
+defineComponents(IgcTabComponent, IgcTabPanelComponent, IgcIconButtonComponent);
+let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends EventEmitterMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.showScrollButtons = false;
+        this.disableStartScrollButton = true;
+        this.disableEndScrollButton = false;
+        this.alignment = 'start';
+        this.activation = 'auto';
+        this.handleKeyDown = (event) => {
+            var _a;
+            const { key } = event;
+            const enabledTabs = this.enabledTabs;
+            let index = enabledTabs.indexOf((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('igc-tab'));
+            switch (key) {
+                case 'ArrowLeft':
+                    index = this.isLTR
+                        ? (enabledTabs.length + index - 1) % enabledTabs.length
+                        : (index + 1) % enabledTabs.length;
+                    break;
+                case 'ArrowRight':
+                    index = this.isLTR
+                        ? (index + 1) % enabledTabs.length
+                        : (enabledTabs.length + index - 1) % enabledTabs.length;
+                    break;
+                case 'Home':
+                    index = 0;
+                    break;
+                case 'End':
+                    index = enabledTabs.length - 1;
+                    break;
+                case 'Enter':
+                case ' ':
+                    this.setSelectedTab(enabledTabs[index]);
+                    break;
+                default:
+                    return;
+            }
+            enabledTabs[index].focus({ preventScroll: true });
+            if (this.activation === 'auto') {
+                this.setSelectedTab(enabledTabs[index]);
+                this.emitEvent('igcChange', { detail: this.activeTab });
+            }
+            else {
+                enabledTabs[index].scrollIntoView({ block: 'nearest' });
+            }
+            event.preventDefault();
+        };
+    }
+    get enabledTabs() {
+        return this.tabs.filter((tab) => !tab.disabled);
+    }
+    get isLTR() {
+        return (window.getComputedStyle(this).getPropertyValue('direction') === 'ltr');
+    }
+    get selected() {
+        var _a, _b;
+        return (_b = (_a = this.activeTab) === null || _a === void 0 ? void 0 : _a.panel) !== null && _b !== void 0 ? _b : '';
+    }
+    alignIndicator() {
+        const styles = {
+            visibility: this.activeTab ? 'visible' : 'hidden',
+            transitionDuration: '0.3s',
+        };
+        if (this.activeTab) {
+            Object.assign(styles, {
+                width: `${this.activeTab.offsetWidth}px`,
+                transform: `translate(${this.isLTR
+                    ? getOffset(this.activeTab, this.wrapper).left
+                    : getOffset(this.activeTab, this.wrapper).right}px)`,
+            });
+        }
+        Object.assign(this.selectedIndicator.style, styles);
+    }
+    async firstUpdated() {
+        var _a;
+        this.showScrollButtons =
+            this.container.scrollWidth > this.container.clientWidth;
+        await this.updateComplete;
+        this.syncAttributes();
+        this.setupObserver();
+        this.setSelectedTab((_a = this.tabs.filter((tab) => tab.selected).at(-1)) !== null && _a !== void 0 ? _a : this.enabledTabs.at(0));
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        super.disconnectedCallback();
+    }
+    updateButtonsOnResize() {
+        this.showScrollButtons = false;
+        this.performUpdate();
+        this.showScrollButtons =
+            this.container.scrollWidth > this.container.clientWidth;
+        this.updateScrollButtons();
+    }
+    updateScrollButtons() {
+        const { scrollLeft, offsetWidth } = this.container, { scrollWidth } = this.wrapper;
+        this.disableEndScrollButton =
+            scrollWidth <= Math.abs(scrollLeft) + offsetWidth;
+        this.disableStartScrollButton = scrollLeft === 0;
+    }
+    setupObserver() {
+        this.resizeObserver = new ResizeObserver(() => {
+            this.updateButtonsOnResize();
+            this.alignIndicator();
+        });
+        [this.container, this.wrapper, ...this.tabs].forEach((element) => this.resizeObserver.observe(element));
+        this.mutationObserver = new MutationObserver(async (records, observer) => {
+            var _a;
+            observer.disconnect();
+            const attributes = getAttributesForTags(records, 'igc-tab');
+            const changed = getNodesForTags(records, this, 'igc-tab');
+            if (attributes.length > 0) {
+                this.activeTab = attributes.find((tab) => tab.selected);
+            }
+            if (changed) {
+                changed.addedNodes.forEach((tab) => {
+                    this.resizeObserver.observe(tab);
+                    if (tab.selected) {
+                        this.activeTab = tab;
+                    }
+                });
+                changed.removedNodes.forEach((tab) => {
+                    this.resizeObserver.unobserve(tab);
+                    if (tab.selected || this.activeTab === tab) {
+                        this.activeTab = undefined;
+                    }
+                });
+                this.syncAttributes();
+            }
+            this.updateSelectedTab();
+            (_a = this.activeTab) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest' });
+            this.alignIndicator();
+            await this.updateComplete;
+            observer.observe(this, observerConfig);
+        });
+        this.mutationObserver.observe(this, observerConfig);
+    }
+    updateSelectedTab() {
+        this.tabs.forEach((tab) => (tab.selected = tab === this.activeTab));
+        this.panels.forEach((panel) => {
+            var _a;
+            return Object.assign(panel.style, {
+                display: panel.id === ((_a = this.activeTab) === null || _a === void 0 ? void 0 : _a.panel) ? 'block' : 'none',
+            });
+        });
+    }
+    syncAttributes() {
+        const prefix = this.id ? `${this.id}-` : '';
+        this.tabs.forEach((tab, index) => {
+            var _a, _b, _c;
+            if (!tab.panel) {
+                tab.panel =
+                    (_b = (_a = this.panels.at(index)) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : `${prefix}tab-${IgcTabsComponent_1.increment()}`;
+            }
+            (_c = this.panels
+                .find((panel) => panel.id === tab.panel)) === null || _c === void 0 ? void 0 : _c.setAttribute('aria-labelledby', tab.id);
+        });
+    }
+    setSelectedTab(tab) {
+        if (!tab || tab === this.activeTab) {
+            return;
+        }
+        if (this.activeTab) {
+            this.activeTab.selected = false;
+        }
+        this.activeTab = tab;
+        this.activeTab.selected = true;
+    }
+    scrollByTabOffset(direction) {
+        const { scrollLeft, offsetWidth } = this.container;
+        const LTR = this.isLTR, next = direction === 'end';
+        const pivot = Math.abs(next ? offsetWidth + scrollLeft : scrollLeft);
+        let amount = this.tabs
+            .map((tab) => ({
+            start: LTR
+                ? getOffset(tab, this.wrapper).left
+                : Math.abs(getOffset(tab, this.wrapper).right),
+            width: tab.offsetWidth,
+        }))
+            .filter((offset) => next ? offset.start + offset.width > pivot : offset.start < pivot)
+            .at(next ? 0 : -1).width;
+        amount *= next ? 1 : -1;
+        this.container.scrollBy({ left: this.isLTR ? amount : -amount });
+    }
+    handleClick(event) {
+        const target = event.target;
+        const tab = target.closest('igc-tab');
+        if (!(tab && this.contains(tab)) || tab.disabled) {
+            return;
+        }
+        tab.focus();
+        this.setSelectedTab(tab);
+        this.emitEvent('igcChange', { detail: this.activeTab });
+    }
+    handleScroll() {
+        this.updateScrollButtons();
+    }
+    select(name) {
+        this.setSelectedTab(this.tabs.find((el) => el.panel === name));
+    }
+    renderScrollButton(direction) {
+        const start = direction === 'start';
+        return this.showScrollButtons
+            ? html `<igc-icon-button
+          tabindex="-1"
+          aria-hidden="true"
+          size="large"
+          variant="flat"
+          collection="internal"
+          part="${direction}-scroll-button"
+          name="navigate_${start ? 'before' : 'next'}"
+          .disabled=${start
+                ? this.disableStartScrollButton
+                : this.disableEndScrollButton}
+          @click=${() => this.scrollByTabOffset(direction)}
+        ></igc-icon-button>`
+            : nothing;
+    }
+    render() {
+        return html `
+      <div part="headers">
+        ${this.renderScrollButton('start')}
+        <div part="headers-content" @scroll=${this.handleScroll}>
+          <div part="headers-wrapper">
+            <div
+              part="headers-scroll"
+              role="tablist"
+              @click=${this.handleClick}
+              @keydown=${this.handleKeyDown}
+            >
+              <slot></slot>
+            </div>
+            <div part="selected-indicator"></div>
+          </div>
+        </div>
+        ${this.renderScrollButton('end')}
+      </div>
+      <div part="content">
+        <slot name="panel"></slot>
+      </div>
+    `;
+    }
+};
+IgcTabsComponent.tagName = 'igc-tabs';
+IgcTabsComponent.styles = styles;
+IgcTabsComponent.increment = createCounter();
+__decorate([
+    queryAssignedElements({ selector: 'igc-tab' })
+], IgcTabsComponent.prototype, "tabs", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'panel' })
+], IgcTabsComponent.prototype, "panels", void 0);
+__decorate([
+    query('[part="headers-wrapper"]', true)
+], IgcTabsComponent.prototype, "wrapper", void 0);
+__decorate([
+    query('[part="headers-content"]', true)
+], IgcTabsComponent.prototype, "container", void 0);
+__decorate([
+    query('[part="selected-indicator"]', true)
+], IgcTabsComponent.prototype, "selectedIndicator", void 0);
+__decorate([
+    state()
+], IgcTabsComponent.prototype, "showScrollButtons", void 0);
+__decorate([
+    state()
+], IgcTabsComponent.prototype, "disableStartScrollButton", void 0);
+__decorate([
+    state()
+], IgcTabsComponent.prototype, "disableEndScrollButton", void 0);
+__decorate([
+    state()
+], IgcTabsComponent.prototype, "activeTab", void 0);
+__decorate([
+    property({ reflect: true })
+], IgcTabsComponent.prototype, "alignment", void 0);
+__decorate([
+    property()
+], IgcTabsComponent.prototype, "activation", void 0);
+__decorate([
+    watch('alignment', { waitUntilFirstUpdate: true })
+], IgcTabsComponent.prototype, "alignIndicator", null);
+__decorate([
+    eventOptions({ passive: true })
+], IgcTabsComponent.prototype, "handleScroll", null);
+IgcTabsComponent = IgcTabsComponent_1 = __decorate([
+    themes({ bootstrap, fluent, indigo }),
+    blazorAdditionalDependencies('IgcTabComponent, IgcTabPanelComponent')
+], IgcTabsComponent);
+export default IgcTabsComponent;
+//# sourceMappingURL=tabs.js.map

package/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport {\n  eventOptions,\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/tabs.base.css.js';\nimport { styles as bootstrap } from './themes/light/tabs.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/tabs.fluent.css.js';\nimport { styles as indigo } from './themes/light/tabs.indigo.css.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { createCounter, getOffset } from '../common/util.js';\nimport {\n  getAttributesForTags,\n  getNodesForTags,\n  observerConfig,\n} from './utils.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcTabComponent from './tab.js';\nimport IgcTabPanelComponent from './tab-panel.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\n\ndefineComponents(IgcTabComponent, IgcTabPanelComponent, IgcIconButtonComponent);\n\nexport interface IgcTabsEventMap {\n  igcChange: CustomEvent<IgcTabComponent>;\n}\n\n/**\n * Represents tabs component\n *\n * @element igc-tabs\n *\n * @fires igcChange - Emitted when the selected tab changes.\n *\n * @slot - Renders the tab header.\n * @slot panel - Renders the tab content.\n *\n * @csspart headers - The wrapper of the tabs including the headers content and the scroll buttons.\n * @csspart headers-content - The container for the tab headers.\n * @csspart headers-wrapper - The wrapper for the tab headers and the selected indicator.\n * @csspart headers-scroll - The container for the headers.\n * @csspart selected-indicator - The selected indicator.\n * @csspart start-scroll-button - The start scroll button displayed when the tabs overflow.\n * @csspart end-scroll-button - The end scroll button displayed when the tabs overflow.\n * @csspart content - The container for the tabs content.\n */\n@themes({ bootstrap, fluent, indigo })\n@blazorAdditionalDependencies('IgcTabComponent, IgcTabPanelComponent')\nexport default class IgcTabsComponent extends EventEmitterMixin<\n  IgcTabsEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-tabs';\n\n  public static styles = styles;\n  private static readonly increment = createCounter();\n\n  @queryAssignedElements({ selector: 'igc-tab' })\n  protected tabs!: Array<IgcTabComponent>;\n\n  @queryAssignedElements({ slot: 'panel' })\n  protected panels!: Array<IgcTabPanelComponent>;\n\n  @query('[part=\"headers-wrapper\"]', true)\n  protected wrapper!: HTMLElement;\n\n  @query('[part=\"headers-content\"]', true)\n  protected container!: HTMLElement;\n\n  @query('[part=\"selected-indicator\"]', true)\n  protected selectedIndicator!: HTMLElement;\n\n  @state()\n  protected showScrollButtons = false;\n\n  @state()\n  protected disableStartScrollButton = true;\n\n  @state()\n  protected disableEndScrollButton = false;\n\n  @state()\n  protected activeTab?: IgcTabComponent;\n\n  protected resizeObserver!: ResizeObserver;\n  protected mutationObserver!: MutationObserver;\n\n  protected get enabledTabs() {\n    return this.tabs.filter((tab) => !tab.disabled);\n  }\n\n  protected get isLTR() {\n    return (\n      window.getComputedStyle(this).getPropertyValue('direction') === 'ltr'\n    );\n  }\n\n  /** Returns the currently selected tab. */\n  public get selected(): string {\n    return this.activeTab?.panel ?? '';\n  }\n\n  /** Sets the alignment for the tab headers */\n  @property({ reflect: true })\n  public alignment: 'start' | 'end' | 'center' | 'justify' = 'start';\n\n  /**\n   * Determines the tab activation. When set to auto,\n   * the tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\n   * and the corresponding panel is displayed.\n   * When set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n   */\n  @property()\n  public activation: 'auto' | 'manual' = 'auto';\n\n  @watch('alignment', { waitUntilFirstUpdate: true })\n  protected alignIndicator() {\n    const styles: Partial<CSSStyleDeclaration> = {\n      visibility: this.activeTab ? 'visible' : 'hidden',\n      transitionDuration: '0.3s',\n    };\n\n    if (this.activeTab) {\n      Object.assign(styles, {\n        width: `${this.activeTab!.offsetWidth}px`,\n        transform: `translate(${\n          this.isLTR\n            ? getOffset(this.activeTab!, this.wrapper).left\n            : getOffset(this.activeTab!, this.wrapper).right\n        }px)`,\n      });\n    }\n\n    Object.assign(this.selectedIndicator.style, styles);\n  }\n\n  protected override async firstUpdated() {\n    this.showScrollButtons =\n      this.container.scrollWidth > this.container.clientWidth;\n\n    await this.updateComplete;\n\n    this.syncAttributes();\n    this.setupObserver();\n    this.setSelectedTab(\n      this.tabs.filter((tab) => tab.selected).at(-1) ?? this.enabledTabs.at(0)\n    );\n  }\n\n  public override disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  protected updateButtonsOnResize() {\n    // Hide the buttons in the resize observer callback and synchronously update the DOM\n    // in order to get the actual size\n    this.showScrollButtons = false;\n    this.performUpdate();\n\n    this.showScrollButtons =\n      this.container.scrollWidth > this.container.clientWidth;\n\n    this.updateScrollButtons();\n  }\n\n  protected updateScrollButtons() {\n    const { scrollLeft, offsetWidth } = this.container,\n      { scrollWidth } = this.wrapper;\n\n    this.disableEndScrollButton =\n      scrollWidth <= Math.abs(scrollLeft) + offsetWidth;\n    this.disableStartScrollButton = scrollLeft === 0;\n  }\n\n  protected setupObserver() {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateButtonsOnResize();\n      this.alignIndicator();\n    });\n\n    [this.container, this.wrapper, ...this.tabs].forEach((element) =>\n      this.resizeObserver.observe(element)\n    );\n\n    this.mutationObserver = new MutationObserver(async (records, observer) => {\n      // Stop observing while handling changes\n      observer.disconnect();\n\n      const attributes = getAttributesForTags<IgcTabComponent>(\n        records,\n        'igc-tab'\n      );\n      const changed = getNodesForTags<IgcTabComponent>(\n        records,\n        this,\n        'igc-tab'\n      );\n\n      if (attributes.length > 0) {\n        this.activeTab = attributes.find((tab) => tab.selected);\n      }\n\n      if (changed) {\n        changed.addedNodes.forEach((tab) => {\n          this.resizeObserver.observe(tab);\n          if (tab.selected) {\n            this.activeTab = tab;\n          }\n        });\n        changed.removedNodes.forEach((tab) => {\n          this.resizeObserver.unobserve(tab);\n          if (tab.selected || this.activeTab === tab) {\n            this.activeTab = undefined;\n          }\n        });\n\n        this.syncAttributes();\n      }\n\n      this.updateSelectedTab();\n      this.activeTab?.scrollIntoView({ block: 'nearest' });\n      this.alignIndicator();\n\n      // Watch for changes again\n      await this.updateComplete;\n      observer.observe(this, observerConfig);\n    });\n\n    this.mutationObserver.observe(this, observerConfig);\n  }\n\n  protected updateSelectedTab() {\n    this.tabs.forEach((tab) => (tab.selected = tab === this.activeTab));\n    this.panels.forEach((panel) =>\n      Object.assign(panel.style, {\n        display: panel.id === this.activeTab?.panel ? 'block' : 'none',\n      })\n    );\n  }\n\n  protected syncAttributes() {\n    const prefix = this.id ? `${this.id}-` : '';\n    this.tabs.forEach((tab, index) => {\n      if (!tab.panel) {\n        tab.panel =\n          this.panels.at(index)?.id ??\n          `${prefix}tab-${IgcTabsComponent.increment()}`;\n      }\n      this.panels\n        .find((panel) => panel.id === tab.panel)\n        ?.setAttribute('aria-labelledby', tab.id);\n    });\n  }\n\n  private setSelectedTab(tab?: IgcTabComponent) {\n    if (!tab || tab === this.activeTab) {\n      return;\n    }\n\n    if (this.activeTab) {\n      this.activeTab.selected = false;\n    }\n\n    this.activeTab = tab;\n    this.activeTab.selected = true;\n  }\n\n  protected scrollByTabOffset(direction: 'start' | 'end') {\n    const { scrollLeft, offsetWidth } = this.container;\n    const LTR = this.isLTR,\n      next = direction === 'end';\n\n    const pivot = Math.abs(next ? offsetWidth + scrollLeft : scrollLeft);\n\n    let amount = this.tabs\n      .map((tab) => ({\n        start: LTR\n          ? getOffset(tab, this.wrapper).left\n          : Math.abs(getOffset(tab, this.wrapper).right),\n        width: tab.offsetWidth,\n      }))\n      .filter((offset) =>\n        next ? offset.start + offset.width > pivot : offset.start < pivot\n      )\n      .at(next ? 0 : -1)!.width;\n\n    amount *= next ? 1 : -1;\n    this.container.scrollBy({ left: this.isLTR ? amount : -amount });\n  }\n\n  protected handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('igc-tab');\n\n    if (!(tab && this.contains(tab)) || tab.disabled) {\n      return;\n    }\n\n    tab.focus();\n    this.setSelectedTab(tab);\n    this.emitEvent('igcChange', { detail: this.activeTab });\n  }\n\n  protected handleKeyDown = (event: KeyboardEvent) => {\n    const { key } = event;\n    const enabledTabs = this.enabledTabs;\n\n    let index = enabledTabs.indexOf(\n      document.activeElement?.closest('igc-tab') as IgcTabComponent\n    );\n\n    switch (key) {\n      case 'ArrowLeft':\n        index = this.isLTR\n          ? (enabledTabs.length + index - 1) % enabledTabs.length\n          : (index + 1) % enabledTabs.length;\n        break;\n      case 'ArrowRight':\n        index = this.isLTR\n          ? (index + 1) % enabledTabs.length\n          : (enabledTabs.length + index - 1) % enabledTabs.length;\n        break;\n      case 'Home':\n        index = 0;\n        break;\n      case 'End':\n        index = enabledTabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        this.setSelectedTab(enabledTabs[index]);\n        break;\n      default:\n        return;\n    }\n\n    enabledTabs[index].focus({ preventScroll: true });\n\n    if (this.activation === 'auto') {\n      this.setSelectedTab(enabledTabs[index]);\n      this.emitEvent('igcChange', { detail: this.activeTab });\n    } else {\n      enabledTabs[index].scrollIntoView({ block: 'nearest' });\n    }\n\n    event.preventDefault();\n  };\n\n  @eventOptions({ passive: true })\n  protected handleScroll() {\n    this.updateScrollButtons();\n  }\n\n  /** Selects the specified tab and displays the corresponding panel.  */\n  public select(name: string) {\n    this.setSelectedTab(this.tabs.find((el) => el.panel === name));\n  }\n\n  protected renderScrollButton(direction: 'start' | 'end') {\n    const start = direction === 'start';\n\n    return this.showScrollButtons\n      ? html`<igc-icon-button\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          size=\"large\"\n          variant=\"flat\"\n          collection=\"internal\"\n          part=\"${direction}-scroll-button\"\n          name=\"navigate_${start ? 'before' : 'next'}\"\n          .disabled=${start\n            ? this.disableStartScrollButton\n            : this.disableEndScrollButton}\n          @click=${() => this.scrollByTabOffset(direction)}\n        ></igc-icon-button>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"headers\">\n        ${this.renderScrollButton('start')}\n        <div part=\"headers-content\" @scroll=${this.handleScroll}>\n          <div part=\"headers-wrapper\">\n            <div\n              part=\"headers-scroll\"\n              role=\"tablist\"\n              @click=${this.handleClick}\n              @keydown=${this.handleKeyDown}\n            >\n              <slot></slot>\n            </div>\n            <div part=\"selected-indicator\"></div>\n          </div>\n        </div>\n        ${this.renderScrollButton('end')}\n      </div>\n      <div part=\"content\">\n        <slot name=\"panel\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tabs': IgcTabsComponent;\n  }\n}\n"]}

package/components/tabs/themes/dark/tab.dark.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/dark/tab.dark.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=tab.dark.base.css.js.map

package/components/tabs/themes/dark/tab.dark.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.dark.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.dark.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/tabs/themes/dark/tab.dark.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/dark/tab.dark.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=tab.dark.bootstrap.css.js.map

package/components/tabs/themes/dark/tab.dark.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.dark.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.dark.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/tabs/themes/light/tab-panel.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tab-panel.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{position:relative;overflow:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}`;
+//# sourceMappingURL=tab-panel.base.css.js.map

package/components/tabs/themes/light/tab-panel.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab-panel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2zBAA2zB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{position:relative;overflow:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}`;\n"]}

package/components/tabs/themes/light/tab.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tab.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;-webkit-transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:hover),:host(:focus-within){background:var(--hover-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([selected]){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([selected]) ::slotted(igc-icon){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([selected]:hover),:host([selected]:focus-within){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([disabled]){pointer-events:none;cursor:initial;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);text-transform:var(--igc-button-text-transform);line-height:var(--igc-button-line-height);margin-top:var(--igc-button-margin-top);margin-bottom:var(--igc-button-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;outline-style:none}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon:not(:only-child)){margin-bottom:.5rem}::slotted(igc-icon){--size: 1.5rem}`;
+//# sourceMappingURL=tab.base.css.js.map

package/components/tabs/themes/light/tab.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ipGAAipG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;-webkit-transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:hover),:host(:focus-within){background:var(--hover-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([selected]){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([selected]) ::slotted(igc-icon){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([selected]:hover),:host([selected]:focus-within){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([disabled]){pointer-events:none;cursor:initial;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);text-transform:var(--igc-button-text-transform);line-height:var(--igc-button-line-height);margin-top:var(--igc-button-margin-top);margin-bottom:var(--igc-button-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;outline-style:none}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon:not(:only-child)){margin-bottom:.5rem}::slotted(igc-icon){--size: 1.5rem}`;\n"]}

package/components/tabs/themes/light/tab.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tab.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{background:rgba(0,0,0,0);-webkit-transition:none;-o-transition:none;transition:none;border-start-start-radius:.25rem;border-start-end-radius:.25rem;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover){background:rgba(0,0,0,0);color:var(--hover-color, hsla(var(--igc-primary-700), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-200), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([selected]){color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([selected]) ::slotted(igc-icon){color:hsla(var(--igc-gray-800), var(--igc-gray-a))}:host([selected])::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a));z-index:1}:host([selected]:hover){color:hsla(var(--igc-gray-800), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-300), var(--igc-gray-a));border-inline-color:hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host(:focus-within),:host([selected]:focus-within){color:var(--hover-color, hsla(var(--igc-primary-700), var(--igc-primary-a)));background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-primary-700), var(--igc-primary-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-primary-700), var(--igc-primary-a));border-radius:.25rem;z-index:1}:host(:focus-within)::after,:host([selected]:focus-within)::after{display:none}:host([selected]:focus-within){color:hsla(var(--igc-gray-800), var(--igc-gray-a))}:host([disabled]){color:hsla(var(--igc-primary-500), 0.5)}`;
+//# sourceMappingURL=tab.bootstrap.css.js.map

package/components/tabs/themes/light/tab.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q0DAAq0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:rgba(0,0,0,0);-webkit-transition:none;-o-transition:none;transition:none;border-start-start-radius:.25rem;border-start-end-radius:.25rem;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover){background:rgba(0,0,0,0);color:var(--hover-color, hsla(var(--igc-primary-700), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-200), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([selected]){color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([selected]) ::slotted(igc-icon){color:hsla(var(--igc-gray-800), var(--igc-gray-a))}:host([selected])::after{content:\"\";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a));z-index:1}:host([selected]:hover){color:hsla(var(--igc-gray-800), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-300), var(--igc-gray-a));border-inline-color:hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host(:focus-within),:host([selected]:focus-within){color:var(--hover-color, hsla(var(--igc-primary-700), var(--igc-primary-a)));background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-primary-700), var(--igc-primary-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-primary-700), var(--igc-primary-a));border-radius:.25rem;z-index:1}:host(:focus-within)::after,:host([selected]:focus-within)::after{display:none}:host([selected]:focus-within){color:hsla(var(--igc-gray-800), var(--igc-gray-a))}:host([disabled]){color:hsla(var(--igc-primary-500), 0.5)}`;\n"]}

package/components/tabs/themes/light/tab.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tab.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host ::slotted(igc-icon){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:hover),:host(:focus-within){color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host([disabled]){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) ::slotted(igc-icon){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+//# sourceMappingURL=tab.fluent.css.js.map

package/components/tabs/themes/light/tab.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4XAA4X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host ::slotted(igc-icon){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:hover),:host(:focus-within){color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host([disabled]){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) ::slotted(igc-icon){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

package/components/tabs/themes/light/tab.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tab.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{background:rgba(0,0,0,0)}:host(:hover),:host(:focus-within){background:rgba(0,0,0,0);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host([selected]){color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host([selected]) ::slotted(igc-icon){color:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([selected]:hover),:host([selected]:focus-within){color:hsla(var(--igc-gray-900), var(--igc-gray-a))}`;
+//# sourceMappingURL=tab.indigo.css.js.map

package/components/tabs/themes/light/tab.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8ZAA8Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:rgba(0,0,0,0)}:host(:hover),:host(:focus-within){background:rgba(0,0,0,0);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host([selected]){color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host([selected]) ::slotted(igc-icon){color:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([selected]:hover),:host([selected]:focus-within){color:hsla(var(--igc-gray-900), var(--igc-gray-a))}`;\n"]}

package/components/tabs/themes/light/tabs.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tabs.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){-ms-flex-preferred-size:100px;flex-basis:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}[part=headers]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:2.625rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-content]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=headers-scroll]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);height:.125rem;min-width:5.625rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;cursor:pointer;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){-webkit-box-shadow:none;box-shadow:none}igc-icon-button::part(base){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}`;
+//# sourceMappingURL=tabs.base.css.js.map

package/components/tabs/themes/light/tabs.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,25HAA25H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){-ms-flex-preferred-size:100px;flex-basis:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}[part=headers]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:2.625rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-content]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=headers-scroll]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);height:.125rem;min-width:5.625rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;cursor:pointer;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){-webkit-box-shadow:none;box-shadow:none}igc-icon-button::part(base){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}`;\n"]}

package/components/tabs/themes/light/tabs.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tabs.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=headers]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-wrapper]::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:hsla(var(--igc-gray-300), var(--igc-gray-a));z-index:0}igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-primary-500), 0.5)}[part=selected-indicator]{display:none}`;
+//# sourceMappingURL=tabs.bootstrap.css.js.map

package/components/tabs/themes/light/tabs.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukBAAukB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-wrapper]::after{content:\"\";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:hsla(var(--igc-gray-300), var(--igc-gray-a));z-index:0}igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-primary-500), 0.5)}[part=selected-indicator]{display:none}`;\n"]}

package/components/tabs/themes/light/tabs.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tabs.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:inherit}`;
+//# sourceMappingURL=tabs.fluent.css.js.map

package/components/tabs/themes/light/tabs.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2TAA2T,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:inherit}`;\n"]}

package/components/tabs/themes/light/tabs.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tabs/themes/light/tabs.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=headers]{background:rgba(0,0,0,0)}[part=start-scroll-button],[part=end-scroll-button]{background:rgba(0,0,0,0)}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:rgba(0,0,0,0)}[part=selected-indicator]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}`;
+//# sourceMappingURL=tabs.indigo.css.js.map

package/components/tabs/themes/light/tabs.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wWAAwW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers]{background:rgba(0,0,0,0)}[part=start-scroll-button],[part=end-scroll-button]{background:rgba(0,0,0,0)}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:rgba(0,0,0,0)}[part=selected-indicator]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}`;\n"]}

package/components/tabs/utils.d.ts

@@ -0,0 +1,14 @@
+export declare const observerConfig: MutationObserverInit;
+/**
+ * Returns all targets with attribute mutations matching `tags`
+ */
+export declare function getAttributesForTags<T extends Element>(records: MutationRecord[], ...tags: string[]): T[];
+/**
+ * Returns all targets with childList mutations matching tags.
+ * If `root` is specified, returns only targets that are direct children
+ * of `root`.
+ */
+export declare function getNodesForTags<T extends Element>(records: MutationRecord[], root?: Element, ...tags: string[]): {
+    addedNodes: T[];
+    removedNodes: T[];
+} | null;

package/components/tabs/utils.js

@@ -0,0 +1,32 @@
+export const observerConfig = {
+    attributes: true,
+    attributeFilter: ['selected'],
+    childList: true,
+    subtree: true,
+};
+function isMatchingTag(node, ...tags) {
+    return tags ? tags.includes(node.nodeName.toLowerCase()) : true;
+}
+export function getAttributesForTags(records, ...tags) {
+    return records
+        .filter(({ type, target }) => type === 'attributes' && isMatchingTag(target, ...tags))
+        .map(({ target }) => target);
+}
+export function getNodesForTags(records, root, ...tags) {
+    const collected = { addedNodes: [], removedNodes: [] };
+    records
+        .filter(({ type, target }) => type === 'childList' && (root ? target.isSameNode(root) : true))
+        .reduce((prev, curr) => {
+        prev.addedNodes = prev.addedNodes.concat(Array.from(curr.addedNodes)
+            .filter((node) => isMatchingTag(node, ...tags))
+            .map((node) => node));
+        prev.removedNodes = prev.removedNodes.concat(Array.from(curr.removedNodes)
+            .filter((node) => isMatchingTag(node, ...tags))
+            .map((node) => node));
+        return prev;
+    }, collected);
+    return collected.addedNodes.length || collected.removedNodes.length
+        ? collected
+        : null;
+}
+//# sourceMappingURL=utils.js.map

package/components/tabs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/tabs/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAyB;IAClD,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,CAAC,UAAU,CAAC;IAC7B,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,SAAS,aAAa,CAAC,IAAU,EAAE,GAAG,IAAc;IAClD,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClE,CAAC;AAKD,MAAM,UAAU,oBAAoB,CAClC,OAAyB,EACzB,GAAG,IAAc;IAEjB,OAAO,OAAO;SACX,MAAM,CACL,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CACnB,IAAI,KAAK,YAAY,IAAI,aAAa,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAC1D;SACA,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAW,CAAC,CAAC;AACtC,CAAC;AAOD,MAAM,UAAU,eAAe,CAC7B,OAAyB,EACzB,IAAc,EACd,GAAG,IAAc;IAEjB,MAAM,SAAS,GAGX,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAEzC,OAAO;SACJ,MAAM,CACL,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CACnB,IAAI,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAClE;SACA,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CACtC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;aACxB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAS,CAAC,CAC5B,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAC1C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;aAC1B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAS,CAAC,CAC5B,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,SAAS,CAAC,CAAC;IAEhB,OAAO,SAAS,CAAC,UAAU,CAAC,MAAM,IAAI,SAAS,CAAC,YAAY,CAAC,MAAM;QACjE,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,CAAC;AACX,CAAC","sourcesContent":["export const observerConfig: MutationObserverInit = {\n  attributes: true,\n  attributeFilter: ['selected'],\n  childList: true,\n  subtree: true,\n};\n\nfunction isMatchingTag(node: Node, ...tags: string[]) {\n  return tags ? tags.includes(node.nodeName.toLowerCase()) : true;\n}\n\n/**\n * Returns all targets with attribute mutations matching `tags`\n */\nexport function getAttributesForTags<T extends Element>(\n  records: MutationRecord[],\n  ...tags: string[]\n) {\n  return records\n    .filter(\n      ({ type, target }) =>\n        type === 'attributes' && isMatchingTag(target, ...tags)\n    )\n    .map(({ target }) => target as T);\n}\n\n/**\n * Returns all targets with childList mutations matching tags.\n * If `root` is specified, returns only targets that are direct children\n * of `root`.\n */\nexport function getNodesForTags<T extends Element>(\n  records: MutationRecord[],\n  root?: Element,\n  ...tags: string[]\n) {\n  const collected: {\n    addedNodes: T[];\n    removedNodes: T[];\n  } = { addedNodes: [], removedNodes: [] };\n\n  records\n    .filter(\n      ({ type, target }) =>\n        type === 'childList' && (root ? target.isSameNode(root) : true)\n    )\n    .reduce((prev, curr) => {\n      prev.addedNodes = prev.addedNodes.concat(\n        Array.from(curr.addedNodes)\n          .filter((node) => isMatchingTag(node, ...tags))\n          .map((node) => node as T)\n      );\n      prev.removedNodes = prev.removedNodes.concat(\n        Array.from(curr.removedNodes)\n          .filter((node) => isMatchingTag(node, ...tags))\n          .map((node) => node as T)\n      );\n      return prev;\n    }, collected);\n\n  return collected.addedNodes.length || collected.removedNodes.length\n    ? collected\n    : null;\n}\n"]}

package/components/toast/themes/toast.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;
+export const styles = css `:host{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;
 //# sourceMappingURL=toast.base.css.js.map