@carbon/web-components 2.11.1 → 2.12.0

package/es/components/tearsheet/tearsheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet.js","names":["LitElement","html","property","query","queryAssignedElements","state","prefix","HostListener","HostListenerMixin","styles","selectorTabbable","carbonElement","customElement","TEARSHEET_INFLUENCER_PLACEMENT","TEARSHEET_INFLUENCER_WIDTH","TEARSHEET_WIDTH","maxStackDepth","PRECEDING","Node","DOCUMENT_POSITION_PRECEDING","DOCUMENT_POSITION_CONTAINS","FOLLOWING","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_CONTAINED_BY","blockClass","blockClassModalHeader","blockClassActionSet","tryFocusElems","elems","reverse","i","length","elem","focus","ownerDocument","activeElement","CDSTearsheet","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","slot","selector","event","composedPath","indexOf","shadowRoot","preventCloseOnClickOutside","_handleUserInitiatedClose","target","relatedTarget","_this$shadowRoot","_topOfStack","open","_startSentinelNode","startSentinelNode","_endSentinelNode","endSentinelNode","oldContains","contains","currentContains","selectorTabbableForTearsheet","comparisonResult","compareDocumentPosition","_delay","querySelectorAll","_checkSetHasSlot","e","_t$assignedElements$l","_t$assignedElements","t","dataPostfix","getAttribute","postfix","hasName","name","replace","c","toUpperCase","assignedElements","_handleClickContainer","matches","selectorCloseButton","triggeredBy","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","_handleSlugChange","childItems","_hasSlug","setAttribute","removeAttribute","reflect","attribute","type","Boolean","RIGHT","NARROW","String","_actions","width","_handleActionsChange","_actions$length","actions","actionsCount","_maxActions","_actionsCount","console","error","classList","add","_checkUpdateActionSizes","_stackDepth","_stackPosition","static","all","_stack","forEach","handler","Math","min","newDepth","newPosition","push","_handleStackChange","indexOpen","splice","_notifyStack","connectedCallback","_get","_getPrototypeOf","prototype","call","disconnectedCallback","indexAll","render","closeIconDescription","influencerPlacement","influencerWidth","actionsMultiple","headerFieldsTemplate","_t","_","_hasLabel","_hasTitle","_hasDescription","headerActionsTemplate","_t2","_hasHeaderActions","headerTemplate","_t3","hasCloseIcon","_hasHeaderNavigation","WIDE","_t4","_t5","_t6","_t7","ariaLabel","_isOpen","_t8","_hasInfluencerLeft","_t9","_hasInfluencerRight","_tearsheet","tearsheet","addEventListener","window","requestAnimationFrame","updated","changedProperties","has","process","env","NODE_ENV","_updateStack","_checkSetOpen","_launcher","focusNode","selectorInitialFocus","querySelector","ms","Promise","resolve","setTimeout","eventNavigateBack"],"sources":["components/tearsheet/tearsheet.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023, 2024\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 {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './tearsheet.scss';\nimport { selectorTabbable } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../button/index';\nimport '../layer/index';\nimport '../button/button-set-base';\nimport '../modal/index';\nimport {\n  TEARSHEET_INFLUENCER_PLACEMENT,\n  TEARSHEET_INFLUENCER_WIDTH,\n  TEARSHEET_WIDTH,\n} from './defs';\n\nexport {\n  TEARSHEET_INFLUENCER_PLACEMENT,\n  TEARSHEET_INFLUENCER_WIDTH,\n  TEARSHEET_WIDTH,\n};\n\nconst maxStackDepth = 3;\ntype StackHandler = (newDepth: number, newPosition: number) => void;\ninterface StackState {\n  open: StackHandler[];\n  all: StackHandler[];\n}\n\n// eslint-disable-next-line no-bitwise\nconst PRECEDING =\n  Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;\n// eslint-disable-next-line no-bitwise\nconst FOLLOWING =\n  Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;\n\nconst blockClass = `${prefix}--tearsheet`;\nconst blockClassModalHeader = `${prefix}--modal-header`;\nconst blockClassActionSet = `${prefix}--action-set`;\n\n/**\n * Tries to focus on the given elements and bails out if one of them is successful.\n *\n * @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n */\nfunction tryFocusElems(elems: NodeListOf<HTMLElement>, reverse: boolean) {\n  if (!reverse) {\n    for (let i = 0; i < elems.length; ++i) {\n      const elem = elems[i];\n      elem.focus();\n      if (elem.ownerDocument!.activeElement === elem) {\n        return true;\n      }\n    }\n  } else {\n    for (let i = elems.length - 1; i >= 0; --i) {\n      const elem = elems[i];\n      elem.focus();\n      if (elem.ownerDocument!.activeElement === elem) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Tearsheet.\n *\n * @element cds-tearsheet\n * @csspart dialog The dialog.\n * @fires cds-tearsheet-beingclosed\n *   The custom event fired before this tearsheet is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this tearsheet.\n * @fires cds-tearsheet-closed - The custom event fired after this tearsheet is closed upon a user gesture.\n */\n@customElement(`${prefix}-tearsheet`)\nclass CDSTearsheet extends HostListenerMixin(LitElement) {\n  /**\n   * The element that had focus before this tearsheet gets open.\n   */\n  private _launcher: Element | null = null;\n\n  /**\n   * Node to track focus going outside of tearsheet content.\n   */\n  @query('#start-sentinel')\n  private _startSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track focus going outside of tearsheet content.\n   */\n  @query('#end-sentinel')\n  private _endSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track tearsheet.\n   */\n  @query(`.${blockClass}__container`)\n  private _tearsheet!: HTMLDivElement;\n\n  @queryAssignedElements({ slot: 'actions', selector: `${prefix}-button` })\n  private _actions!: Array<HTMLElement>;\n\n  @state()\n  _actionsCount = 0;\n\n  @state()\n  _hasHeaderActions = false;\n\n  @state()\n  _hasLabel = false;\n\n  @state()\n  _hasSlug = false;\n\n  @state()\n  _hasTitle = false;\n\n  @state()\n  _hasDescription = false;\n\n  @state()\n  _hasInfluencerLeft = false;\n\n  @state()\n  _hasInfluencerRight = false;\n\n  @state()\n  _isOpen = false;\n\n  @state()\n  _hasHeaderNavigation = false;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('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 (\n      event.composedPath().indexOf(this.shadowRoot!) < 0 &&\n      !this.preventCloseOnClickOutside\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  };\n\n  /**\n   * Handles `blur` event on this element.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   * @param event.relatedTarget The event relatedTarget.\n   */\n  @HostListener('shadowRoot:focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur = async ({ target, relatedTarget }: FocusEvent) => {\n    if (!this._topOfStack()) {\n      return;\n    }\n\n    const {\n      // condensedActions,\n      open,\n      _startSentinelNode: startSentinelNode,\n      _endSentinelNode: endSentinelNode,\n    } = this;\n\n    const oldContains = target !== this && this.contains(target as Node);\n    const currentContains =\n      relatedTarget !== this &&\n      (this.contains(relatedTarget as Node) ||\n        (this.shadowRoot?.contains(relatedTarget as Node) &&\n          relatedTarget !== (startSentinelNode as Node) &&\n          relatedTarget !== (endSentinelNode as Node)));\n\n    // Performs focus wrapping if _all_ of the following is met:\n    // * This tearsheet is open\n    // * The viewport still has focus\n    // * Tearsheet body used to have focus but no longer has focus\n    const { selectorTabbable: selectorTabbableForTearsheet } = this\n      .constructor as typeof CDSTearsheet;\n\n    if (open && relatedTarget && oldContains && !currentContains) {\n      const comparisonResult = (target as Node).compareDocumentPosition(\n        relatedTarget as Node\n      );\n      // eslint-disable-next-line no-bitwise\n      if (relatedTarget === startSentinelNode || comparisonResult & PRECEDING) {\n        await (this.constructor as typeof CDSTearsheet)._delay();\n        if (\n          !tryFocusElems(\n            this.querySelectorAll(selectorTabbableForTearsheet),\n            true\n          ) &&\n          relatedTarget !== this\n        ) {\n          this.focus();\n        }\n      }\n      // eslint-disable-next-line no-bitwise\n      else if (\n        relatedTarget === endSentinelNode ||\n        comparisonResult & FOLLOWING\n      ) {\n        await (this.constructor as typeof CDSTearsheet)._delay();\n        if (\n          !tryFocusElems(\n            this.querySelectorAll(selectorTabbableForTearsheet),\n            true\n          )\n        ) {\n          this.focus();\n        }\n      }\n    }\n  };\n\n  @HostListener('document:keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    if ((key === 'Esc' || key === 'Escape') && this._topOfStack()) {\n      this._handleUserInitiatedClose(target);\n    }\n  };\n\n  private _checkSetHasSlot(e: Event) {\n    const t = e.target as HTMLSlotElement;\n    const dataPostfix = t.getAttribute('data-postfix');\n    const postfix = dataPostfix ? `-${dataPostfix}` : '';\n\n    // snake `ab-cd-ef` to _has camel case _hasAbCdEf\n    const hasName = `_has-${t.name}${postfix}`.replace(/-./g, (c) =>\n      c[1].toUpperCase()\n    );\n    this[hasName] = (t?.assignedElements()?.length ?? 0) > 0;\n  }\n\n  /**\n   * Handles `click` event on the modal container.\n   *\n   * @param event The event.\n   */\n  private _handleClickContainer(event: MouseEvent) {\n    if (\n      (event.target as Element).matches(\n        (this.constructor as typeof CDSTearsheet).selectorCloseButton\n      )\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  }\n\n  /**\n   * Handles user-initiated close request of this tearsheet.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  private _handleUserInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSTearsheet).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSTearsheet).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  private _handleSlugChange(e: Event) {\n    const childItems = (e.target as HTMLSlotElement).assignedElements();\n\n    this._hasSlug = childItems.length > 0;\n    if (this._hasSlug) {\n      childItems[0].setAttribute('size', 'lg');\n      this.setAttribute('slug', '');\n    } else {\n      this.removeAttribute('slug');\n    }\n  }\n\n  /**\n   * Optional aria label for the tearsheet\n   */\n  @property({ reflect: true, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Sets the close button icon description\n   */\n  @property({ reflect: true, attribute: 'close-icon-description' })\n  closeIconDescription = 'Close';\n\n  /**\n   * Enable a close icon ('x') in the header area of the tearsheet. By default,\n   * (when this prop is omitted, or undefined or null) a tearsheet does not\n   * display a close icon if there are navigation actions (\"transactional\n   * tearsheet\") and displays one if there are no navigation actions (\"passive\n   * tearsheet\"), and that behavior can be overridden if required by setting\n   * this prop to either true or false.\n   */\n\n  @property({ reflect: true, type: Boolean, attribute: 'has-close-icon' })\n  hasCloseIcon = false;\n\n  /**\n   * The placement of the influencer section, 'left' or 'right'.\n   */\n  @property({ reflect: true, attribute: 'influencer-placement' })\n  influencerPlacement = TEARSHEET_INFLUENCER_PLACEMENT.RIGHT;\n\n  /**\n   * The width of the influencer section, 'narrow' or 'wide'.\n   */\n  @property({ reflect: true, attribute: 'influencer-width' })\n  influencerWidth = TEARSHEET_INFLUENCER_WIDTH.NARROW;\n\n  /**\n   * `true` if the tearsheet should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Prevent closing on click outside of tearsheet\n   */\n  @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n  preventCloseOnClickOutside = false;\n\n  /**\n   * The initial location of focus in the side panel\n   */\n  @property({\n    reflect: true,\n    attribute: 'selector-initial-focus',\n    type: String,\n  })\n  selectorInitialFocus;\n\n  /**\n   * The width of the influencer section, 'narrow' or 'wide'.\n   */\n  @property({ reflect: true, attribute: 'width' })\n  width = TEARSHEET_WIDTH.NARROW;\n\n  private _checkUpdateActionSizes = () => {\n    if (this._actions) {\n      for (let i = 0; i < this._actions.length; i++) {\n        this._actions[i].setAttribute(\n          'size',\n          this.width === 'wide' ? '2xl' : 'xl'\n        );\n      }\n    }\n  };\n\n  private _maxActions = 4;\n  private _handleActionsChange(e: Event) {\n    const target = e.target as HTMLSlotElement;\n    const actions = target?.assignedElements();\n    const actionsCount = actions?.length ?? 0;\n\n    if (actionsCount > this._maxActions) {\n      this._actionsCount = this._maxActions;\n      console.error(`Too many tearsheet actions, max ${this._maxActions}.`);\n    } else {\n      this._actionsCount = actionsCount;\n    }\n\n    for (let i = 0; i < actions?.length; i++) {\n      if (i + 1 > this._maxActions) {\n        // hide excessive tearsheet actions\n        actions[i].setAttribute('hidden', 'true');\n        actions[i].setAttribute(\n          `data-actions-limit-${this._maxActions}-exceeded`,\n          `${actions.length}`\n        );\n      } else {\n        actions[i].classList.add(`${blockClassActionSet}__action-button`);\n      }\n    }\n    this._checkUpdateActionSizes();\n  }\n\n  // Data structure to communicate the state of tearsheet stacking\n  // (i.e. when more than one tearsheet is open). Each tearsheet supplies a\n  // handler to be called whenever the stacking of the tearsheets changes, which\n  // happens when a tearsheet opens or closes. The 'open' array contains one\n  // handler per OPEN tearsheet ordered from lowest to highest in visual z-order.\n  // The 'all' array contains all the handlers for open and closed tearsheets.\n\n  @state()\n  _stackDepth = -1;\n\n  @state()\n  _stackPosition = -1;\n\n  private _topOfStack = () => {\n    return this._stackDepth === this._stackPosition;\n  };\n\n  private static _stack: StackState = {\n    open: [],\n    all: [],\n  };\n  private _notifyStack = () => {\n    CDSTearsheet._stack.all.forEach(\n      (handler: (stackSize: number, position: number) => void) => {\n        handler(\n          Math.min(CDSTearsheet._stack.open.length, maxStackDepth),\n          CDSTearsheet._stack.open.indexOf(handler) + 1\n        );\n      }\n    );\n  };\n\n  private _handleStackChange: StackHandler = (newDepth, newPosition) => {\n    this._stackDepth = newDepth;\n    this._stackPosition = newPosition;\n    if (this._stackDepth > 1 && this._stackPosition > 0) {\n      this.setAttribute('stack-position', `${newPosition}`);\n      this.setAttribute('stack-depth', `${this._stackDepth}`);\n    } else {\n      this.removeAttribute('stack-position');\n      this.removeAttribute('stack-depth');\n    }\n  };\n\n  private _updateStack = () => {\n    if (this.open) {\n      CDSTearsheet._stack.open.push(this._handleStackChange);\n    } else {\n      const indexOpen = CDSTearsheet._stack.open.indexOf(\n        this._handleStackChange\n      );\n      if (indexOpen >= 0) {\n        CDSTearsheet._stack.open.splice(indexOpen, 1);\n      }\n    }\n    this._notifyStack();\n  };\n\n  actionsMultiple = ['', 'single', 'double', 'triple'][this._actionsCount];\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    CDSTearsheet._stack.all.push(this._handleStackChange);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    const indexAll = CDSTearsheet._stack.all.indexOf(this._handleStackChange);\n    CDSTearsheet._stack.all.splice(indexAll, 1);\n    const indexOpen = CDSTearsheet._stack.all.indexOf(this._handleStackChange);\n    CDSTearsheet._stack.open.splice(indexOpen, 1);\n  }\n\n  render() {\n    const {\n      closeIconDescription,\n      influencerPlacement,\n      influencerWidth,\n      open,\n      width,\n    } = this;\n\n    const actionsMultiple = ['', 'single', 'double', 'triple'][\n      this._actionsCount\n    ];\n\n    const headerFieldsTemplate = html`<div\n      class=${`${blockClass}__header-fields`}>\n      <h2 class=${`${blockClassModalHeader}__label`} ?hidden=${!this._hasLabel}>\n        <slot name=\"label\" @slotchange=${this._checkSetHasSlot}></slot>\n      </h2>\n      <h3\n        class=${`${blockClassModalHeader}__heading ${blockClass}__heading`}\n        ?hidden=${!this._hasTitle}>\n        <slot name=\"title\" @slotchange=${this._checkSetHasSlot}></slot>\n      </h3>\n      <div\n        class=${`${blockClass}__header-description`}\n        ?hidden=${!this._hasDescription}>\n        <slot name=\"description\" @slotchange=${this._checkSetHasSlot}></slot>\n      </div>\n    </div>`;\n\n    const headerActionsTemplate = html` <div\n      class=${`${blockClass}__header-actions`}\n      ?hidden=${!this._hasHeaderActions || this.width === 'narrow'}>\n      <slot name=\"header-actions\" @slotchange=${this._checkSetHasSlot}></slot>\n    </div>`;\n\n    const headerTemplate = html` <cds-modal-header\n      class=${`${blockClass}__header`}\n      ?has-close-icon=${this.hasCloseIcon || this?._actionsCount === 0}\n      ?has-navigation=${this._hasHeaderNavigation && this.width === 'wide'}\n      ?has-header-actions=${this._hasHeaderActions && this.width === 'wide'}\n      ?has-actions=${this?._actionsCount > 0}\n      ?has-slug=${this?._hasSlug}\n      width=${width}>\n      ${this.width === TEARSHEET_WIDTH.WIDE\n        ? html`<cds-layer level=\"1\" class=${`${blockClass}__header-content`}\n            >${headerFieldsTemplate}${headerActionsTemplate}</cds-layer\n          >`\n        : html`<div>${headerFieldsTemplate}${headerActionsTemplate}</div>`}\n\n      <div\n        class=${`${blockClass}__header-navigation`}\n        ?hidden=${!this._hasHeaderNavigation || this.width === 'narrow'}>\n        <slot\n          name=\"header-navigation\"\n          @slotchange=${this._checkSetHasSlot}></slot>\n      </div>\n      <slot name=\"slug\" @slotchange=${this._handleSlugChange}></slot>\n      ${this.hasCloseIcon || this?._actionsCount === 0\n        ? html`<cds-modal-close-button\n            close-button-label=${closeIconDescription}\n            @click=${this._handleUserInitiatedClose}></cds-modal-close-button>`\n        : ''}\n    </cds-modal-header>`;\n\n    return html`\n      <a\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n      <div\n        aria-label=${this.ariaLabel}\n        class=${`${blockClass}__container ${prefix}--modal-container ${prefix}--modal-container--sm`}\n        part=\"dialog\"\n        role=\"complementary\"\n        ?open=${this._isOpen}\n        ?opening=${open && !this._isOpen}\n        ?closing=${!open && this._isOpen}\n        width=${width}\n        stack-position=${this._stackPosition}\n        stack-depth=${this._stackDepth}\n        @click=${this._handleClickContainer}>\n        <!-- Header -->\n        ${headerTemplate}\n\n        <!-- Body  -->\n        <cds-modal-body class=${`${blockClass}__body`} width=${width}>\n          <!-- Influencer when on left -->\n          ${influencerPlacement !== TEARSHEET_INFLUENCER_PLACEMENT.RIGHT\n            ? html`<div\n                class=${`${blockClass}__influencer`}\n                ?wide=${influencerWidth === 'wide'}\n                ?hidden=${!this._hasInfluencerLeft ||\n                this.width === TEARSHEET_WIDTH.NARROW}>\n                <slot\n                  name=\"influencer\"\n                  data-postfix=\"left\"\n                  @slotchange=${this._checkSetHasSlot}></slot>\n              </div>`\n            : ''}\n\n          <div class=${`${blockClass}__right`}>\n            <div class=${`${blockClass}__main`}>\n              <div class=${`${blockClass}__content`}>\n                <cds-layer level=\"0\">\n                  <slot></slot>\n                </cds-layer>\n              </div>\n\n              <!-- Influencer when on right -->\n              ${influencerPlacement === TEARSHEET_INFLUENCER_PLACEMENT.RIGHT\n                ? html`<div\n                    class=${`${blockClass}__influencer`}\n                    ?wide=${influencerWidth}\n                    ?hidden=${!this._hasInfluencerRight ||\n                    this.width === TEARSHEET_WIDTH.NARROW}>\n                    <slot\n                      name=\"influencer\"\n                      data-postfix=\"right\"\n                      @slotchange=${this._checkSetHasSlot}></slot>\n                  </div>`\n                : ''}\n            </div>\n            <!-- Action buttons -->\n            <cds-button-set-base\n              class=${`${blockClass}__buttons ${blockClass}__button-container`}\n              actions-multiple=${actionsMultiple}\n              ?tearsheet-wide=${width === 'wide'}\n              ?hidden=${this._actionsCount === 0}>\n              <slot\n                name=\"actions\"\n                @slotchange=${this._handleActionsChange}></slot>\n            </cds-button-set-base>\n          </div>\n        </cds-modal-body>\n      </div>\n      <a\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n    `;\n  }\n\n  _checkSetOpen = () => {\n    const { _tearsheet: tearsheet } = this;\n    if (tearsheet && this._isOpen) {\n      // wait until the tearsheet has transitioned off the screen to remove\n      tearsheet.addEventListener('transitionend', () => {\n        this._isOpen = false;\n      });\n    } else {\n      // allow the html to render before animating in the tearsheet\n      window.requestAnimationFrame(() => {\n        this._isOpen = this.open;\n      });\n    }\n  };\n\n  async updated(changedProperties) {\n    if (changedProperties.has('width')) {\n      this._checkUpdateActionSizes();\n    }\n\n    if (\n      process.env.NODE_ENV === 'development' &&\n      (changedProperties.has('width') ||\n        changedProperties.has('_hasHeaderNavigation') ||\n        changedProperties.has('_hasInfluencerLeft') ||\n        changedProperties.has('_hasInfluencerRight') ||\n        changedProperties.has('_hasHeaderActions'))\n    ) {\n      if (this.width === 'narrow') {\n        if (this._hasHeaderNavigation) {\n          console.error(\n            `Header navigation is not permitted in narrow Tearsheet.`\n          );\n        }\n        if (this._hasInfluencerLeft || this._hasInfluencerRight) {\n          console.error(`Influencer is not permitted in narrow Tearsheet.`);\n        }\n        if (this._hasHeaderActions) {\n          console.error(\n            `Header actions are not permitted in narrow Tearsheet.`\n          );\n        }\n      }\n    }\n\n    if (changedProperties.has('open')) {\n      this._updateStack();\n\n      this._checkSetOpen();\n      if (this.open) {\n        this._launcher = this.ownerDocument!.activeElement;\n        const focusNode =\n          this.selectorInitialFocus &&\n          this.querySelector(this.selectorInitialFocus);\n\n        await (this.constructor as typeof CDSTearsheet)._delay();\n        if (focusNode) {\n          // For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,\n          // where its first update/render cycle that makes it focusable happens after `<cds-tearsheet>`'s first update/render cycle\n          (focusNode as HTMLElement).focus();\n        } else if (\n          !tryFocusElems(\n            this.querySelectorAll(\n              (this.constructor as typeof CDSTearsheet).selectorTabbable\n            ),\n            true\n          )\n        ) {\n          this.focus();\n        }\n      } else if (\n        this._launcher &&\n        typeof (this._launcher as HTMLElement).focus === 'function'\n      ) {\n        (this._launcher as HTMLElement).focus();\n        this._launcher = null;\n      }\n    }\n  }\n\n  /**\n   * @param ms The number of milliseconds.\n   * @returns A promise that is resolves after the given milliseconds.\n   */\n  private static _delay(ms = 0) {\n    return new Promise((resolve) => {\n      setTimeout(resolve, ms);\n    });\n  }\n\n  /**\n   * A selector selecting buttons that should close this modal.\n   */\n  static get selectorCloseButton() {\n    return `[data-modal-close],${prefix}-modal-close-button`;\n  }\n\n  /**\n   * A selector selecting tabbable nodes.\n   */\n  static get selectorTabbable() {\n    return selectorTabbable;\n  }\n\n  /**\n   * The name of the custom event fired before this tearsheet is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tearsheet.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-tearsheet-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tearsheet is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-tearsheet-closed`;\n  }\n\n  /**\n   * The name of the custom event fired on clicking the navigate back button\n   */\n  static get eventNavigateBack() {\n    return `${prefix}-tearsheet-header-navigate-back`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTearsheet;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"tearsheet.js","names":["LitElement","html","property","query","queryAssignedElements","state","prefix","HostListener","HostListenerMixin","styles","selectorTabbable","carbonElement","customElement","TEARSHEET_INFLUENCER_PLACEMENT","TEARSHEET_INFLUENCER_WIDTH","TEARSHEET_WIDTH","maxStackDepth","PRECEDING","Node","DOCUMENT_POSITION_PRECEDING","DOCUMENT_POSITION_CONTAINS","FOLLOWING","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_CONTAINED_BY","blockClass","blockClassModalHeader","blockClassActionSet","tryFocusElems","elems","reverse","i","length","elem","focus","ownerDocument","activeElement","CDSTearsheet","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","slot","selector","event","composedPath","indexOf","shadowRoot","preventCloseOnClickOutside","_handleUserInitiatedClose","target","relatedTarget","_this$shadowRoot","_topOfStack","open","_startSentinelNode","startSentinelNode","_endSentinelNode","endSentinelNode","oldContains","contains","currentContains","selectorTabbableForTearsheet","comparisonResult","compareDocumentPosition","_delay","querySelectorAll","_checkSetHasSlot","e","_t$assignedElements$l","_t$assignedElements","t","dataPostfix","getAttribute","postfix","hasName","name","replace","c","toUpperCase","assignedElements","_handleClickContainer","matches","selectorCloseButton","triggeredBy","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","_handleSlugChange","childItems","_hasSlug","setAttribute","removeAttribute","reflect","attribute","type","Boolean","RIGHT","NARROW","String","_actions","width","_handleActionsChange","_actions$length","actions","actionsCount","_maxActions","_actionsCount","console","error","classList","add","_checkUpdateActionSizes","_stackDepth","_stackPosition","static","all","_stack","forEach","handler","Math","min","newDepth","newPosition","push","_handleStackChange","indexOpen","splice","_notifyStack","connectedCallback","_superPropGet","disconnectedCallback","indexAll","render","closeIconDescription","influencerPlacement","influencerWidth","actionsMultiple","headerFieldsTemplate","_t","_","_hasLabel","_hasTitle","_hasDescription","headerActionsTemplate","_t2","_hasHeaderActions","headerTemplate","_t3","hasCloseIcon","_hasHeaderNavigation","WIDE","_t4","_t5","_t6","_t7","ariaLabel","_isOpen","_t8","_hasInfluencerLeft","_t9","_hasInfluencerRight","_tearsheet","tearsheet","addEventListener","window","requestAnimationFrame","updated","changedProperties","has","process","env","NODE_ENV","_updateStack","_checkSetOpen","_launcher","focusNode","selectorInitialFocus","querySelector","ms","Promise","resolve","setTimeout"],"sources":["components/tearsheet/tearsheet.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023, 2024\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 {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './tearsheet.scss';\nimport { selectorTabbable } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../button/index';\nimport '../layer/index';\nimport '../button/button-set-base';\nimport '../modal/index';\nimport {\n  TEARSHEET_INFLUENCER_PLACEMENT,\n  TEARSHEET_INFLUENCER_WIDTH,\n  TEARSHEET_WIDTH,\n} from './defs';\n\nexport {\n  TEARSHEET_INFLUENCER_PLACEMENT,\n  TEARSHEET_INFLUENCER_WIDTH,\n  TEARSHEET_WIDTH,\n};\n\nconst maxStackDepth = 3;\ntype StackHandler = (newDepth: number, newPosition: number) => void;\ninterface StackState {\n  open: StackHandler[];\n  all: StackHandler[];\n}\n\n// eslint-disable-next-line no-bitwise\nconst PRECEDING =\n  Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;\n// eslint-disable-next-line no-bitwise\nconst FOLLOWING =\n  Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;\n\nconst blockClass = `${prefix}--tearsheet`;\nconst blockClassModalHeader = `${prefix}--modal-header`;\nconst blockClassActionSet = `${prefix}--action-set`;\n\n/**\n * Tries to focus on the given elements and bails out if one of them is successful.\n *\n * @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n */\nfunction tryFocusElems(elems: NodeListOf<HTMLElement>, reverse: boolean) {\n  if (!reverse) {\n    for (let i = 0; i < elems.length; ++i) {\n      const elem = elems[i];\n      elem.focus();\n      if (elem.ownerDocument!.activeElement === elem) {\n        return true;\n      }\n    }\n  } else {\n    for (let i = elems.length - 1; i >= 0; --i) {\n      const elem = elems[i];\n      elem.focus();\n      if (elem.ownerDocument!.activeElement === elem) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Tearsheet.\n *\n * @element cds-tearsheet\n * @csspart dialog The dialog.\n * @fires cds-tearsheet-beingclosed\n *   The custom event fired before this tearsheet is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this tearsheet.\n * @fires cds-tearsheet-closed - The custom event fired after this tearsheet is closed upon a user gesture.\n */\n@customElement(`${prefix}-tearsheet`)\nclass CDSTearsheet extends HostListenerMixin(LitElement) {\n  /**\n   * The element that had focus before this tearsheet gets open.\n   */\n  private _launcher: Element | null = null;\n\n  /**\n   * Node to track focus going outside of tearsheet content.\n   */\n  @query('#start-sentinel')\n  private _startSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track focus going outside of tearsheet content.\n   */\n  @query('#end-sentinel')\n  private _endSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track tearsheet.\n   */\n  @query(`.${blockClass}__container`)\n  private _tearsheet!: HTMLDivElement;\n\n  @queryAssignedElements({ slot: 'actions', selector: `${prefix}-button` })\n  private _actions!: Array<HTMLElement>;\n\n  @state()\n  _actionsCount = 0;\n\n  @state()\n  _hasHeaderActions = false;\n\n  @state()\n  _hasLabel = false;\n\n  @state()\n  _hasSlug = false;\n\n  @state()\n  _hasTitle = false;\n\n  @state()\n  _hasDescription = false;\n\n  @state()\n  _hasInfluencerLeft = false;\n\n  @state()\n  _hasInfluencerRight = false;\n\n  @state()\n  _isOpen = false;\n\n  @state()\n  _hasHeaderNavigation = false;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('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 (\n      event.composedPath().indexOf(this.shadowRoot!) < 0 &&\n      !this.preventCloseOnClickOutside\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  };\n\n  /**\n   * Handles `blur` event on this element.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   * @param event.relatedTarget The event relatedTarget.\n   */\n  @HostListener('shadowRoot:focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur = async ({ target, relatedTarget }: FocusEvent) => {\n    if (!this._topOfStack()) {\n      return;\n    }\n\n    const {\n      // condensedActions,\n      open,\n      _startSentinelNode: startSentinelNode,\n      _endSentinelNode: endSentinelNode,\n    } = this;\n\n    const oldContains = target !== this && this.contains(target as Node);\n    const currentContains =\n      relatedTarget !== this &&\n      (this.contains(relatedTarget as Node) ||\n        (this.shadowRoot?.contains(relatedTarget as Node) &&\n          relatedTarget !== (startSentinelNode as Node) &&\n          relatedTarget !== (endSentinelNode as Node)));\n\n    // Performs focus wrapping if _all_ of the following is met:\n    // * This tearsheet is open\n    // * The viewport still has focus\n    // * Tearsheet body used to have focus but no longer has focus\n    const { selectorTabbable: selectorTabbableForTearsheet } = this\n      .constructor as typeof CDSTearsheet;\n\n    if (open && relatedTarget && oldContains && !currentContains) {\n      const comparisonResult = (target as Node).compareDocumentPosition(\n        relatedTarget as Node\n      );\n      // eslint-disable-next-line no-bitwise\n      if (relatedTarget === startSentinelNode || comparisonResult & PRECEDING) {\n        await (this.constructor as typeof CDSTearsheet)._delay();\n        if (\n          !tryFocusElems(\n            this.querySelectorAll(selectorTabbableForTearsheet),\n            true\n          ) &&\n          relatedTarget !== this\n        ) {\n          this.focus();\n        }\n      }\n      // eslint-disable-next-line no-bitwise\n      else if (\n        relatedTarget === endSentinelNode ||\n        comparisonResult & FOLLOWING\n      ) {\n        await (this.constructor as typeof CDSTearsheet)._delay();\n        if (\n          !tryFocusElems(\n            this.querySelectorAll(selectorTabbableForTearsheet),\n            true\n          )\n        ) {\n          this.focus();\n        }\n      }\n    }\n  };\n\n  @HostListener('document:keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    if ((key === 'Esc' || key === 'Escape') && this._topOfStack()) {\n      this._handleUserInitiatedClose(target);\n    }\n  };\n\n  private _checkSetHasSlot(e: Event) {\n    const t = e.target as HTMLSlotElement;\n    const dataPostfix = t.getAttribute('data-postfix');\n    const postfix = dataPostfix ? `-${dataPostfix}` : '';\n\n    // snake `ab-cd-ef` to _has camel case _hasAbCdEf\n    const hasName = `_has-${t.name}${postfix}`.replace(/-./g, (c) =>\n      c[1].toUpperCase()\n    );\n    this[hasName] = (t?.assignedElements()?.length ?? 0) > 0;\n  }\n\n  /**\n   * Handles `click` event on the modal container.\n   *\n   * @param event The event.\n   */\n  private _handleClickContainer(event: MouseEvent) {\n    if (\n      (event.target as Element).matches(\n        (this.constructor as typeof CDSTearsheet).selectorCloseButton\n      )\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  }\n\n  /**\n   * Handles user-initiated close request of this tearsheet.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  private _handleUserInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSTearsheet).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSTearsheet).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  private _handleSlugChange(e: Event) {\n    const childItems = (e.target as HTMLSlotElement).assignedElements();\n\n    this._hasSlug = childItems.length > 0;\n    if (this._hasSlug) {\n      childItems[0].setAttribute('size', 'lg');\n      this.setAttribute('slug', '');\n    } else {\n      this.removeAttribute('slug');\n    }\n  }\n\n  /**\n   * Optional aria label for the tearsheet\n   */\n  @property({ reflect: true, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Sets the close button icon description\n   */\n  @property({ reflect: true, attribute: 'close-icon-description' })\n  closeIconDescription = 'Close';\n\n  /**\n   * Enable a close icon ('x') in the header area of the tearsheet. By default,\n   * (when this prop is omitted, or undefined or null) a tearsheet does not\n   * display a close icon if there are navigation actions (\"transactional\n   * tearsheet\") and displays one if there are no navigation actions (\"passive\n   * tearsheet\"), and that behavior can be overridden if required by setting\n   * this prop to either true or false.\n   */\n\n  @property({ reflect: true, type: Boolean, attribute: 'has-close-icon' })\n  hasCloseIcon = false;\n\n  /**\n   * The placement of the influencer section, 'left' or 'right'.\n   */\n  @property({ reflect: true, attribute: 'influencer-placement' })\n  influencerPlacement = TEARSHEET_INFLUENCER_PLACEMENT.RIGHT;\n\n  /**\n   * The width of the influencer section, 'narrow' or 'wide'.\n   */\n  @property({ reflect: true, attribute: 'influencer-width' })\n  influencerWidth = TEARSHEET_INFLUENCER_WIDTH.NARROW;\n\n  /**\n   * `true` if the tearsheet should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Prevent closing on click outside of tearsheet\n   */\n  @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n  preventCloseOnClickOutside = false;\n\n  /**\n   * The initial location of focus in the side panel\n   */\n  @property({\n    reflect: true,\n    attribute: 'selector-initial-focus',\n    type: String,\n  })\n  selectorInitialFocus;\n\n  /**\n   * The width of the influencer section, 'narrow' or 'wide'.\n   */\n  @property({ reflect: true, attribute: 'width' })\n  width = TEARSHEET_WIDTH.NARROW;\n\n  private _checkUpdateActionSizes = () => {\n    if (this._actions) {\n      for (let i = 0; i < this._actions.length; i++) {\n        this._actions[i].setAttribute(\n          'size',\n          this.width === 'wide' ? '2xl' : 'xl'\n        );\n      }\n    }\n  };\n\n  private _maxActions = 4;\n  private _handleActionsChange(e: Event) {\n    const target = e.target as HTMLSlotElement;\n    const actions = target?.assignedElements();\n    const actionsCount = actions?.length ?? 0;\n\n    if (actionsCount > this._maxActions) {\n      this._actionsCount = this._maxActions;\n      console.error(`Too many tearsheet actions, max ${this._maxActions}.`);\n    } else {\n      this._actionsCount = actionsCount;\n    }\n\n    for (let i = 0; i < actions?.length; i++) {\n      if (i + 1 > this._maxActions) {\n        // hide excessive tearsheet actions\n        actions[i].setAttribute('hidden', 'true');\n        actions[i].setAttribute(\n          `data-actions-limit-${this._maxActions}-exceeded`,\n          `${actions.length}`\n        );\n      } else {\n        actions[i].classList.add(`${blockClassActionSet}__action-button`);\n      }\n    }\n    this._checkUpdateActionSizes();\n  }\n\n  // Data structure to communicate the state of tearsheet stacking\n  // (i.e. when more than one tearsheet is open). Each tearsheet supplies a\n  // handler to be called whenever the stacking of the tearsheets changes, which\n  // happens when a tearsheet opens or closes. The 'open' array contains one\n  // handler per OPEN tearsheet ordered from lowest to highest in visual z-order.\n  // The 'all' array contains all the handlers for open and closed tearsheets.\n\n  @state()\n  _stackDepth = -1;\n\n  @state()\n  _stackPosition = -1;\n\n  private _topOfStack = () => {\n    return this._stackDepth === this._stackPosition;\n  };\n\n  private static _stack: StackState = {\n    open: [],\n    all: [],\n  };\n  private _notifyStack = () => {\n    CDSTearsheet._stack.all.forEach(\n      (handler: (stackSize: number, position: number) => void) => {\n        handler(\n          Math.min(CDSTearsheet._stack.open.length, maxStackDepth),\n          CDSTearsheet._stack.open.indexOf(handler) + 1\n        );\n      }\n    );\n  };\n\n  private _handleStackChange: StackHandler = (newDepth, newPosition) => {\n    this._stackDepth = newDepth;\n    this._stackPosition = newPosition;\n    if (this._stackDepth > 1 && this._stackPosition > 0) {\n      this.setAttribute('stack-position', `${newPosition}`);\n      this.setAttribute('stack-depth', `${this._stackDepth}`);\n    } else {\n      this.removeAttribute('stack-position');\n      this.removeAttribute('stack-depth');\n    }\n  };\n\n  private _updateStack = () => {\n    if (this.open) {\n      CDSTearsheet._stack.open.push(this._handleStackChange);\n    } else {\n      const indexOpen = CDSTearsheet._stack.open.indexOf(\n        this._handleStackChange\n      );\n      if (indexOpen >= 0) {\n        CDSTearsheet._stack.open.splice(indexOpen, 1);\n      }\n    }\n    this._notifyStack();\n  };\n\n  actionsMultiple = ['', 'single', 'double', 'triple'][this._actionsCount];\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    CDSTearsheet._stack.all.push(this._handleStackChange);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    const indexAll = CDSTearsheet._stack.all.indexOf(this._handleStackChange);\n    CDSTearsheet._stack.all.splice(indexAll, 1);\n    const indexOpen = CDSTearsheet._stack.all.indexOf(this._handleStackChange);\n    CDSTearsheet._stack.open.splice(indexOpen, 1);\n  }\n\n  render() {\n    const {\n      closeIconDescription,\n      influencerPlacement,\n      influencerWidth,\n      open,\n      width,\n    } = this;\n\n    const actionsMultiple = ['', 'single', 'double', 'triple'][\n      this._actionsCount\n    ];\n\n    const headerFieldsTemplate = html`<div\n      class=${`${blockClass}__header-fields`}>\n      <h2 class=${`${blockClassModalHeader}__label`} ?hidden=${!this._hasLabel}>\n        <slot name=\"label\" @slotchange=${this._checkSetHasSlot}></slot>\n      </h2>\n      <h3\n        class=${`${blockClassModalHeader}__heading ${blockClass}__heading`}\n        ?hidden=${!this._hasTitle}>\n        <slot name=\"title\" @slotchange=${this._checkSetHasSlot}></slot>\n      </h3>\n      <div\n        class=${`${blockClass}__header-description`}\n        ?hidden=${!this._hasDescription}>\n        <slot name=\"description\" @slotchange=${this._checkSetHasSlot}></slot>\n      </div>\n    </div>`;\n\n    const headerActionsTemplate = html` <div\n      class=${`${blockClass}__header-actions`}\n      ?hidden=${!this._hasHeaderActions || this.width === 'narrow'}>\n      <slot name=\"header-actions\" @slotchange=${this._checkSetHasSlot}></slot>\n    </div>`;\n\n    const headerTemplate = html` <cds-modal-header\n      class=${`${blockClass}__header`}\n      ?has-close-icon=${this.hasCloseIcon || this?._actionsCount === 0}\n      ?has-navigation=${this._hasHeaderNavigation && this.width === 'wide'}\n      ?has-header-actions=${this._hasHeaderActions && this.width === 'wide'}\n      ?has-actions=${this?._actionsCount > 0}\n      ?has-slug=${this?._hasSlug}\n      width=${width}>\n      ${this.width === TEARSHEET_WIDTH.WIDE\n        ? html`<cds-layer level=\"1\" class=${`${blockClass}__header-content`}\n            >${headerFieldsTemplate}${headerActionsTemplate}</cds-layer\n          >`\n        : html`<div>${headerFieldsTemplate}${headerActionsTemplate}</div>`}\n\n      <div\n        class=${`${blockClass}__header-navigation`}\n        ?hidden=${!this._hasHeaderNavigation || this.width === 'narrow'}>\n        <slot\n          name=\"header-navigation\"\n          @slotchange=${this._checkSetHasSlot}></slot>\n      </div>\n      <slot name=\"slug\" @slotchange=${this._handleSlugChange}></slot>\n      ${this.hasCloseIcon || this?._actionsCount === 0\n        ? html`<cds-modal-close-button\n            close-button-label=${closeIconDescription}\n            @click=${this._handleUserInitiatedClose}></cds-modal-close-button>`\n        : ''}\n    </cds-modal-header>`;\n\n    return html`\n      <a\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n      <div\n        aria-label=${this.ariaLabel}\n        class=${`${blockClass}__container ${prefix}--modal-container ${prefix}--modal-container--sm`}\n        part=\"dialog\"\n        role=\"complementary\"\n        ?open=${this._isOpen}\n        ?opening=${open && !this._isOpen}\n        ?closing=${!open && this._isOpen}\n        width=${width}\n        stack-position=${this._stackPosition}\n        stack-depth=${this._stackDepth}\n        @click=${this._handleClickContainer}>\n        <!-- Header -->\n        ${headerTemplate}\n\n        <!-- Body  -->\n        <cds-modal-body class=${`${blockClass}__body`} width=${width}>\n          <!-- Influencer when on left -->\n          ${influencerPlacement !== TEARSHEET_INFLUENCER_PLACEMENT.RIGHT\n            ? html`<div\n                class=${`${blockClass}__influencer`}\n                ?wide=${influencerWidth === 'wide'}\n                ?hidden=${!this._hasInfluencerLeft ||\n                this.width === TEARSHEET_WIDTH.NARROW}>\n                <slot\n                  name=\"influencer\"\n                  data-postfix=\"left\"\n                  @slotchange=${this._checkSetHasSlot}></slot>\n              </div>`\n            : ''}\n\n          <div class=${`${blockClass}__right`}>\n            <div class=${`${blockClass}__main`}>\n              <div class=${`${blockClass}__content`}>\n                <cds-layer level=\"0\">\n                  <slot></slot>\n                </cds-layer>\n              </div>\n\n              <!-- Influencer when on right -->\n              ${influencerPlacement === TEARSHEET_INFLUENCER_PLACEMENT.RIGHT\n                ? html`<div\n                    class=${`${blockClass}__influencer`}\n                    ?wide=${influencerWidth}\n                    ?hidden=${!this._hasInfluencerRight ||\n                    this.width === TEARSHEET_WIDTH.NARROW}>\n                    <slot\n                      name=\"influencer\"\n                      data-postfix=\"right\"\n                      @slotchange=${this._checkSetHasSlot}></slot>\n                  </div>`\n                : ''}\n            </div>\n            <!-- Action buttons -->\n            <cds-button-set-base\n              class=${`${blockClass}__buttons ${blockClass}__button-container`}\n              actions-multiple=${actionsMultiple}\n              ?tearsheet-wide=${width === 'wide'}\n              ?hidden=${this._actionsCount === 0}>\n              <slot\n                name=\"actions\"\n                @slotchange=${this._handleActionsChange}></slot>\n            </cds-button-set-base>\n          </div>\n        </cds-modal-body>\n      </div>\n      <a\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n    `;\n  }\n\n  _checkSetOpen = () => {\n    const { _tearsheet: tearsheet } = this;\n    if (tearsheet && this._isOpen) {\n      // wait until the tearsheet has transitioned off the screen to remove\n      tearsheet.addEventListener('transitionend', () => {\n        this._isOpen = false;\n      });\n    } else {\n      // allow the html to render before animating in the tearsheet\n      window.requestAnimationFrame(() => {\n        this._isOpen = this.open;\n      });\n    }\n  };\n\n  async updated(changedProperties) {\n    if (changedProperties.has('width')) {\n      this._checkUpdateActionSizes();\n    }\n\n    if (\n      process.env.NODE_ENV === 'development' &&\n      (changedProperties.has('width') ||\n        changedProperties.has('_hasHeaderNavigation') ||\n        changedProperties.has('_hasInfluencerLeft') ||\n        changedProperties.has('_hasInfluencerRight') ||\n        changedProperties.has('_hasHeaderActions'))\n    ) {\n      if (this.width === 'narrow') {\n        if (this._hasHeaderNavigation) {\n          console.error(\n            `Header navigation is not permitted in narrow Tearsheet.`\n          );\n        }\n        if (this._hasInfluencerLeft || this._hasInfluencerRight) {\n          console.error(`Influencer is not permitted in narrow Tearsheet.`);\n        }\n        if (this._hasHeaderActions) {\n          console.error(\n            `Header actions are not permitted in narrow Tearsheet.`\n          );\n        }\n      }\n    }\n\n    if (changedProperties.has('open')) {\n      this._updateStack();\n\n      this._checkSetOpen();\n      if (this.open) {\n        this._launcher = this.ownerDocument!.activeElement;\n        const focusNode =\n          this.selectorInitialFocus &&\n          this.querySelector(this.selectorInitialFocus);\n\n        await (this.constructor as typeof CDSTearsheet)._delay();\n        if (focusNode) {\n          // For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,\n          // where its first update/render cycle that makes it focusable happens after `<cds-tearsheet>`'s first update/render cycle\n          (focusNode as HTMLElement).focus();\n        } else if (\n          !tryFocusElems(\n            this.querySelectorAll(\n              (this.constructor as typeof CDSTearsheet).selectorTabbable\n            ),\n            true\n          )\n        ) {\n          this.focus();\n        }\n      } else if (\n        this._launcher &&\n        typeof (this._launcher as HTMLElement).focus === 'function'\n      ) {\n        (this._launcher as HTMLElement).focus();\n        this._launcher = null;\n      }\n    }\n  }\n\n  /**\n   * @param ms The number of milliseconds.\n   * @returns A promise that is resolves after the given milliseconds.\n   */\n  private static _delay(ms = 0) {\n    return new Promise((resolve) => {\n      setTimeout(resolve, ms);\n    });\n  }\n\n  /**\n   * A selector selecting buttons that should close this modal.\n   */\n  static get selectorCloseButton() {\n    return `[data-modal-close],${prefix}-modal-close-button`;\n  }\n\n  /**\n   * A selector selecting tabbable nodes.\n   */\n  static get selectorTabbable() {\n    return selectorTabbable;\n  }\n\n  /**\n   * The name of the custom event fired before this tearsheet is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tearsheet.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-tearsheet-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tearsheet is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-tearsheet-closed`;\n  }\n\n  /**\n   * The name of the custom event fired on clicking the navigate back button\n   */\n  static get eventNavigateBack() {\n    return `${prefix}-tearsheet-header-navigate-back`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTearsheet;\n"],"mappings":"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","ignoreList":[]}

package/es/components/text-input/text-input-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-skeleton.js","names":["LitElement","html","property","carbonElement","customElement","prefix","styles","CDSTextInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","render","hideLabel","_t","_","_t2","static"],"sources":["components/text-input/text-input-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\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 } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './text-input.scss';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-text-input-skeleton`)\nclass CDSTextInputSkeleton extends LitElement {\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--text-input ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTextInputSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,oBAAoB,GAAAC,SAAA,EADzBJ,aAAa,CAAC,GAAGC,MAAM,sBAAsB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA/C,MACMH,oBAAoB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiB9C;EAAC;IAAAI,CAAA,EAjBKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIvBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,QADe;AACf,oBADe;AACf,KADe,GACP,CAACF,SAAS,IACZvB,IAAI,CAAA0B,GAAA,KAAAA,GAAA,GAAAD,CAAA,uDAAiBrB,MAAM,EAAWA,MAAM,CAAsB,EACpDA,MAAM,EAAgBA,MAAM;MAE9C;IAAC;MAAAU,IAAA;MAAAa,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBWN,UAAU;AAmB7C,eAAeO,oBAAoB","ignoreList":[]}
+{"version":3,"file":"text-input-skeleton.js","names":["LitElement","html","property","carbonElement","customElement","prefix","styles","CDSTextInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","render","hideLabel","_t","_","_t2","static"],"sources":["components/text-input/text-input-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\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 } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './text-input.scss';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-text-input-skeleton`)\nclass CDSTextInputSkeleton extends LitElement {\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--text-input ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTextInputSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,oBAAoB,GAAAC,SAAA,EADzBJ,aAAa,CAAC,GAAGC,MAAM,sBAAsB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA/C,MACMH,oBAAoB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiB9C;EAAC;IAAAI,CAAA,EAjBKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIvBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,MAAMA,CAAA,EAAG;QACP,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,QADe;AACf,oBADe;AACf,KADe,GACP,CAACF,SAAS,IACZvB,IAAI,CAAA0B,GAAA,KAAAA,GAAA,GAAAD,CAAA,uDAAiBrB,MAAM,EAAWA,MAAM,CAAsB,EACpDA,MAAM,EAAgBA,MAAM;MAE9C;IAAC;MAAAU,IAAA;MAAAa,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBWN,UAAU;AAmB7C,eAAeO,oBAAoB","ignoreList":[]}

package/es/components/text-input/text-input.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{--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{--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}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{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);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{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)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;display:flex;align-items:center;justify-content:center;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)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:.875rem;inline-size:4.6875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{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);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-secondary,#525252);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input{--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)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);border:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input *,.cds--text-input ::after,.cds--text-input ::before{box-sizing:inherit}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{position:relative;display:flex;inline-size:100%}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{display:inline-block}}.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y::after,.cds--text-input--password__visibility.cds--tooltip--a11y::before{transition:none}.cds--text-input--password__visibility::before{border-style:solid;block-size:0;content:\"\";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{border:1px solid transparent}}.cds--text-input--password__visibility::after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y::after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible::after,.cds--text-input--password__visibility.cds--tooltip--visible::before,.cds--text-input--password__visibility:focus::after,.cds--text-input--password__visibility:focus::before,.cds--text-input--password__visibility:hover::after,.cds--text-input--password__visibility:hover::before{opacity:1}@keyframes cds--tooltip-fade{from{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{overflow:visible;margin:auto;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y::before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y::before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{overflow:hidden;margin:-1px;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text::after{position:absolute;display:block;content:\"\";block-size:.75rem;inline-size:100%;inset-inline-start:0;inset-block-start:-.75rem}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility::before{border-width:0 .25rem .3125rem .25rem;border-color:transparent transparent var(--cds-background-inverse,#393939) transparent;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{outline:2px solid transparent;outline-offset:-2px;position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:0 0;block-size:100%;cursor:pointer;inline-size:2.5rem;inset-inline-end:0;min-block-size:auto;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:ButtonText}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input__counter-alert{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;-webkit-text-fill-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px;box-shadow:none}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:0}.cds--skeleton.cds--text-input::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--skeleton.cds--text-input::before{animation:none}}.cds--form--fluid .cds--text-input-wrapper{position:relative;background:var(--cds-field);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inset-block-start:.8125rem;inset-inline-start:1rem}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{padding:2rem 1rem .8125rem;min-block-size:4rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{display:block;border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:0}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:0}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:0 0;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,rgba(255,255,255,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--warning:has(~.cds--slug){padding-inline-end:4rem}.cds--text-input--invalid~.cds--slug,.cds--text-input--warning~.cds--slug{inset-inline-end:2.5rem}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:ButtonText}}.cds--text-input__label-wrapper{display:flex;justify-content:space-between;inline-size:100%}.cds--text-input__label-wrapper .cds--text-input__label-counter{align-self:end}:host(cds-text-input){--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;inline-size:100%;outline:0}:host(cds-text-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:1rem}:host(cds-text-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-text-input[show-password-visibility-toggle]) .cds--text-input{padding-inline-end:2.5rem}:host(cds-text-input[show-password-visibility-toggle])[size=sm] .cds--text-input__invalid-icon{inset-inline-end:2rem}:host(cds-text-input[show-password-visibility-toggle])[size=md] .cds--text-input__invalid-icon{inset-inline-end:2rem}:host(cds-text-input[show-password-visibility-toggle])[size=lg] .cds--text-input__invalid-icon{inset-inline-end:2rem}:host(cds-text-input[invalid]) .cds--text-input__field-wrapper--slug .cds--text-input,:host(cds-text-input[warn]) .cds--text-input__field-wrapper--slug .cds--text-input{padding-inline-end:4rem}:host(cds-text-input[invalid]) ::slotted(cds-slug),:host(cds-text-input[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}",
+  "@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{--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{--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}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{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);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{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)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;display:flex;align-items:center;justify-content:center;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)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:.875rem;inline-size:4.6875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{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);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-secondary,#525252);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input{--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)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);border:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input *,.cds--text-input ::after,.cds--text-input ::before{box-sizing:inherit}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{position:relative;display:flex;inline-size:100%}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{display:inline-block}}.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y::after,.cds--text-input--password__visibility.cds--tooltip--a11y::before{transition:none}.cds--text-input--password__visibility::before{border-style:solid;block-size:0;content:\"\";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{border:1px solid transparent}}.cds--text-input--password__visibility::after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y::after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible::after,.cds--text-input--password__visibility.cds--tooltip--visible::before,.cds--text-input--password__visibility:focus::after,.cds--text-input--password__visibility:focus::before,.cds--text-input--password__visibility:hover::after,.cds--text-input--password__visibility:hover::before{opacity:1}@keyframes cds--tooltip-fade{from{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{overflow:visible;margin:auto;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y::before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y::before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{overflow:hidden;margin:-1px;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text::after{position:absolute;display:block;content:\"\";block-size:.75rem;inline-size:100%;inset-inline-start:0;inset-block-start:-.75rem}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility::before{border-width:0 .25rem .3125rem .25rem;border-color:transparent transparent var(--cds-background-inverse,#393939) transparent;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{outline:2px solid transparent;outline-offset:-2px;position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:0 0;block-size:100%;cursor:pointer;inline-size:2.5rem;inset-inline-end:0;min-block-size:auto;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:ButtonText}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input__counter-alert{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;-webkit-text-fill-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px;box-shadow:none}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:0}.cds--skeleton.cds--text-input::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--skeleton.cds--text-input::before{animation:none}}.cds--form--fluid .cds--text-input-wrapper{position:relative;background:var(--cds-field);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inset-block-start:.8125rem;inset-inline-start:1rem}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{padding:2rem 1rem .8125rem;min-block-size:4rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{display:block;border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:0}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:0}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:0 0;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,rgba(255,255,255,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--warning:has(~.cds--slug){padding-inline-end:4rem}.cds--text-input--invalid~.cds--slug,.cds--text-input--warning~.cds--slug{inset-inline-end:2.5rem}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:ButtonText}}.cds--text-input__label-wrapper{display:flex;justify-content:space-between;inline-size:100%}.cds--text-input__label-wrapper .cds--text-input__label-counter{align-self:end}:host(cds-text-input){--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;inline-size:100%;outline:0}:host(cds-text-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:1rem}:host(cds-text-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-text-input[show-password-visibility-toggle]) .cds--text-input{padding-inline-end:2.5rem}:host(cds-text-input[show-password-visibility-toggle])[size=sm] .cds--text-input__invalid-icon{inset-inline-end:2rem}:host(cds-text-input[show-password-visibility-toggle])[size=md] .cds--text-input__invalid-icon{inset-inline-end:2rem}:host(cds-text-input[show-password-visibility-toggle])[size=lg] .cds--text-input__invalid-icon{inset-inline-end:2rem}:host(cds-text-input[invalid]) .cds--text-input__field-wrapper--slug .cds--text-input,:host(cds-text-input[warn]) .cds--text-input__field-wrapper--slug .cds--text-input{padding-inline-end:4rem}:host(cds-text-input[invalid]) ::slotted(cds-slug),:host(cds-text-input[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}",
 ]);

package/es/components/text-input/text-input.js

@@ -459,7 +459,7 @@ let CDSTextInput = _decorate([customElement(`${prefix}-text-input`)], function (
       /**
        * The value of the input.
        */
-      function value() {
+      function () {
         // FIXME: Figure out how to deal with TS2611
         // once we have the input we can directly query for the value
         if (this._input) {
@@ -471,15 +471,15 @@ let CDSTextInput = _decorate([customElement(`${prefix}-text-input`)], function (
     }, {
       kind: "set",
       key: "value",
-      value: function value(_value) {
+      value: function (value) {
         const oldValue = this._value;
-        this._value = _value;
+        this._value = value;
         // make sure that lit-element updates the right properties
         this.requestUpdate('value', oldValue);
         // we set the value directly on the input (when available)
         // so that programatic manipulation updates the UI correctly
         if (this._input) {
-          this._input.value = _value;
+          this._input.value = value;
         }
       }
 
@@ -678,7 +678,7 @@ let CDSTextInput = _decorate([customElement(`${prefix}-text-input`)], function (
       kind: "get",
       static: true,
       key: "slugItem",
-      value: function slugItem() {
+      value: function () {
         return `${prefix}-slug`;
       }
     }, {