@esri/calcite-components 2.2.0-next.15 → 2.2.0-next.16

package/dist/collection/components/tab-title/tab-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-title.js","sourceRoot":"","sources":["../../../../src/components/tab-title/tab-title.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean, nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FlipContext, Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TabTitleMessages } from \"./assets/tab-title/t9n\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * Tab-titles are optionally individually closable.\n */\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-tab-title\",\n  styleUrl: \"tab-title.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabTitle implements InteractiveComponent, LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component and its respective `calcite-tab` contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.emitActiveTab(false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, does not display or position the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout;\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TabTitleMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TabTitleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.setupTextContentObserver();\n    this.parentTabNavEl = this.el.closest(\"calcite-tab-nav\");\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabTitleUnregister\", {\n        detail: this.el,\n      }),\n    );\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    if (Build.isBrowser) {\n      this.updateHasText();\n    }\n    if (this.tab && this.selected) {\n      this.emitActiveTab(false);\n    }\n  }\n\n  componentWillRender(): void {\n    if (this.parentTabsEl) {\n      this.layout = this.parentTabsEl.layout;\n      this.bordered = this.parentTabsEl.bordered;\n    }\n  }\n\n  render(): VNode {\n    const { el, closed } = this;\n    const id = el.id || this.guid;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-controls={this.controls}\n        aria-selected={toAriaBoolean(this.selected)}\n        id={id}\n        role=\"tab\"\n        tabIndex={this.selected && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{\n              container: true,\n              [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,\n              [`scale-${this.scale}`]: true,\n            }}\n            hidden={closed}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => this.resizeObserver?.observe(el)}\n          >\n            <div class={{ [CSS.content]: true, [CSS.contentHasText]: this.hasText }}>\n              {this.iconStart ? iconStartEl : null}\n              <slot />\n              {this.iconEnd ? iconEndEl : null}\n            </div>\n            {this.renderCloseButton()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    const { closable, messages } = this;\n\n    return closable ? (\n      <button\n        aria-label={messages.close}\n        class={CSS.closeButton}\n        disabled={false}\n        key={CSS.closeButton}\n        onClick={this.closeClickHandler}\n        title={messages.close}\n        type=\"button\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  async componentDidLoad(): Promise<void> {\n    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.emitActiveTab();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        if (!event.composedPath().includes(this.closeButtonEl)) {\n          this.emitActiveTab();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusNext.emit();\n        } else {\n          this.calciteInternalTabsFocusPrevious.emit();\n        }\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusPrevious.emit();\n        } else {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusFirst.emit();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusLast.emit();\n        break;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when a `calcite-tab` is selected.\n   */\n  @Event({ cancelable: false }) calciteTabsActivate: EventEmitter<void>;\n\n  /**\n   * Fires when a `calcite-tab` is selected (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts#L1)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;\n\n  /**\n   * Fires when a `calcite-tab` is closed.\n   */\n  @Event({ cancelable: false }) calciteTabsClose: EventEmitter<void>;\n\n  /**\n   * Fires when `calcite-tab` is closed (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsClose: EventEmitter<TabCloseEventDetail>;\n  /**\n   * @internal\n   */\n\n  @Event({ cancelable: false }) calciteInternalTabsFocusNext: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusPrevious: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusFirst: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusLast: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabTitleRegister: EventEmitter<TabID>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabIconChanged: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the title within the `calcite-tab-nav`.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) =>\n        el.matches(\"calcite-tab-title\"),\n      ),\n      this.el,\n    );\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  async getTabIdentifier(): Promise<TabID> {\n    return this.tab ? this.tab : this.getTabIndex();\n  }\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private closeClickHandler = (): void => {\n    this.closeTabTitleAndNotify();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabTitleElement;\n\n  /** watches for changing text content */\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () => this.updateHasText());\n\n  @State() controls: string;\n\n  @State() defaultMessages: TabTitleMessages;\n\n  @State() effectiveLocale: \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  /** determine if there is slotted text for styling purposes */\n  @State() hasText = false;\n\n  closeButtonEl: HTMLButtonElement;\n\n  containerEl: HTMLDivElement;\n\n  parentTabNavEl: HTMLCalciteTabNavElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    this.calciteInternalTabIconChanged.emit();\n  });\n\n  updateHasText(): void {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  setupTextContentObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  emitActiveTab(userTriggered = true): void {\n    if (this.disabled || this.closed) {\n      return;\n    }\n    const payload = { tab: this.tab };\n    this.calciteInternalTabsActivate.emit(payload);\n\n    if (userTriggered) {\n      // emit in the next frame to let internal events sync up\n      requestAnimationFrame(() => this.calciteTabsActivate.emit());\n    }\n  }\n\n  closeTabTitleAndNotify(): void {\n    this.closed = true;\n    this.calciteInternalTabsClose.emit({ tab: this.tab });\n    this.calciteTabsClose.emit();\n  }\n\n  guid = `calcite-tab-title-${guid()}`;\n}\n"]}
+{"version":3,"file":"tab-title.js","sourceRoot":"","sources":["../../../../src/components/tab-title/tab-title.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean, nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FlipContext, Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TabTitleMessages } from \"./assets/tab-title/t9n\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * Tab-titles are optionally individually closable.\n */\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-tab-title\",\n  styleUrl: \"tab-title.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabTitle implements InteractiveComponent, LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component and its respective `calcite-tab` contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, does not display or position the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout;\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TabTitleMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TabTitleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.setupTextContentObserver();\n    this.parentTabNavEl = this.el.closest(\"calcite-tab-nav\");\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabTitleUnregister\", {\n        detail: this.el,\n      }),\n    );\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    if (Build.isBrowser) {\n      this.updateHasText();\n    }\n    if (this.tab && this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  componentWillRender(): void {\n    if (this.parentTabsEl) {\n      this.layout = this.parentTabsEl.layout;\n      this.bordered = this.parentTabsEl.bordered;\n    }\n  }\n\n  render(): VNode {\n    const { el, closed } = this;\n    const id = el.id || this.guid;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-controls={this.controls}\n        aria-selected={toAriaBoolean(this.selected)}\n        id={id}\n        role=\"tab\"\n        tabIndex={this.selected && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{\n              container: true,\n              [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,\n              [`scale-${this.scale}`]: true,\n            }}\n            hidden={closed}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => this.resizeObserver?.observe(el)}\n          >\n            <div class={{ [CSS.content]: true, [CSS.contentHasText]: this.hasText }}>\n              {this.iconStart ? iconStartEl : null}\n              <slot />\n              {this.iconEnd ? iconEndEl : null}\n            </div>\n            {this.renderCloseButton()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    const { closable, messages } = this;\n\n    return closable ? (\n      <button\n        aria-label={messages.close}\n        class={CSS.closeButton}\n        disabled={false}\n        key={CSS.closeButton}\n        onClick={this.closeClickHandler}\n        title={messages.close}\n        type=\"button\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  async componentDidLoad(): Promise<void> {\n    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    this.activateTab();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        if (!event.composedPath().includes(this.closeButtonEl)) {\n          this.activateTab();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusNext.emit();\n        } else {\n          this.calciteInternalTabsFocusPrevious.emit();\n        }\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusPrevious.emit();\n        } else {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusFirst.emit();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusLast.emit();\n        break;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when a `calcite-tab` is selected.\n   */\n  @Event({ cancelable: false }) calciteTabsActivate: EventEmitter<void>;\n\n  /**\n   * Fires when a `calcite-tab` is selected (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts#L1)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;\n\n  /**\n   * Fires when a `calcite-tab` is closed.\n   */\n  @Event({ cancelable: false }) calciteTabsClose: EventEmitter<void>;\n\n  /**\n   * Fires when `calcite-tab` is closed (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsClose: EventEmitter<TabCloseEventDetail>;\n  /**\n   * @internal\n   */\n\n  @Event({ cancelable: false }) calciteInternalTabsFocusNext: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusPrevious: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusFirst: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusLast: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabTitleRegister: EventEmitter<TabID>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabIconChanged: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the title within the `calcite-tab-nav`.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) =>\n        el.matches(\"calcite-tab-title\"),\n      ),\n      this.el,\n    );\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  async getTabIdentifier(): Promise<TabID> {\n    return this.tab ? this.tab : this.getTabIndex();\n  }\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;\n  }\n\n  /**\n   * This activates a tab in order for it and its associated tab-title be selected.\n   *\n   * @param userTriggered - when `true`, user-interaction events will be emitted in addition to internal events\n   * @internal\n   */\n  @Method()\n  async activateTab(userTriggered = true): Promise<void> {\n    if (this.disabled || this.closed) {\n      return;\n    }\n    const payload = { tab: this.tab };\n    this.calciteInternalTabsActivate.emit(payload);\n\n    if (userTriggered) {\n      // emit in the next frame to let internal events sync up\n      requestAnimationFrame(() => this.calciteTabsActivate.emit());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private closeClickHandler = (): void => {\n    this.closeTabTitleAndNotify();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabTitleElement;\n\n  /** watches for changing text content */\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () => this.updateHasText());\n\n  @State() controls: string;\n\n  @State() defaultMessages: TabTitleMessages;\n\n  @State() effectiveLocale: \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  /** determine if there is slotted text for styling purposes */\n  @State() hasText = false;\n\n  closeButtonEl: HTMLButtonElement;\n\n  containerEl: HTMLDivElement;\n\n  parentTabNavEl: HTMLCalciteTabNavElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    this.calciteInternalTabIconChanged.emit();\n  });\n\n  updateHasText(): void {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  setupTextContentObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  closeTabTitleAndNotify(): void {\n    this.closed = true;\n    this.calciteInternalTabsClose.emit({ tab: this.tab });\n    this.calciteTabsClose.emit();\n  }\n\n  guid = `calcite-tab-title-${guid()}`;\n}\n"]}

package/dist/collection/components/table/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 export const CSS = {
     bordered: "bordered",

package/dist/collection/components/table/table.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:39 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/table/table.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

package/dist/collection/components/table/table.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 import { h, Host, } from "@stencil/core";
 import { setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";

package/dist/collection/components/table-cell/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 export const CSS = {
     numberCell: "number-cell",

package/dist/collection/components/table-cell/table-cell.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:39 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/table-cell/table-cell.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";

package/dist/collection/components/table-header/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 export const CSS = {
     numberCell: "number-cell",

package/dist/collection/components/table-header/table-header.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:39 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/table-header/table-header.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";

package/dist/collection/components/table-row/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 export const CSS = {
     lastVisibleRow: "last-visible-row",

package/dist/collection/components/table-row/table-row.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:39 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/table-row/table-row.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 import { h, Host, } from "@stencil/core";
 import { focusElementInGroup } from "../../utils/dom";

package/dist/collection/components/tabs/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 export const SLOTS = {
     titleGroup: "title-group",

package/dist/collection/components/tabs/tabs.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Wed, 10 Jan 2024 23:24:39 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tabs/tabs.e2e.js

@@ -1,11 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";
 import { accessible, defaults, hidden, reflects, renders } from "../../tests/commonTests";
+import { CSS as TabTitleCSS } from "../tab-title/resources";
 describe("calcite-tabs", () => {
     const tabsContent = html `
     <calcite-tab-nav slot="title-group">
@@ -294,5 +295,63 @@ describe("calcite-tabs", () => {
         const selectedTitleOnEmit = await page.evaluate(() => window.selectedTitleTab);
         expect(selectedTitleOnEmit).toBe("boats");
     });
+    describe("closing tabs", () => {
+        let page;
+        let tabsActivateSpy;
+        let tabChangeSpy;
+        let allTabTitles;
+        let allTabs;
+        beforeEach(async () => {
+            page = await newE2EPage();
+            await page.setContent(html `
+        <calcite-tabs>
+          <calcite-tab-nav slot="title-group">
+            <calcite-tab-title id="tab-title-1" closable>Tab 1 Title</calcite-tab-title>
+            <calcite-tab-title id="tab-title-2" closable>Tab 2 Title</calcite-tab-title>
+            <calcite-tab-title id="tab-title-3" closable>Tab 3 Title</calcite-tab-title>
+            <calcite-tab-title id="tab-title-4" closable selected>Tab 4 Title</calcite-tab-title>
+          </calcite-tab-nav>
+          <calcite-tab id="tab-1">Tab 1 Content</calcite-tab>
+          <calcite-tab id="tab-2">Tab 2 Content</calcite-tab>
+          <calcite-tab id="tab-3">Tab 3 Content</calcite-tab>
+          <calcite-tab id="tab-4" selected>Tab 4 Content</calcite-tab>
+        </calcite-tabs>
+      `);
+            allTabTitles = await page.findAll("calcite-tab-title");
+            allTabs = await page.findAll("calcite-tab");
+            const tabNav = await page.find("calcite-tab-nav");
+            const tabs = await page.find("calcite-tabs");
+            tabsActivateSpy = await tabNav.spyOnEvent("calciteTabsActivate");
+            tabChangeSpy = await tabs.spyOnEvent("calciteTabChange");
+        });
+        it("should emit tab change events when closing affects selected tab", async () => {
+            await page.click(`#tab-title-4 >>> .${TabTitleCSS.closeButton}`);
+            await page.waitForChanges();
+            expect(tabsActivateSpy).toHaveReceivedEventTimes(1);
+            expect(tabChangeSpy).toHaveReceivedEventTimes(1);
+            expect(await allTabTitles[0].isVisible()).toBe(true);
+            expect(await allTabTitles[1].isVisible()).toBe(true);
+            expect(await allTabTitles[2].isVisible()).toBe(true);
+            expect(await allTabTitles[3].isVisible()).toBe(false);
+            expect(await allTabs[0].isVisible()).toBe(false);
+            expect(await allTabs[1].isVisible()).toBe(false);
+            expect(await allTabs[2].isVisible()).toBe(true);
+            expect(await allTabs[3].isVisible()).toBe(false);
+        });
+        it("should NOT emit tab change events when closing does not affect selected tab", async () => {
+            await page.click(`#tab-title-1 >>> .${TabTitleCSS.closeButton}`);
+            await page.waitForChanges();
+            expect(tabsActivateSpy).toHaveReceivedEventTimes(0);
+            expect(tabChangeSpy).toHaveReceivedEventTimes(0);
+            expect(await allTabTitles[0].isVisible()).toBe(false);
+            expect(await allTabTitles[1].isVisible()).toBe(true);
+            expect(await allTabTitles[2].isVisible()).toBe(true);
+            expect(await allTabTitles[3].isVisible()).toBe(true);
+            expect(await allTabs[0].isVisible()).toBe(false);
+            expect(await allTabs[1].isVisible()).toBe(false);
+            expect(await allTabs[2].isVisible()).toBe(false);
+            expect(await allTabs[3].isVisible()).toBe(true);
+        });
+    });
 });
 //# sourceMappingURL=tabs.e2e.js.map

package/dist/collection/components/tabs/tabs.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.e2e.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { html } from \"../../../support/formatting\";\nimport { accessible, defaults, hidden, reflects, renders } from \"../../tests/commonTests\";\nimport { GlobalTestProps } from \"../../tests/utils\";\nimport { Scale } from \"../interfaces\";\nimport { TabPosition } from \"../tabs/interfaces\";\n\ndescribe(\"calcite-tabs\", () => {\n  const tabsContent = html`\n    <calcite-tab-nav slot=\"title-group\">\n      <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 2 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n    </calcite-tab-nav>\n    <calcite-tab selected>Tab 1 Content</calcite-tab>\n    <calcite-tab>Tab 2 Content</calcite-tab>\n    <calcite-tab>Tab 3 Content</calcite-tab>\n    <calcite-tab>Tab 4 Content</calcite-tab>\n  `;\n  const tabsSnippet = html`<calcite-tabs>${tabsContent}</calcite-tabs>`;\n\n  describe(\"renders\", () => {\n    renders(tabsSnippet, { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-tabs\");\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-tabs\", [\n      { propertyName: \"layout\", defaultValue: \"inline\" },\n      { propertyName: \"position\", defaultValue: \"top\" },\n      { propertyName: \"scale\", defaultValue: \"m\" },\n    ]);\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-tabs\", [\n      { propertyName: \"layout\", value: \"inline\" },\n      { propertyName: \"position\", value: \"top\" },\n      { propertyName: \"scale\", value: \"m\" },\n    ]);\n  });\n\n  describe(\"accessible: checked\", () => {\n    accessible(`<calcite-tabs>${tabsContent}</calcite-tabs>`);\n  });\n\n  it(\"sets up basic aria attributes\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\" >Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-3\" >Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-4\" >Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n        <calcite-tab id=\"tab-3\">Tab 3 Content</calcite-tab>\n        <calcite-tab id=\"tab-4\">Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    expect(titles[0]).toEqualAttribute(\"aria-selected\", \"true\");\n    expect(titles[1]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[2]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[3]).toEqualAttribute(\"aria-selected\", \"false\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  it(\"keeps aria attributes in sync across DOM mutations\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"insert-after-title\">Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"insert-after-tab\">Tab 2 Content</calcite-tab>\n        <calcite-tab>Tab 3 Content</calcite-tab>\n        <calcite-tab>Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.$eval(\"calcite-tabs\", (element: HTMLCalciteTabsElement) => {\n      element.ownerDocument\n        .getElementById(\"insert-after-title\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab-title id=\"inserted-title\">Test</calcite-tab-title>`);\n\n      element.ownerDocument\n        .getElementById(\"insert-after-tab\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab id=\"inserted-tab\">Test</calcite-tab>`);\n    });\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  function testTabsScaleAndPosition(scale: Scale, position: TabPosition) {\n    const scaleName = scale === \"m\" ? \"default medium\" : scale;\n\n    it(`should render itself and child tab elements with corresponding scale (${scaleName}) and position (${position})`, async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`<calcite-tabs scale=\"${scale}\" position=\"${position}\">${tabsContent}</calcite-tabs>`);\n      await page.waitForChanges();\n\n      const tabs = await page.find(\"calcite-tabs\");\n      const tab = await page.find(\"calcite-tab\");\n      const tabTitle = await page.find(\"calcite-tab-title\");\n      const tabNav = await page.find(\"calcite-tab-nav\");\n\n      expect(await tabs.getProperty(\"scale\")).toBe(scale);\n      expect(await tabs.getProperty(\"position\")).toBe(position);\n      expect(await tabNav.getProperty(\"scale\")).toBe(scale);\n      expect(await tabNav.getProperty(\"position\")).toBe(position);\n      expect(await tabTitle.getProperty(\"scale\")).toBe(scale);\n      expect(await tabTitle.getProperty(\"position\")).toBe(position);\n      expect(await tab.getProperty(\"scale\")).toBe(scale);\n    });\n  }\n\n  describe(\"calcite-tabs inheritable props\", () => {\n    const scales: Scale[] = [\"s\", \"m\", \"l\"];\n    const positions: TabPosition[] = [\"top\", \"bottom\"];\n\n    scales.forEach((scale) => {\n      positions.forEach((position) => {\n        testTabsScaleAndPosition(scale, position);\n      });\n    });\n  });\n\n  describe(\"when layout is inline and bordered is true\", () => {\n    it(\"should render tabs, tab-nav, and tab-title with bordered attribute\", async () => {\n      const page = await newE2EPage({\n        html: `<calcite-tabs bordered>${tabsContent}</calcite-tabs>`,\n      });\n      expect(await page.find(\"calcite-tabs\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-nav\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-title\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab\")).toEqualAttribute(\"bordered\", null);\n    });\n\n    it(\"should render tab-nav's blue active indicator on top\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered>\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.top).toEqual(\"0px\");\n      expect(indicatorStyles.bottom).not.toEqual(\"0px\");\n    });\n\n    it(\"should render tab-nav's blue active indicator on bottom when position is bottom\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered position=\"bottom\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.bottom).toEqual(\"0px\");\n      expect(indicatorStyles.top).not.toEqual(\"0px\");\n    });\n  });\n\n  it(\"should not ignore bordered attribute when layout is center\", async () => {\n    const page = await newE2EPage({\n      html: `<calcite-tabs layout=\"center\" bordered>${tabsContent}</calcite-tabs>`,\n    });\n    expect(await page.find(\"calcite-tabs\")).toHaveAttribute(\"bordered\");\n  });\n\n  it(\"item selection should work when placed inside shadow DOM\", async () => {\n    const wrappedTabTemplateHTML = html`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\">Tab 2 Title</calcite-tab-title>\n        </calcite-tab-nav>\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n      </calcite-tabs>\n    `;\n\n    const page = await newE2EPage({\n      // load page with the tab template,\n      // so they're available in the browser-evaluated fn below\n      html: wrappedTabTemplateHTML,\n    });\n\n    await page.waitForChanges();\n\n    const finalSelectedItem = await page.evaluate(\n      async (templateHTML: string): Promise<{ tabTitle: string; tab: string }> => {\n        const wrapperName = \"tab-wrapping-component\";\n\n        customElements.define(\n          wrapperName,\n          class extends HTMLElement {\n            constructor() {\n              super();\n            }\n\n            connectedCallback(): void {\n              this.attachShadow({ mode: \"open\" }).innerHTML = templateHTML;\n            }\n          },\n        );\n\n        document.body.innerHTML = `<${wrapperName}></${wrapperName}>`;\n\n        const wrapper = document.querySelector(wrapperName);\n\n        async function waitForAnimationFrames(count) {\n          async function frame() {\n            if (count > 0) {\n              await new Promise((resolve) => requestAnimationFrame(resolve));\n              count--;\n              await frame();\n            }\n          }\n\n          await frame();\n        }\n\n        wrapper.shadowRoot.querySelector<HTMLElement>(\"#title-2\").click();\n        await waitForAnimationFrames(4);\n\n        const tabTitle = wrapper.shadowRoot.querySelector(\"calcite-tab-title[selected]\").id;\n        await waitForAnimationFrames(2);\n\n        const tab = wrapper.shadowRoot.querySelector(\"calcite-tab[selected]\").id;\n        return { tabTitle, tab };\n      },\n      wrappedTabTemplateHTML,\n    );\n    expect(finalSelectedItem.tabTitle).toBe(\"title-2\");\n    expect(finalSelectedItem.tab).toBe(\"tab-2\");\n  });\n\n  it(\"item selection should work with nested tabs\", async () => {\n    const page = await newE2EPage({\n      html: html`\n        <calcite-tabs id=\"parentTabs\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title id=\"parentA\">Parent 1</calcite-tab-title>\n            <calcite-tab-title>Parent 2</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab id=\"parentTabA\">\n            <calcite-tabs>\n              <calcite-tab-nav slot=\"title-group\">\n                <calcite-tab-title>Child 1</calcite-tab-title>\n                <calcite-tab-title id=\"kidB\">Child 2</calcite-tab-title>\n                <calcite-tab-title>Child 3</calcite-tab-title>\n              </calcite-tab-nav>\n              <calcite-tab>child content 1</calcite-tab>\n              <calcite-tab id=\"kidBTab\">child content 2</calcite-tab>\n              <calcite-tab>child content 3</calcite-tab>\n            </calcite-tabs>\n          </calcite-tab>\n          <calcite-tab>Parent content 2</calcite-tab>\n        </calcite-tabs>\n      `,\n    });\n\n    await page.waitForChanges();\n\n    const kidB = await page.find(\"#kidB\");\n    await kidB.click();\n    await page.waitForChanges();\n\n    const parentTabA = await page.find(\"#parentTabA\");\n    const childTitle = (await parentTabA.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const childContent = (await parentTabA.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    const parentTabs = await page.find(\"#parentTabs\");\n    const parentTitle = (await parentTabs.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const parentContent = (await parentTabs.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    expect(childTitle).toBe(\"kidB\");\n    expect(childContent).toBe(\"kidBTab\");\n    expect(parentTitle).toBe(\"parentA\");\n    expect(parentContent).toBe(\"parentTabA\");\n  });\n\n  it(\"should set selected title when tab change is emitted\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-tab-nav slot=\"title-group\">\n        <calcite-tab-title tab=\"boats\">Boats</calcite-tab-title>\n        <calcite-tab-title selected tab=\"ships\">Ships</calcite-tab-title>\n        <calcite-tab-title tab=\"yachts\">Yachts</calcite-tab-title>\n      </calcite-tab-nav>\n    `);\n\n    type TestWindow = GlobalTestProps<{ selectedTitleTab: string }>;\n\n    await page.evaluate(() =>\n      document.addEventListener(\n        \"calciteTabChange\",\n        (event) =>\n          ((window as TestWindow).selectedTitleTab = (event.target as HTMLCalciteTabNavElement).selectedTitle.tab),\n        { once: true },\n      ),\n    );\n\n    const tabChange = page.waitForEvent(\"calciteTabChange\");\n    await page.click(\"calcite-tab-title\");\n    await tabChange;\n\n    const selectedTitleOnEmit = await page.evaluate(() => (window as TestWindow).selectedTitleTab);\n\n    expect(selectedTitleOnEmit).toBe(\"boats\");\n  });\n});\n"]}
+{"version":3,"file":"tabs.e2e.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, EventSpy, newE2EPage } from \"@stencil/core/testing\";\nimport { html } from \"../../../support/formatting\";\nimport { accessible, defaults, hidden, reflects, renders } from \"../../tests/commonTests\";\nimport { GlobalTestProps } from \"../../tests/utils\";\nimport { Scale } from \"../interfaces\";\nimport { TabPosition } from \"../tabs/interfaces\";\nimport { CSS as TabTitleCSS } from \"../tab-title/resources\";\n\ndescribe(\"calcite-tabs\", () => {\n  const tabsContent = html`\n    <calcite-tab-nav slot=\"title-group\">\n      <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 2 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n    </calcite-tab-nav>\n    <calcite-tab selected>Tab 1 Content</calcite-tab>\n    <calcite-tab>Tab 2 Content</calcite-tab>\n    <calcite-tab>Tab 3 Content</calcite-tab>\n    <calcite-tab>Tab 4 Content</calcite-tab>\n  `;\n  const tabsSnippet = html`<calcite-tabs>${tabsContent}</calcite-tabs>`;\n\n  describe(\"renders\", () => {\n    renders(tabsSnippet, { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-tabs\");\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-tabs\", [\n      { propertyName: \"layout\", defaultValue: \"inline\" },\n      { propertyName: \"position\", defaultValue: \"top\" },\n      { propertyName: \"scale\", defaultValue: \"m\" },\n    ]);\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-tabs\", [\n      { propertyName: \"layout\", value: \"inline\" },\n      { propertyName: \"position\", value: \"top\" },\n      { propertyName: \"scale\", value: \"m\" },\n    ]);\n  });\n\n  describe(\"accessible: checked\", () => {\n    accessible(`<calcite-tabs>${tabsContent}</calcite-tabs>`);\n  });\n\n  it(\"sets up basic aria attributes\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\" >Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-3\" >Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-4\" >Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n        <calcite-tab id=\"tab-3\">Tab 3 Content</calcite-tab>\n        <calcite-tab id=\"tab-4\">Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    expect(titles[0]).toEqualAttribute(\"aria-selected\", \"true\");\n    expect(titles[1]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[2]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[3]).toEqualAttribute(\"aria-selected\", \"false\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  it(\"keeps aria attributes in sync across DOM mutations\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"insert-after-title\">Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"insert-after-tab\">Tab 2 Content</calcite-tab>\n        <calcite-tab>Tab 3 Content</calcite-tab>\n        <calcite-tab>Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.$eval(\"calcite-tabs\", (element: HTMLCalciteTabsElement) => {\n      element.ownerDocument\n        .getElementById(\"insert-after-title\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab-title id=\"inserted-title\">Test</calcite-tab-title>`);\n\n      element.ownerDocument\n        .getElementById(\"insert-after-tab\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab id=\"inserted-tab\">Test</calcite-tab>`);\n    });\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  function testTabsScaleAndPosition(scale: Scale, position: TabPosition) {\n    const scaleName = scale === \"m\" ? \"default medium\" : scale;\n\n    it(`should render itself and child tab elements with corresponding scale (${scaleName}) and position (${position})`, async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`<calcite-tabs scale=\"${scale}\" position=\"${position}\">${tabsContent}</calcite-tabs>`);\n      await page.waitForChanges();\n\n      const tabs = await page.find(\"calcite-tabs\");\n      const tab = await page.find(\"calcite-tab\");\n      const tabTitle = await page.find(\"calcite-tab-title\");\n      const tabNav = await page.find(\"calcite-tab-nav\");\n\n      expect(await tabs.getProperty(\"scale\")).toBe(scale);\n      expect(await tabs.getProperty(\"position\")).toBe(position);\n      expect(await tabNav.getProperty(\"scale\")).toBe(scale);\n      expect(await tabNav.getProperty(\"position\")).toBe(position);\n      expect(await tabTitle.getProperty(\"scale\")).toBe(scale);\n      expect(await tabTitle.getProperty(\"position\")).toBe(position);\n      expect(await tab.getProperty(\"scale\")).toBe(scale);\n    });\n  }\n\n  describe(\"calcite-tabs inheritable props\", () => {\n    const scales: Scale[] = [\"s\", \"m\", \"l\"];\n    const positions: TabPosition[] = [\"top\", \"bottom\"];\n\n    scales.forEach((scale) => {\n      positions.forEach((position) => {\n        testTabsScaleAndPosition(scale, position);\n      });\n    });\n  });\n\n  describe(\"when layout is inline and bordered is true\", () => {\n    it(\"should render tabs, tab-nav, and tab-title with bordered attribute\", async () => {\n      const page = await newE2EPage({\n        html: `<calcite-tabs bordered>${tabsContent}</calcite-tabs>`,\n      });\n      expect(await page.find(\"calcite-tabs\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-nav\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-title\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab\")).toEqualAttribute(\"bordered\", null);\n    });\n\n    it(\"should render tab-nav's blue active indicator on top\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered>\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.top).toEqual(\"0px\");\n      expect(indicatorStyles.bottom).not.toEqual(\"0px\");\n    });\n\n    it(\"should render tab-nav's blue active indicator on bottom when position is bottom\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered position=\"bottom\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.bottom).toEqual(\"0px\");\n      expect(indicatorStyles.top).not.toEqual(\"0px\");\n    });\n  });\n\n  it(\"should not ignore bordered attribute when layout is center\", async () => {\n    const page = await newE2EPage({\n      html: `<calcite-tabs layout=\"center\" bordered>${tabsContent}</calcite-tabs>`,\n    });\n    expect(await page.find(\"calcite-tabs\")).toHaveAttribute(\"bordered\");\n  });\n\n  it(\"item selection should work when placed inside shadow DOM\", async () => {\n    const wrappedTabTemplateHTML = html`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\">Tab 2 Title</calcite-tab-title>\n        </calcite-tab-nav>\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n      </calcite-tabs>\n    `;\n\n    const page = await newE2EPage({\n      // load page with the tab template,\n      // so they're available in the browser-evaluated fn below\n      html: wrappedTabTemplateHTML,\n    });\n\n    await page.waitForChanges();\n\n    const finalSelectedItem = await page.evaluate(\n      async (templateHTML: string): Promise<{ tabTitle: string; tab: string }> => {\n        const wrapperName = \"tab-wrapping-component\";\n\n        customElements.define(\n          wrapperName,\n          class extends HTMLElement {\n            constructor() {\n              super();\n            }\n\n            connectedCallback(): void {\n              this.attachShadow({ mode: \"open\" }).innerHTML = templateHTML;\n            }\n          },\n        );\n\n        document.body.innerHTML = `<${wrapperName}></${wrapperName}>`;\n\n        const wrapper = document.querySelector(wrapperName);\n\n        async function waitForAnimationFrames(count) {\n          async function frame() {\n            if (count > 0) {\n              await new Promise((resolve) => requestAnimationFrame(resolve));\n              count--;\n              await frame();\n            }\n          }\n\n          await frame();\n        }\n\n        wrapper.shadowRoot.querySelector<HTMLElement>(\"#title-2\").click();\n        await waitForAnimationFrames(4);\n\n        const tabTitle = wrapper.shadowRoot.querySelector(\"calcite-tab-title[selected]\").id;\n        await waitForAnimationFrames(2);\n\n        const tab = wrapper.shadowRoot.querySelector(\"calcite-tab[selected]\").id;\n        return { tabTitle, tab };\n      },\n      wrappedTabTemplateHTML,\n    );\n    expect(finalSelectedItem.tabTitle).toBe(\"title-2\");\n    expect(finalSelectedItem.tab).toBe(\"tab-2\");\n  });\n\n  it(\"item selection should work with nested tabs\", async () => {\n    const page = await newE2EPage({\n      html: html`\n        <calcite-tabs id=\"parentTabs\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title id=\"parentA\">Parent 1</calcite-tab-title>\n            <calcite-tab-title>Parent 2</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab id=\"parentTabA\">\n            <calcite-tabs>\n              <calcite-tab-nav slot=\"title-group\">\n                <calcite-tab-title>Child 1</calcite-tab-title>\n                <calcite-tab-title id=\"kidB\">Child 2</calcite-tab-title>\n                <calcite-tab-title>Child 3</calcite-tab-title>\n              </calcite-tab-nav>\n              <calcite-tab>child content 1</calcite-tab>\n              <calcite-tab id=\"kidBTab\">child content 2</calcite-tab>\n              <calcite-tab>child content 3</calcite-tab>\n            </calcite-tabs>\n          </calcite-tab>\n          <calcite-tab>Parent content 2</calcite-tab>\n        </calcite-tabs>\n      `,\n    });\n\n    await page.waitForChanges();\n\n    const kidB = await page.find(\"#kidB\");\n    await kidB.click();\n    await page.waitForChanges();\n\n    const parentTabA = await page.find(\"#parentTabA\");\n    const childTitle = (await parentTabA.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const childContent = (await parentTabA.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    const parentTabs = await page.find(\"#parentTabs\");\n    const parentTitle = (await parentTabs.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const parentContent = (await parentTabs.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    expect(childTitle).toBe(\"kidB\");\n    expect(childContent).toBe(\"kidBTab\");\n    expect(parentTitle).toBe(\"parentA\");\n    expect(parentContent).toBe(\"parentTabA\");\n  });\n\n  it(\"should set selected title when tab change is emitted\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-tab-nav slot=\"title-group\">\n        <calcite-tab-title tab=\"boats\">Boats</calcite-tab-title>\n        <calcite-tab-title selected tab=\"ships\">Ships</calcite-tab-title>\n        <calcite-tab-title tab=\"yachts\">Yachts</calcite-tab-title>\n      </calcite-tab-nav>\n    `);\n\n    type TestWindow = GlobalTestProps<{ selectedTitleTab: string }>;\n\n    await page.evaluate(() =>\n      document.addEventListener(\n        \"calciteTabChange\",\n        (event) =>\n          ((window as TestWindow).selectedTitleTab = (event.target as HTMLCalciteTabNavElement).selectedTitle.tab),\n        { once: true },\n      ),\n    );\n\n    const tabChange = page.waitForEvent(\"calciteTabChange\");\n    await page.click(\"calcite-tab-title\");\n    await tabChange;\n\n    const selectedTitleOnEmit = await page.evaluate(() => (window as TestWindow).selectedTitleTab);\n\n    expect(selectedTitleOnEmit).toBe(\"boats\");\n  });\n\n  describe(\"closing tabs\", () => {\n    let page: E2EPage;\n    let tabsActivateSpy: EventSpy;\n    let tabChangeSpy: EventSpy;\n    let allTabTitles: E2EElement[];\n    let allTabs: E2EElement[];\n\n    beforeEach(async (): Promise<void> => {\n      page = await newE2EPage();\n      await page.setContent(html`\n        <calcite-tabs>\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title id=\"tab-title-1\" closable>Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title id=\"tab-title-2\" closable>Tab 2 Title</calcite-tab-title>\n            <calcite-tab-title id=\"tab-title-3\" closable>Tab 3 Title</calcite-tab-title>\n            <calcite-tab-title id=\"tab-title-4\" closable selected>Tab 4 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab id=\"tab-1\">Tab 1 Content</calcite-tab>\n          <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n          <calcite-tab id=\"tab-3\">Tab 3 Content</calcite-tab>\n          <calcite-tab id=\"tab-4\" selected>Tab 4 Content</calcite-tab>\n        </calcite-tabs>\n      `);\n\n      allTabTitles = await page.findAll(\"calcite-tab-title\");\n      allTabs = await page.findAll(\"calcite-tab\");\n\n      const tabNav = await page.find(\"calcite-tab-nav\");\n      const tabs = await page.find(\"calcite-tabs\");\n\n      tabsActivateSpy = await tabNav.spyOnEvent(\"calciteTabsActivate\");\n      tabChangeSpy = await tabs.spyOnEvent(\"calciteTabChange\");\n    });\n\n    it(\"should emit tab change events when closing affects selected tab\", async () => {\n      await page.click(`#tab-title-4 >>> .${TabTitleCSS.closeButton}`);\n      await page.waitForChanges();\n\n      expect(tabsActivateSpy).toHaveReceivedEventTimes(1);\n      expect(tabChangeSpy).toHaveReceivedEventTimes(1);\n\n      expect(await allTabTitles[0].isVisible()).toBe(true);\n      expect(await allTabTitles[1].isVisible()).toBe(true);\n      expect(await allTabTitles[2].isVisible()).toBe(true);\n      expect(await allTabTitles[3].isVisible()).toBe(false);\n\n      expect(await allTabs[0].isVisible()).toBe(false);\n      expect(await allTabs[1].isVisible()).toBe(false);\n      expect(await allTabs[2].isVisible()).toBe(true);\n      expect(await allTabs[3].isVisible()).toBe(false);\n    });\n\n    it(\"should NOT emit tab change events when closing does not affect selected tab\", async () => {\n      await page.click(`#tab-title-1 >>> .${TabTitleCSS.closeButton}`);\n      await page.waitForChanges();\n\n      expect(tabsActivateSpy).toHaveReceivedEventTimes(0);\n      expect(tabChangeSpy).toHaveReceivedEventTimes(0);\n\n      expect(await allTabTitles[0].isVisible()).toBe(false);\n      expect(await allTabTitles[1].isVisible()).toBe(true);\n      expect(await allTabTitles[2].isVisible()).toBe(true);\n      expect(await allTabTitles[3].isVisible()).toBe(true);\n\n      expect(await allTabs[0].isVisible()).toBe(false);\n      expect(await allTabs[1].isVisible()).toBe(false);\n      expect(await allTabs[2].isVisible()).toBe(false);\n      expect(await allTabs[3].isVisible()).toBe(true);\n    });\n  });\n});\n"]}

package/dist/collection/components/tabs/tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 import { Fragment, h } from "@stencil/core";
 import { SLOTS } from "./resources";

package/dist/collection/components/text-area/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.16
  */
 export const CSS = {
     assistiveText: "assistive-text",