@carbon/web-components 2.11.1 → 2.12.0

package/es/components/tabs/tabs.js

@@ -1,10 +1,11 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _2 = t => t,
   _t,
   _t2,
   _t3;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -158,7 +159,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       decorators: [HostListener('click')],
       key: "_handleClick",
       value: function _handleClick(event) {
-        _get(_getPrototypeOf(CDSTabs.prototype), "_handleClick", this).call(this, event);
+        _superPropGet(CDSTabs, "_handleClick", this, 3)([event]);
       }
     }, {
       kind: "method",
@@ -256,7 +257,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       kind: "method",
       key: "_selectionDidChange",
       value: function _selectionDidChange(itemToSelect) {
-        _get(_getPrototypeOf(CDSTabs.prototype), "_selectionDidChange", this).call(this, itemToSelect);
+        _superPropGet(CDSTabs, "_selectionDidChange", this, 3)([itemToSelect]);
         this._assistiveStatusText = this.selectedItemAssistiveText;
       }
 
@@ -449,13 +450,13 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
         this._cleanAndCreateIntersectionObserverContainer();
-        _get(_getPrototypeOf(CDSTabs.prototype), "disconnectedCallback", this).call(this);
+        _superPropGet(CDSTabs, "disconnectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
       key: "shouldUpdate",
       value: function shouldUpdate(changedProperties) {
-        _get(_getPrototypeOf(CDSTabs.prototype), "shouldUpdate", this).call(this, changedProperties);
+        _superPropGet(CDSTabs, "shouldUpdate", this, 3)([changedProperties]);
         if (this.tablist) {
           const {
             clientWidth,
@@ -632,7 +633,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       /**
        * A selector that will return tabs.
        */
-      function selectorItem() {
+      function () {
         return `${prefix}-tab`;
       }
 
@@ -643,7 +644,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       kind: "get",
       static: true,
       key: "selectorItemEnabled",
-      value: function selectorItemEnabled() {
+      value: function () {
         return `${prefix}-tab:not([disabled])`;
       }
 
@@ -654,7 +655,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       kind: "get",
       static: true,
       key: "selectorItemHighlighted",
-      value: function selectorItemHighlighted() {
+      value: function () {
         return `${prefix}-tab[highlighted]`;
       }
 
@@ -665,7 +666,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       kind: "get",
       static: true,
       key: "selectorItemSelected",
-      value: function selectorItemSelected() {
+      value: function () {
         return `${prefix}-tab[selected]`;
       }
 
@@ -676,7 +677,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       kind: "get",
       static: true,
       key: "selectorTablist",
-      value: function selectorTablist() {
+      value: function () {
         return `.${prefix}--tab--list`;
       }
 
@@ -688,7 +689,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       kind: "get",
       static: true,
       key: "eventBeforeSelect",
-      value: function eventBeforeSelect() {
+      value: function () {
         return `${prefix}-tabs-beingselected`;
       }
 
@@ -699,7 +700,7 @@ let CDSTabs = _decorate([customElement(`${prefix}-tabs`)], function (_initialize
       kind: "get",
       static: true,
       key: "eventSelect",
-      value: function eventSelect() {
+      value: function () {
         return `${prefix}-tabs-selected`;
       }
     }, {

package/es/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["html","property","state","query","classMap","prefix","HostListenerMixin","HostListener","forEach","ChevronRight16","ChevronLeft16","CDSContentSwitcher","NAVIGATION_DIRECTION","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","carbonElement","customElement","CDSTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_navigate","direction","immediate","selectorItem","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","querySelectorAll","item","scrollIntoView","block","inline","nextItemText","textContent","_assistiveStatusText","_currentIndex","requestUpdate","decorators","_handleClick","event","_get","_getPrototypeOf","prototype","call","_handleKeydown","action","getAction","enabledTabs","HOME","firstEnabledTab","END","lastEnabledTab","length","NAVIGATING","_handleScrollButtonClick","_","tablist","scrollLeft","clientWidth","scrollWidth","_contentContainerNode","Math","max","_totalTabs","min","_handleSlotchange","selectedItem","hideDivider","_selectionDidChange","itemToSelect","selectedItemAssistiveText","attribute","reflect","REGULAR","records","_intersectionLeftSentinelNode","intersectionLeftSentinelNode","_intersectionRightSentinelNode","intersectionRightSentinelNode","isIntersecting","target","_isIntersectionLeftTrackerInContent","_isIntersectionRightTrackerInContent","_cleanAndCreateIntersectionObserverContainer","create","_observerIntersection","disconnect","IntersectionObserver","_observeIntersectionContainer","root","threshold","observe","disconnectedCallback","shouldUpdate","changedProperties","_isScrollable","has","elem","type","firstUpdated","selectorTablist","shadowRoot","updated","tab","_tab$getBoundingClien","_tab$offsetLeft","width","tabWidth","getBoundingClientRect","start","offsetLeft","end","visibleStart","BUTTON_WIDTH","visibleEnd","_contentNode","style","insetInlineStart","_currentScrollPosition","renderPreviousButton","isIntersectionLeftTrackerInContent","previousButtonClasses","_t","_2","Left","renderNextButton","isIntersectionRightTrackerInContent","nextButtonClasses","_t2","Right","render","assistiveStatusText","handleSlotchange","_t3","static","Set","selectorItemEnabled","eventBeforeSelect","eventSelect","NONE","default"],"sources":["components/tabs/tabs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TemplateResult, html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';\nimport CDSContentSwitcher, {\n  NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport { TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';\nimport CDSTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, TABS_KEYBOARD_ACTION, TABS_TYPE };\n\n/**\n * Tabs.\n *\n * @element cds-tabs\n * @fires cds-tabs-beingselected\n *   The custom event fired before a tab is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nexport default class CDSTabs extends HostListenerMixin(CDSContentSwitcher) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  private _assistiveStatusText?: string;\n\n  /**\n   * The currently selected index\n   */\n  // @ts-ignore: TS thinks this method is not referred to\n  private _currentIndex = 0;\n\n  /**\n   * Total number of tabs in the component\n   */\n  private _totalTabs = 0;\n\n  /**\n   * `true` if the tablist is scrollable\n   */\n  // @ts-ignore: TS thinks this method is not referred to\n  private _isScrollable = false;\n\n  /**\n   * The DOM element for the tablist.\n   */\n  private tablist: Element | null = null;\n\n  /**\n   * The width of the overflow scroll buttons.\n   */\n  private BUTTON_WIDTH = 44;\n\n  /**\n   * Navigates through tabs.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   * @param [options] The options.\n   * @param [options.immediate]\n   *   Defaults to `true`\n   *   `true` to make it \"immediate selection change\" mode, which does:\n   *\n   *   Starts with the selected item\n   *   Going prev/next item immediately changes the selection\n   */\n  protected _navigate(\n    direction: number,\n    { immediate = true }: { immediate?: boolean } = {}\n  ) {\n    const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n      .constructor as typeof CDSTabs;\n    const nextItem = this._getNextItem(\n      this.querySelector(\n        immediate ? selectorItemSelected : selectorItemHighlighted\n      ) as CDSTab,\n      direction\n    );\n    if (!nextItem) {\n      return;\n    }\n\n    if (immediate) {\n      this._handleUserInitiatedSelectItem(nextItem as CDSTab);\n    } else {\n      forEach(this.querySelectorAll(selectorItem), (item) => {\n        (item as CDSTab)[immediate ? 'selected' : 'highlighted'] =\n          nextItem === item;\n      });\n    }\n\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this._currentIndex += direction;\n    this.requestUpdate();\n  }\n\n  @HostListener('click')\n  protected _handleClick(event: MouseEvent) {\n    super._handleClick(event);\n  }\n\n  @HostListener('keydown')\n  protected _handleKeydown(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSTabs).getAction(key);\n    const enabledTabs = this.querySelectorAll(`${prefix}-tab:not([disabled])`);\n    switch (action) {\n      case TABS_KEYBOARD_ACTION.HOME:\n        {\n          const [firstEnabledTab] = enabledTabs;\n          firstEnabledTab.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          this._handleUserInitiatedSelectItem(firstEnabledTab as CDSTab);\n          this.requestUpdate();\n        }\n        break;\n      case TABS_KEYBOARD_ACTION.END:\n        {\n          const lastEnabledTab = enabledTabs[enabledTabs.length - 1];\n          lastEnabledTab.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          this._handleUserInitiatedSelectItem(lastEnabledTab as CDSTab);\n          this.requestUpdate();\n        }\n        break;\n      case TABS_KEYBOARD_ACTION.NAVIGATING:\n        {\n          const direction = NAVIGATION_DIRECTION[key];\n          if (direction) {\n            this._navigate(direction);\n          }\n        }\n        break;\n      default:\n        break;\n    }\n  }\n\n  /**\n   * Handles click on overflow scroll buttons.\n   *\n   * @param _ Event object\n   * @param [options] The options.\n   * @param [options.direction] `-1` to scroll forward, `1` to scroll backward.\n   */\n  protected _handleScrollButtonClick(_, { direction }) {\n    if (!this.tablist) {\n      return;\n    }\n    const { scrollLeft, clientWidth, scrollWidth } =\n      this._contentContainerNode!;\n    switch (direction) {\n      case -1:\n        this._contentContainerNode!.scrollLeft = Math.max(\n          scrollLeft - (scrollWidth / this._totalTabs) * 1.5,\n          0\n        );\n        break;\n      case 1:\n        this._contentContainerNode!.scrollLeft =\n          Math.min(\n            scrollLeft + (scrollWidth / this._totalTabs) * 1.5,\n            scrollWidth - clientWidth\n          ) + 1;\n        break;\n      default:\n        break;\n    }\n  }\n\n  _handleSlotchange() {\n    const { selectorItemSelected } = this.constructor as typeof CDSTabs;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(selectedItem as CDSTab, 1);\n\n    // Specifies child `<cds-tab>` to hide its divider instead of using CSS,\n    // until `:host-context()` gets supported in all major browsers\n    (nextItem as CDSTab).hideDivider = true;\n  }\n\n  protected _selectionDidChange(itemToSelect: CDSTab) {\n    super._selectionDidChange(itemToSelect);\n    this._assistiveStatusText = this.selectedItemAssistiveText;\n  }\n\n  /**\n   * The scrolling container.\n   */\n  @query(`.${prefix}--tabs-nav-content-container`)\n  private _contentContainerNode?: HTMLElement;\n\n  /**\n   * The scrolling content.\n   */\n  @query(`.${prefix}--tabs-nav-content`)\n  private _contentNode?: HTMLElement;\n\n  /**\n   * The current scroll position.\n   */\n  @state()\n  private _currentScrollPosition = 0;\n\n  /**\n   * The left-hand sentinel to track intersection with the host element.\n   * If they intersect, the left-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-left`)\n  private _intersectionLeftSentinelNode?: HTMLElement;\n\n  /**\n   * The right-hand sentinel to track intersection with the host element.\n   * If they intersect, the right-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-right`)\n  private _intersectionRightSentinelNode?: HTMLElement;\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * The content of the trigger button for narrow mode.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * Tabs type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  /**\n   * `true` if left-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the left-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionLeftTrackerInContent = true;\n\n  /**\n   * `true` if right-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the right-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionRightTrackerInContent = true;\n\n  /**\n   * The observer for the intersection of left-side content edge.\n   */\n  private _observerIntersection: IntersectionObserver | null = null;\n\n  /**\n   * The intersection observer callback for the scrolling container.\n   *\n   * @param records The intersection observer records.\n   */\n  private _observeIntersectionContainer = (records) => {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n\n    records.forEach(({ isIntersecting, target }) => {\n      if (target === intersectionLeftSentinelNode) {\n        this._isIntersectionLeftTrackerInContent = isIntersecting;\n      }\n      if (target === intersectionRightSentinelNode) {\n        this._isIntersectionRightTrackerInContent = isIntersecting;\n      }\n    });\n  };\n\n  /**\n   * Cleans-up and creates the intersection observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateIntersectionObserverContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n\n    if (this._observerIntersection) {\n      this._observerIntersection.disconnect();\n      this._observerIntersection = null;\n    }\n\n    if (create) {\n      this._observerIntersection = new IntersectionObserver(\n        this._observeIntersectionContainer,\n        {\n          root: this,\n          threshold: 0,\n        }\n      );\n\n      if (intersectionLeftSentinelNode) {\n        this._observerIntersection.observe(intersectionLeftSentinelNode);\n      }\n      if (intersectionRightSentinelNode) {\n        this._observerIntersection.observe(intersectionRightSentinelNode);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateIntersectionObserverContainer();\n    super.disconnectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    if (this.tablist) {\n      const { clientWidth, scrollWidth } = this.tablist;\n      this._isScrollable = scrollWidth > clientWidth;\n    }\n    const { selectorItem } = this.constructor as typeof CDSTabs;\n    if (changedProperties.has('type')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        this._totalTabs++;\n        (elem as CDSTab).type = this.type;\n      });\n    }\n    return true;\n  }\n\n  firstUpdated() {\n    const { selectorTablist } = this.constructor as typeof CDSTabs;\n    const tablist = this.shadowRoot!.querySelector(selectorTablist)!;\n    this.tablist = tablist;\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('value')) {\n      const tab = this.querySelector(\n        `${prefix}-tab[value=\"${this.value}\"]`\n      ) as HTMLElement;\n      if (tab) {\n        const { width: tabWidth } = tab?.getBoundingClientRect() ?? {};\n        const start = tab.offsetLeft ?? 0;\n        const end = tab.offsetLeft + tabWidth;\n\n        // The start and end of the visible area of the tablist\n        const visibleStart = this.tablist!.scrollLeft + this.BUTTON_WIDTH;\n        const visibleEnd =\n          this.tablist!.scrollLeft +\n          this.tablist!.clientWidth -\n          this.BUTTON_WIDTH;\n\n        // The beginning of the tab is clipped and not visible\n        if (start < visibleStart) {\n          this.tablist!.scrollLeft = start - this.BUTTON_WIDTH;\n        }\n\n        // The end of the tab is clipped and not visible\n        if (end > visibleEnd) {\n          this.tablist!.scrollLeft =\n            end + this.BUTTON_WIDTH - this.tablist!.clientWidth;\n        }\n      }\n    }\n\n    if (changedProperties.has('_currentScrollPosition')) {\n      if (this._contentNode) {\n        this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n      }\n    }\n  }\n\n  /**\n   * Render the previous button if tablist is wider than container.\n   */\n  protected renderPreviousButton(): TemplateResult | null {\n    const {\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n    } = this;\n    const previousButtonClasses = classMap({\n      [`${prefix}--tab--overflow-nav-button`]: true,\n      [`${prefix}--tabs__nav-caret-left`]: true,\n      [`${prefix}--tab--overflow-nav-button--previous`]: true,\n      [`${prefix}--tab--overflow-nav-button--hidden`]:\n        isIntersectionLeftTrackerInContent,\n    });\n    return html`\n      <button\n        part=\"prev-button\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"${previousButtonClasses}\"\n        @click=${(_) =>\n          this._handleScrollButtonClick(_, {\n            direction: NAVIGATION_DIRECTION.Left,\n          })}>\n        ${ChevronLeft16()}\n      </button>\n    `;\n  }\n\n  /**\n   * Render the next button if tablist is wider than container.\n   */\n  protected renderNextButton(): TemplateResult | null {\n    const {\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n    } = this;\n    const nextButtonClasses = classMap({\n      [`${prefix}--tab--overflow-nav-button`]: true,\n      [`${prefix}--tabs__nav-caret-right`]: true,\n      [`${prefix}--tab--overflow-nav-button--next`]: true,\n      [`${prefix}--tab--overflow-nav-button--hidden`]:\n        isIntersectionRightTrackerInContent,\n    });\n    return html`\n      <button\n        part=\"next-button\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"${nextButtonClasses}\"\n        @click=${(_) =>\n          this._handleScrollButtonClick(_, {\n            direction: NAVIGATION_DIRECTION.Right,\n          })}>\n        ${ChevronRight16()}\n      </button>\n    `;\n  }\n\n  render() {\n    const {\n      _assistiveStatusText: assistiveStatusText,\n      _handleSlotchange: handleSlotchange,\n    } = this;\n\n    return html`\n      ${this.renderPreviousButton()}\n      <div class=\"${prefix}--tabs-nav-content-container\">\n        <div class=\"${prefix}--tabs-nav-content\">\n          <div class=\"${prefix}--tabs-nav\">\n            <div id=\"tablist\" role=\"tablist\" class=\"${prefix}--tab--list\">\n              <div class=\"${prefix}--sub-content-left\"></div>\n              <slot @slotchange=${handleSlotchange}></slot>\n              <div class=\"${prefix}--sub-content-right\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      ${this.renderNextButton()}\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return tabs.\n   */\n  static get selectorItem() {\n    return `${prefix}-tab`;\n  }\n\n  /**\n   * A selector that will return enabled tabs.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-tab:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return highlighted tabs.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-tab[highlighted]`;\n  }\n\n  /**\n   * A selector that will return selected tabs.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-tab[selected]`;\n  }\n\n  /**\n   * A selector that returns the tablist\n   */\n  static get selectorTablist() {\n    return `.${prefix}--tab--list`;\n  }\n\n  /**\n   * The name of the custom event fired before a tab is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-tabs-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a tab is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-tabs-selected`;\n  }\n\n  static styles = styles;\n\n  /**\n   * @param key The key symbol.\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Home') {\n      return TABS_KEYBOARD_ACTION.HOME;\n    }\n    if (key === 'End') {\n      return TABS_KEYBOARD_ACTION.END;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return TABS_KEYBOARD_ACTION.NAVIGATING;\n    }\n    return TABS_KEYBOARD_ACTION.NONE;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"tabs.js","names":["html","property","state","query","classMap","prefix","HostListenerMixin","HostListener","forEach","ChevronRight16","ChevronLeft16","CDSContentSwitcher","NAVIGATION_DIRECTION","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","carbonElement","customElement","CDSTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_navigate","direction","immediate","selectorItem","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","querySelectorAll","item","scrollIntoView","block","inline","nextItemText","textContent","_assistiveStatusText","_currentIndex","requestUpdate","decorators","_handleClick","event","_superPropGet","_handleKeydown","action","getAction","enabledTabs","HOME","firstEnabledTab","END","lastEnabledTab","length","NAVIGATING","_handleScrollButtonClick","_","tablist","scrollLeft","clientWidth","scrollWidth","_contentContainerNode","Math","max","_totalTabs","min","_handleSlotchange","selectedItem","hideDivider","_selectionDidChange","itemToSelect","selectedItemAssistiveText","attribute","reflect","REGULAR","records","_intersectionLeftSentinelNode","intersectionLeftSentinelNode","_intersectionRightSentinelNode","intersectionRightSentinelNode","isIntersecting","target","_isIntersectionLeftTrackerInContent","_isIntersectionRightTrackerInContent","_cleanAndCreateIntersectionObserverContainer","create","_observerIntersection","disconnect","IntersectionObserver","_observeIntersectionContainer","root","threshold","observe","disconnectedCallback","shouldUpdate","changedProperties","_isScrollable","has","elem","type","firstUpdated","selectorTablist","shadowRoot","updated","tab","_tab$getBoundingClien","_tab$offsetLeft","width","tabWidth","getBoundingClientRect","start","offsetLeft","end","visibleStart","BUTTON_WIDTH","visibleEnd","_contentNode","style","insetInlineStart","_currentScrollPosition","renderPreviousButton","isIntersectionLeftTrackerInContent","previousButtonClasses","_t","_2","Left","renderNextButton","isIntersectionRightTrackerInContent","nextButtonClasses","_t2","Right","render","assistiveStatusText","handleSlotchange","_t3","static","Set","NONE","default"],"sources":["components/tabs/tabs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TemplateResult, html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';\nimport CDSContentSwitcher, {\n  NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport { TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';\nimport CDSTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, TABS_KEYBOARD_ACTION, TABS_TYPE };\n\n/**\n * Tabs.\n *\n * @element cds-tabs\n * @fires cds-tabs-beingselected\n *   The custom event fired before a tab is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nexport default class CDSTabs extends HostListenerMixin(CDSContentSwitcher) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  private _assistiveStatusText?: string;\n\n  /**\n   * The currently selected index\n   */\n  // @ts-ignore: TS thinks this method is not referred to\n  private _currentIndex = 0;\n\n  /**\n   * Total number of tabs in the component\n   */\n  private _totalTabs = 0;\n\n  /**\n   * `true` if the tablist is scrollable\n   */\n  // @ts-ignore: TS thinks this method is not referred to\n  private _isScrollable = false;\n\n  /**\n   * The DOM element for the tablist.\n   */\n  private tablist: Element | null = null;\n\n  /**\n   * The width of the overflow scroll buttons.\n   */\n  private BUTTON_WIDTH = 44;\n\n  /**\n   * Navigates through tabs.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   * @param [options] The options.\n   * @param [options.immediate]\n   *   Defaults to `true`\n   *   `true` to make it \"immediate selection change\" mode, which does:\n   *\n   *   Starts with the selected item\n   *   Going prev/next item immediately changes the selection\n   */\n  protected _navigate(\n    direction: number,\n    { immediate = true }: { immediate?: boolean } = {}\n  ) {\n    const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n      .constructor as typeof CDSTabs;\n    const nextItem = this._getNextItem(\n      this.querySelector(\n        immediate ? selectorItemSelected : selectorItemHighlighted\n      ) as CDSTab,\n      direction\n    );\n    if (!nextItem) {\n      return;\n    }\n\n    if (immediate) {\n      this._handleUserInitiatedSelectItem(nextItem as CDSTab);\n    } else {\n      forEach(this.querySelectorAll(selectorItem), (item) => {\n        (item as CDSTab)[immediate ? 'selected' : 'highlighted'] =\n          nextItem === item;\n      });\n    }\n\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this._currentIndex += direction;\n    this.requestUpdate();\n  }\n\n  @HostListener('click')\n  protected _handleClick(event: MouseEvent) {\n    super._handleClick(event);\n  }\n\n  @HostListener('keydown')\n  protected _handleKeydown(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSTabs).getAction(key);\n    const enabledTabs = this.querySelectorAll(`${prefix}-tab:not([disabled])`);\n    switch (action) {\n      case TABS_KEYBOARD_ACTION.HOME:\n        {\n          const [firstEnabledTab] = enabledTabs;\n          firstEnabledTab.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          this._handleUserInitiatedSelectItem(firstEnabledTab as CDSTab);\n          this.requestUpdate();\n        }\n        break;\n      case TABS_KEYBOARD_ACTION.END:\n        {\n          const lastEnabledTab = enabledTabs[enabledTabs.length - 1];\n          lastEnabledTab.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          this._handleUserInitiatedSelectItem(lastEnabledTab as CDSTab);\n          this.requestUpdate();\n        }\n        break;\n      case TABS_KEYBOARD_ACTION.NAVIGATING:\n        {\n          const direction = NAVIGATION_DIRECTION[key];\n          if (direction) {\n            this._navigate(direction);\n          }\n        }\n        break;\n      default:\n        break;\n    }\n  }\n\n  /**\n   * Handles click on overflow scroll buttons.\n   *\n   * @param _ Event object\n   * @param [options] The options.\n   * @param [options.direction] `-1` to scroll forward, `1` to scroll backward.\n   */\n  protected _handleScrollButtonClick(_, { direction }) {\n    if (!this.tablist) {\n      return;\n    }\n    const { scrollLeft, clientWidth, scrollWidth } =\n      this._contentContainerNode!;\n    switch (direction) {\n      case -1:\n        this._contentContainerNode!.scrollLeft = Math.max(\n          scrollLeft - (scrollWidth / this._totalTabs) * 1.5,\n          0\n        );\n        break;\n      case 1:\n        this._contentContainerNode!.scrollLeft =\n          Math.min(\n            scrollLeft + (scrollWidth / this._totalTabs) * 1.5,\n            scrollWidth - clientWidth\n          ) + 1;\n        break;\n      default:\n        break;\n    }\n  }\n\n  _handleSlotchange() {\n    const { selectorItemSelected } = this.constructor as typeof CDSTabs;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(selectedItem as CDSTab, 1);\n\n    // Specifies child `<cds-tab>` to hide its divider instead of using CSS,\n    // until `:host-context()` gets supported in all major browsers\n    (nextItem as CDSTab).hideDivider = true;\n  }\n\n  protected _selectionDidChange(itemToSelect: CDSTab) {\n    super._selectionDidChange(itemToSelect);\n    this._assistiveStatusText = this.selectedItemAssistiveText;\n  }\n\n  /**\n   * The scrolling container.\n   */\n  @query(`.${prefix}--tabs-nav-content-container`)\n  private _contentContainerNode?: HTMLElement;\n\n  /**\n   * The scrolling content.\n   */\n  @query(`.${prefix}--tabs-nav-content`)\n  private _contentNode?: HTMLElement;\n\n  /**\n   * The current scroll position.\n   */\n  @state()\n  private _currentScrollPosition = 0;\n\n  /**\n   * The left-hand sentinel to track intersection with the host element.\n   * If they intersect, the left-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-left`)\n  private _intersectionLeftSentinelNode?: HTMLElement;\n\n  /**\n   * The right-hand sentinel to track intersection with the host element.\n   * If they intersect, the right-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-right`)\n  private _intersectionRightSentinelNode?: HTMLElement;\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * The content of the trigger button for narrow mode.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * Tabs type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  /**\n   * `true` if left-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the left-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionLeftTrackerInContent = true;\n\n  /**\n   * `true` if right-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the right-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionRightTrackerInContent = true;\n\n  /**\n   * The observer for the intersection of left-side content edge.\n   */\n  private _observerIntersection: IntersectionObserver | null = null;\n\n  /**\n   * The intersection observer callback for the scrolling container.\n   *\n   * @param records The intersection observer records.\n   */\n  private _observeIntersectionContainer = (records) => {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n\n    records.forEach(({ isIntersecting, target }) => {\n      if (target === intersectionLeftSentinelNode) {\n        this._isIntersectionLeftTrackerInContent = isIntersecting;\n      }\n      if (target === intersectionRightSentinelNode) {\n        this._isIntersectionRightTrackerInContent = isIntersecting;\n      }\n    });\n  };\n\n  /**\n   * Cleans-up and creates the intersection observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateIntersectionObserverContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n\n    if (this._observerIntersection) {\n      this._observerIntersection.disconnect();\n      this._observerIntersection = null;\n    }\n\n    if (create) {\n      this._observerIntersection = new IntersectionObserver(\n        this._observeIntersectionContainer,\n        {\n          root: this,\n          threshold: 0,\n        }\n      );\n\n      if (intersectionLeftSentinelNode) {\n        this._observerIntersection.observe(intersectionLeftSentinelNode);\n      }\n      if (intersectionRightSentinelNode) {\n        this._observerIntersection.observe(intersectionRightSentinelNode);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateIntersectionObserverContainer();\n    super.disconnectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    if (this.tablist) {\n      const { clientWidth, scrollWidth } = this.tablist;\n      this._isScrollable = scrollWidth > clientWidth;\n    }\n    const { selectorItem } = this.constructor as typeof CDSTabs;\n    if (changedProperties.has('type')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        this._totalTabs++;\n        (elem as CDSTab).type = this.type;\n      });\n    }\n    return true;\n  }\n\n  firstUpdated() {\n    const { selectorTablist } = this.constructor as typeof CDSTabs;\n    const tablist = this.shadowRoot!.querySelector(selectorTablist)!;\n    this.tablist = tablist;\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('value')) {\n      const tab = this.querySelector(\n        `${prefix}-tab[value=\"${this.value}\"]`\n      ) as HTMLElement;\n      if (tab) {\n        const { width: tabWidth } = tab?.getBoundingClientRect() ?? {};\n        const start = tab.offsetLeft ?? 0;\n        const end = tab.offsetLeft + tabWidth;\n\n        // The start and end of the visible area of the tablist\n        const visibleStart = this.tablist!.scrollLeft + this.BUTTON_WIDTH;\n        const visibleEnd =\n          this.tablist!.scrollLeft +\n          this.tablist!.clientWidth -\n          this.BUTTON_WIDTH;\n\n        // The beginning of the tab is clipped and not visible\n        if (start < visibleStart) {\n          this.tablist!.scrollLeft = start - this.BUTTON_WIDTH;\n        }\n\n        // The end of the tab is clipped and not visible\n        if (end > visibleEnd) {\n          this.tablist!.scrollLeft =\n            end + this.BUTTON_WIDTH - this.tablist!.clientWidth;\n        }\n      }\n    }\n\n    if (changedProperties.has('_currentScrollPosition')) {\n      if (this._contentNode) {\n        this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n      }\n    }\n  }\n\n  /**\n   * Render the previous button if tablist is wider than container.\n   */\n  protected renderPreviousButton(): TemplateResult | null {\n    const {\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n    } = this;\n    const previousButtonClasses = classMap({\n      [`${prefix}--tab--overflow-nav-button`]: true,\n      [`${prefix}--tabs__nav-caret-left`]: true,\n      [`${prefix}--tab--overflow-nav-button--previous`]: true,\n      [`${prefix}--tab--overflow-nav-button--hidden`]:\n        isIntersectionLeftTrackerInContent,\n    });\n    return html`\n      <button\n        part=\"prev-button\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"${previousButtonClasses}\"\n        @click=${(_) =>\n          this._handleScrollButtonClick(_, {\n            direction: NAVIGATION_DIRECTION.Left,\n          })}>\n        ${ChevronLeft16()}\n      </button>\n    `;\n  }\n\n  /**\n   * Render the next button if tablist is wider than container.\n   */\n  protected renderNextButton(): TemplateResult | null {\n    const {\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n    } = this;\n    const nextButtonClasses = classMap({\n      [`${prefix}--tab--overflow-nav-button`]: true,\n      [`${prefix}--tabs__nav-caret-right`]: true,\n      [`${prefix}--tab--overflow-nav-button--next`]: true,\n      [`${prefix}--tab--overflow-nav-button--hidden`]:\n        isIntersectionRightTrackerInContent,\n    });\n    return html`\n      <button\n        part=\"next-button\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"${nextButtonClasses}\"\n        @click=${(_) =>\n          this._handleScrollButtonClick(_, {\n            direction: NAVIGATION_DIRECTION.Right,\n          })}>\n        ${ChevronRight16()}\n      </button>\n    `;\n  }\n\n  render() {\n    const {\n      _assistiveStatusText: assistiveStatusText,\n      _handleSlotchange: handleSlotchange,\n    } = this;\n\n    return html`\n      ${this.renderPreviousButton()}\n      <div class=\"${prefix}--tabs-nav-content-container\">\n        <div class=\"${prefix}--tabs-nav-content\">\n          <div class=\"${prefix}--tabs-nav\">\n            <div id=\"tablist\" role=\"tablist\" class=\"${prefix}--tab--list\">\n              <div class=\"${prefix}--sub-content-left\"></div>\n              <slot @slotchange=${handleSlotchange}></slot>\n              <div class=\"${prefix}--sub-content-right\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      ${this.renderNextButton()}\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return tabs.\n   */\n  static get selectorItem() {\n    return `${prefix}-tab`;\n  }\n\n  /**\n   * A selector that will return enabled tabs.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-tab:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return highlighted tabs.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-tab[highlighted]`;\n  }\n\n  /**\n   * A selector that will return selected tabs.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-tab[selected]`;\n  }\n\n  /**\n   * A selector that returns the tablist\n   */\n  static get selectorTablist() {\n    return `.${prefix}--tab--list`;\n  }\n\n  /**\n   * The name of the custom event fired before a tab is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-tabs-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a tab is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-tabs-selected`;\n  }\n\n  static styles = styles;\n\n  /**\n   * @param key The key symbol.\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Home') {\n      return TABS_KEYBOARD_ACTION.HOME;\n    }\n    if (key === 'End') {\n      return TABS_KEYBOARD_ACTION.END;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return TABS_KEYBOARD_ACTION.NAVIGATING;\n    }\n    return TABS_KEYBOARD_ACTION.NONE;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/es/components/tag/tag.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm,:host(cds-tag[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md,:host(cds-tag){--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--tag,:host(cds-tag){--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-lg:2rem;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;margin:.25rem;cursor:default;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--layout--size-xs .cds--tag,.cds--layout--size-xs :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--layout--size-sm .cds--tag,.cds--layout--size-sm :host(cds-tag),:host(cds-tag[size=sm]) .cds--tag,:host(cds-tag[size=sm]) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md .cds--tag,.cds--layout--size-md :host(cds-tag),:host(cds-tag) .cds--tag,:host(cds-tag) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--layout--size-lg .cds--tag,.cds--layout--size-lg :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--tag.cds--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds--tag.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--tag__close-icon:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag.cds--tag--lg{padding-inline-start:.75rem}.cds--tag:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])),:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])):host(cds-tag){padding-inline-start:.25rem}.cds--tag.cds--tag--lg:not(.cds--tag--filter){padding-inline:.75rem}.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])){padding-inline-start:.5rem}.cds--tag:not(.cds--tag--selectable),:not(.cds--tag--selectable):host(cds-tag){border:0}.cds--tag:not(:first-child),:not(:first-child):host(cds-tag){margin-inline-start:0}.cds--tag--operational>span,.cds--tag--selectable>span,.cds--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--filter,:host(cds-tag[filter]){padding-block-end:0;padding-block-start:0;padding-inline-end:0}.cds--tag--filter:hover{outline:0}.cds--tag--selectable{border:1px solid var(--cds-border-inverse,#161616);background-color:var(--cds-layer);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:0}.cds--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--selectable-selected{background-color:var(--cds-layer-selected-inverse,#161616);color:var(--cds-text-inverse,#fff)}.cds--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:0}.cds--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--red,:host(cds-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.cds--tag--red.cds--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds--tag--red.cds--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--tag__close-icon:hover,:host(cds-tag[type=red]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--magenta,:host(cds-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.cds--tag--magenta.cds--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds--tag--magenta.cds--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--tag__close-icon:hover,:host(cds-tag[type=magenta]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--purple,:host(cds-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.cds--tag--purple.cds--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds--tag--purple.cds--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--tag__close-icon:hover,:host(cds-tag[type=purple]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--blue,:host(cds-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.cds--tag--blue.cds--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds--tag--blue.cds--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--tag__close-icon:hover,:host(cds-tag[type=blue]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--cyan,:host(cds-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.cds--tag--cyan.cds--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds--tag--cyan.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--tag__close-icon:hover,:host(cds-tag[type=cyan]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--teal,:host(cds-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.cds--tag--teal.cds--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds--tag--teal.cds--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--tag__close-icon:hover,:host(cds-tag[type=teal]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--green,:host(cds-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.cds--tag--green.cds--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds--tag--green.cds--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--tag__close-icon:hover,:host(cds-tag[type=green]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--gray,:host(cds-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds--tag--gray.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds--tag--gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--tag__close-icon:hover,:host(cds-tag[type=gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--cool-gray,:host(cds-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--cool-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds--tag--cool-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--tag__close-icon:hover,:host(cds-tag[type=cool-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--warm-gray,:host(cds-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--warm-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds--tag--warm-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--tag__close-icon:hover,:host(cds-tag[type=warm-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--high-contrast:not(.cds--tag--operational),:not(.cds--tag--operational):host(cds-tag[type=high-contrast]){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[type=high-contrast]) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]),:not(.cds--tag--operational):not(span):not([disabled]):host(cds-tag[type=outline]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational{border:1px solid var(--cds-background,#fff)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):not(span):not([disabled]):host(cds-tag[type=outline]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[filter]):host(cds-tag[disabled]),:not(.cds--tag--operational):host(cds-tag[disabled]){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));box-shadow:none;outline:0}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,.cds--tag--filter.cds--tag--disabled.cds--tag--operational,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational{border:1px solid var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational):hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag--operational.cds--tag--disabled,.cds--tag--selectable.cds--tag--disabled{border:1px solid var(--cds-border-disabled,#c6c6c6);background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--tag--operational.cds--tag--disabled:hover,.cds--tag--selectable.cds--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;margin:0 0 0 .125rem;background-color:transparent;block-size:var(--cds-layout-size-height-local);color:currentColor;cursor:pointer;inline-size:var(--cds-layout-size-height-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon,:host(cds-tag) ::slotted([slot=icon]){flex-shrink:0;padding:0;border:0;background-color:transparent;block-size:1rem;color:currentColor;inline-size:1rem;margin-inline-end:.25rem;outline:0}.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{z-index:99999;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--high-contrast .cds--tag__close-icon:focus,:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg,:host(cds-tag[filter]):host(cds-tag[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--tag--sm.cds--tag--filter,:host(cds-tag[size=sm]):host(cds-tag[filter]){padding-inline-end:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{margin-inline-start:.3125rem}.cds--tag.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616);overflow:hidden;inline-size:3.75rem}.cds--tag.cds--skeleton:active,.cds--tag.cds--skeleton:focus,.cds--tag.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--tag.cds--skeleton::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tag.cds--skeleton::before{animation:none}}.cds--tag.cds--skeleton.cds--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton.cds--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--tag__close-icon:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}@media not all and (min-resolution >= 0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tag.cds--skeleton{transform:translateZ(0)}}}.cds--tag .cds--slug .cds--slug__button--inline,:host(cds-tag) .cds--slug .cds--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before,:host(cds-tag) .cds--slug .cds--slug__button--inline .cds--slug__text::before{background-color:currentColor}.cds--tag .cds--slug .cds--slug__button--inline:hover,:host(cds-tag) .cds--slug .cds--slug__button--inline:hover{border-color:currentColor}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag,:host(cds-tag){outline:1px solid transparent}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon svg,.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip{max-inline-size:11rem}.cds--tag--filter .cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag):host(cds-tag[filter]) ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag[filter]) .cds--tag__custom-icon+.cds--tag-label-tooltip{max-inline-size:9.875rem}.cds--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds--tag--filter .cds--tag__custom-icon+span>.cds--interactive--tag-children,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag):host(cds-tag[filter]) ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag[filter]) .cds--tag__custom-icon+span>.cds--interactive--tag-children{max-inline-size:11.5rem}.cds--tag .cds--definition-term,:host(cds-tag) .cds--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds--tag .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) ::slotted([slot=icon])+span>.cds--definition-term{max-inline-size:11rem}.cds--tag>.cds--popover-container,:host(cds-tag)>.cds--popover-container{display:flex}.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled){pointer-events:none}:host(cds-tag){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem}:host(cds-tag[size=sm]) .cds--tag__close-icon{block-size:1.125rem;inline-size:1.125rem;margin-inline-start:.3125rem}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-inline-end:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-tag.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;overflow:hidden;inline-size:3.75rem}:host(cds-tag.cds--skeleton):active,:host(cds-tag.cds--skeleton):focus,:host(cds-tag.cds--skeleton):hover{border:none;cursor:default;outline:0}:host(cds-tag.cds--skeleton)::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tag.cds--skeleton)::before{animation:none}}',
+  '@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm,:host(cds-tag[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md,:host(cds-tag){--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--tag,:host(cds-tag){--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-lg:2rem;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;margin:.25rem;cursor:default;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--layout--size-xs .cds--tag,.cds--layout--size-xs :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--layout--size-sm .cds--tag,.cds--layout--size-sm :host(cds-tag),:host(cds-tag[size=sm]) .cds--tag,:host(cds-tag[size=sm]) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md .cds--tag,.cds--layout--size-md :host(cds-tag),:host(cds-tag) .cds--tag,:host(cds-tag) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--layout--size-lg .cds--tag,.cds--layout--size-lg :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--tag.cds--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds--tag.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--tag__close-icon:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag.cds--tag--lg{padding-inline-start:.75rem}.cds--tag:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])),:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])):host(cds-tag){padding-inline-start:.25rem}.cds--tag.cds--tag--lg:not(.cds--tag--filter){padding-inline:.75rem}.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon,:host(cds-tag)::slotted([slot=icon])){padding-inline-start:.5rem}.cds--tag:not(.cds--tag--selectable),:not(.cds--tag--selectable):host(cds-tag){border:0}.cds--tag:not(:first-child),:not(:first-child):host(cds-tag){margin-inline-start:0}.cds--tag--operational>span,.cds--tag--selectable>span,.cds--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--filter,:host(cds-tag[filter]){padding-block-end:0;padding-block-start:0;padding-inline-end:0}.cds--tag--filter:hover{outline:0}.cds--tag--selectable{border:1px solid var(--cds-border-inverse,#161616);background-color:var(--cds-layer);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:0}.cds--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--selectable-selected{background-color:var(--cds-layer-selected-inverse,#161616);color:var(--cds-text-inverse,#fff)}.cds--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:0}.cds--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--red,:host(cds-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.cds--tag--red.cds--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds--tag--red.cds--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--tag__close-icon:hover,:host(cds-tag[type=red]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--magenta,:host(cds-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.cds--tag--magenta.cds--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds--tag--magenta.cds--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--tag__close-icon:hover,:host(cds-tag[type=magenta]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--purple,:host(cds-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.cds--tag--purple.cds--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds--tag--purple.cds--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--tag__close-icon:hover,:host(cds-tag[type=purple]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--blue,:host(cds-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.cds--tag--blue.cds--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds--tag--blue.cds--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--tag__close-icon:hover,:host(cds-tag[type=blue]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--cyan,:host(cds-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.cds--tag--cyan.cds--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds--tag--cyan.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--tag__close-icon:hover,:host(cds-tag[type=cyan]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--teal,:host(cds-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.cds--tag--teal.cds--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds--tag--teal.cds--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--tag__close-icon:hover,:host(cds-tag[type=teal]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--green,:host(cds-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.cds--tag--green.cds--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds--tag--green.cds--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--tag__close-icon:hover,:host(cds-tag[type=green]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--gray,:host(cds-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds--tag--gray.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds--tag--gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--tag__close-icon:hover,:host(cds-tag[type=gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--cool-gray,:host(cds-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--cool-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds--tag--cool-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--tag__close-icon:hover,:host(cds-tag[type=cool-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--warm-gray,:host(cds-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--warm-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds--tag--warm-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--tag__close-icon:hover,:host(cds-tag[type=warm-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--high-contrast:not(.cds--tag--operational),:not(.cds--tag--operational):host(cds-tag[type=high-contrast]){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[type=high-contrast]) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]),:not(.cds--tag--operational):not(span):not([disabled]):host(cds-tag[type=outline]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational{border:1px solid var(--cds-background,#fff)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):not(span):not([disabled]):host(cds-tag[type=outline]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[filter]):host(cds-tag[disabled]),:not(.cds--tag--operational):host(cds-tag[disabled]){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));box-shadow:none;outline:0}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,.cds--tag--filter.cds--tag--disabled.cds--tag--operational,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational{border:1px solid var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational):hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,.cds--tag--filter.cds--tag--disabled .cds--tag__label,.cds--tag--interactive.cds--tag--disabled .cds--tag__label,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__label,:not(.cds--tag--operational):host(cds-tag[disabled]) .cds--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--tag--operational.cds--tag--disabled,.cds--tag--selectable.cds--tag--disabled{border:1px solid var(--cds-border-disabled,#c6c6c6);background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--tag--operational.cds--tag--disabled:hover,.cds--tag--selectable.cds--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;margin:0 0 0 .125rem;background-color:transparent;block-size:var(--cds-layout-size-height-local);color:currentColor;cursor:pointer;inline-size:var(--cds-layout-size-height-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon,:host(cds-tag) ::slotted([slot=icon]){flex-shrink:0;padding:0;border:0;background-color:transparent;block-size:1rem;color:currentColor;inline-size:1rem;margin-inline-end:.25rem;outline:0}.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{z-index:99999;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--high-contrast .cds--tag__close-icon:focus,:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg,:host(cds-tag[filter]):host(cds-tag[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--tag--sm.cds--tag--filter,:host(cds-tag[size=sm]):host(cds-tag[filter]){padding-inline-end:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{margin-inline-start:.3125rem}.cds--tag.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616);overflow:hidden;inline-size:3.75rem}.cds--tag.cds--skeleton:active,.cds--tag.cds--skeleton:focus,.cds--tag.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--tag.cds--skeleton::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tag.cds--skeleton::before{animation:none}}.cds--tag.cds--skeleton.cds--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton.cds--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--tag__close-icon:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}@media not all and (min-resolution >= 0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tag.cds--skeleton{transform:translateZ(0)}}}.cds--tag .cds--slug .cds--slug__button--inline,:host(cds-tag) .cds--slug .cds--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before,:host(cds-tag) .cds--slug .cds--slug__button--inline .cds--slug__text::before{background-color:currentColor}.cds--tag .cds--slug .cds--slug__button--inline:hover,:host(cds-tag) .cds--slug .cds--slug__button--inline:hover{border-color:currentColor}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag,:host(cds-tag){outline:1px solid transparent}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon svg,.cds--tag__custom-icon svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip{max-inline-size:11rem}.cds--tag--filter .cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag):host(cds-tag[filter]) ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag[filter]) .cds--tag__custom-icon+.cds--tag-label-tooltip{max-inline-size:9.875rem}.cds--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds--tag--filter .cds--tag__custom-icon+span>.cds--interactive--tag-children,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag):host(cds-tag[filter]) ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag[filter]) .cds--tag__custom-icon+span>.cds--interactive--tag-children{max-inline-size:11.5rem}.cds--tag .cds--definition-term,:host(cds-tag) .cds--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds--tag .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) ::slotted([slot=icon])+span>.cds--definition-term{max-inline-size:11rem}.cds--tag>.cds--popover-container,:host(cds-tag)>.cds--popover-container{display:flex}.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled){pointer-events:none}:host(cds-tag){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem}:host(cds-tag[size=sm]) .cds--tag__close-icon{block-size:1.125rem;inline-size:1.125rem;margin-inline-start:.3125rem}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-inline-end:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-tag.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;overflow:hidden;inline-size:3.75rem}:host(cds-tag.cds--skeleton):active,:host(cds-tag.cds--skeleton):focus,:host(cds-tag.cds--skeleton):hover{border:none;cursor:default;outline:0}:host(cds-tag.cds--skeleton)::before{position:absolute;animation:3s ease-in-out cds--skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tag.cds--skeleton)::before{animation:none}}',
 ]);

package/es/components/tag/tag.js

@@ -210,7 +210,7 @@ let CDSTag = _decorate([customElement(`${prefix}-tag`)], function (_initialize,
       kind: "get",
       static: true,
       key: "slugItem",
-      value: function slugItem() {
+      value: function () {
         return `${prefix}-slug`;
       }
 
@@ -222,7 +222,7 @@ let CDSTag = _decorate([customElement(`${prefix}-tag`)], function (_initialize,
       kind: "get",
       static: true,
       key: "eventBeforeClose",
-      value: function eventBeforeClose() {
+      value: function () {
         return `${prefix}-tag-beingclosed`;
       }
 
@@ -233,7 +233,7 @@ let CDSTag = _decorate([customElement(`${prefix}-tag`)], function (_initialize,
       kind: "get",
       static: true,
       key: "eventClose",
-      value: function eventClose() {
+      value: function () {
         return `${prefix}-tag-closed`;
       }
     }, {

package/es/components/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":["LitElement","html","property","query","Close16","prefix","FocusMixin","HostListener","HostListenerMixin","TAG_SIZE","TAG_TYPE","styles","carbonElement","customElement","CDSTag","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlugSlotChange","target","hasContent","assignedNodes","filter","elem","matches","undefined","slugItem","length","setAttribute","type","requestUpdate","event","composedPath","indexOf","_buttonNode","disabled","stopPropagation","open","init","bubbles","cancelable","composed","detail","triggeredBy","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","String","reflect","Boolean","MEDIUM","GRAY","render","handleSlugSlotChange","title","_t","_","_t2","static"],"sources":["components/tag/tag.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Tag.\n *\n * @fires cds-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-tag-closed - The custom event fired after the element has been closed\n */\n@customElement(`${prefix}-tag`)\nclass CDSTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlugSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTag).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      (hasContent[0] as HTMLElement).setAttribute('tag', `${this.type}`);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n      (hasContent[0] as HTMLElement).setAttribute('kind', 'inline');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean })\n  hasCustomIcon = false;\n\n  /**\n   * Determine if is a filter/chip\n   */\n  @property({ type: Boolean, reflect: true })\n  filter = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  render() {\n    const {\n      disabled,\n      filter,\n      _handleSlugSlotChange: handleSlugSlotChange,\n      title,\n    } = this;\n    return html`\n      <slot name=\"icon\"></slot>\n      <slot></slot>\n      <slot name=\"slug\" @slotchange=\"${handleSlugSlotChange}\"></slot>\n      ${filter\n        ? html`\n            <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n              ${Close16({ 'aria-label': title })}\n            </button>\n          `\n        : ``}\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTag;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"tag.js","names":["LitElement","html","property","query","Close16","prefix","FocusMixin","HostListener","HostListenerMixin","TAG_SIZE","TAG_TYPE","styles","carbonElement","customElement","CDSTag","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlugSlotChange","target","hasContent","assignedNodes","filter","elem","matches","undefined","slugItem","length","setAttribute","type","requestUpdate","event","composedPath","indexOf","_buttonNode","disabled","stopPropagation","open","init","bubbles","cancelable","composed","detail","triggeredBy","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","String","reflect","Boolean","MEDIUM","GRAY","render","handleSlugSlotChange","title","_t","_","_t2","static"],"sources":["components/tag/tag.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Tag.\n *\n * @fires cds-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-tag-closed - The custom event fired after the element has been closed\n */\n@customElement(`${prefix}-tag`)\nclass CDSTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlugSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTag).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      (hasContent[0] as HTMLElement).setAttribute('tag', `${this.type}`);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n      (hasContent[0] as HTMLElement).setAttribute('kind', 'inline');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean })\n  hasCustomIcon = false;\n\n  /**\n   * Determine if is a filter/chip\n   */\n  @property({ type: Boolean, reflect: true })\n  filter = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  render() {\n    const {\n      disabled,\n      filter,\n      _handleSlugSlotChange: handleSlugSlotChange,\n      title,\n    } = this;\n    return html`\n      <slot name=\"icon\"></slot>\n      <slot></slot>\n      <slot name=\"slug\" @slotchange=\"${handleSlugSlotChange}\"></slot>\n      ${filter\n        ? html`\n            <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n              ${Close16({ 'aria-label': title })}\n            </button>\n          `\n        : ``}\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTag;\n"],"mappings":"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","ignoreList":[]}

package/es/components/tearsheet/tearsheet.js

@@ -1,6 +1,6 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t,
   _t2,
@@ -11,6 +11,7 @@ let _ = t => t,
   _t7,
   _t8,
   _t9;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -26,7 +27,7 @@ import { prefix } from '../../globals/settings';
 import HostListener from '../../globals/decorators/host-listener';
 import HostListenerMixin from '../../globals/mixins/host-listener';
 import styles from "././tearsheet.css.js";
-import { selectorTabbable as _selectorTabbable } from '../../globals/settings';
+import { selectorTabbable } from '../../globals/settings';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import '../button/index';
 import '../layer/index';
@@ -616,14 +617,14 @@ let CDSTearsheet = _decorate([customElement(`${prefix}-tearsheet`)], function (_
       kind: "method",
       key: "connectedCallback",
       value: function connectedCallback() {
-        _get(_getPrototypeOf(CDSTearsheet.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSTearsheet, "connectedCallback", this, 3)([]);
         CDSTearsheet._stack.all.push(this._handleStackChange);
       }
     }, {
       kind: "method",
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
-        _get(_getPrototypeOf(CDSTearsheet.prototype), "disconnectedCallback", this).call(this);
+        _superPropGet(CDSTearsheet, "disconnectedCallback", this, 3)([]);
         const indexAll = CDSTearsheet._stack.all.indexOf(this._handleStackChange);
         CDSTearsheet._stack.all.splice(indexAll, 1);
         const indexOpen = CDSTearsheet._stack.all.indexOf(this._handleStackChange);
@@ -842,7 +843,7 @@ let CDSTearsheet = _decorate([customElement(`${prefix}-tearsheet`)], function (_
       kind: "get",
       static: true,
       key: "selectorCloseButton",
-      value: function selectorCloseButton() {
+      value: function () {
         return `[data-modal-close],${prefix}-modal-close-button`;
       }
 
@@ -853,8 +854,8 @@ let CDSTearsheet = _decorate([customElement(`${prefix}-tearsheet`)], function (_
       kind: "get",
       static: true,
       key: "selectorTabbable",
-      value: function selectorTabbable() {
-        return _selectorTabbable;
+      value: function () {
+        return selectorTabbable;
       }
 
       /**
@@ -865,7 +866,7 @@ let CDSTearsheet = _decorate([customElement(`${prefix}-tearsheet`)], function (_
       kind: "get",
       static: true,
       key: "eventBeforeClose",
-      value: function eventBeforeClose() {
+      value: function () {
         return `${prefix}-tearsheet-beingclosed`;
       }
 
@@ -876,7 +877,7 @@ let CDSTearsheet = _decorate([customElement(`${prefix}-tearsheet`)], function (_
       kind: "get",
       static: true,
       key: "eventClose",
-      value: function eventClose() {
+      value: function () {
         return `${prefix}-tearsheet-closed`;
       }
 
@@ -887,7 +888,7 @@ let CDSTearsheet = _decorate([customElement(`${prefix}-tearsheet`)], function (_
       kind: "get",
       static: true,
       key: "eventNavigateBack",
-      value: function eventNavigateBack() {
+      value: function () {
         return `${prefix}-tearsheet-header-navigate-back`;
       }
     }, {