@carbon/web-components 2.57.0 → 2.58.0

package/es/components/password-input/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","names":["CDSTextInput","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/password-input/password-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport View16 from '@carbon/icons/es/view/16.js';\nimport ViewOff16 from '@carbon/icons/es/view--off/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport '../tooltip';\nimport '../tooltip/tooltip-content';\nimport styles from './password-input.scss?lit';\nimport CDSTextInput from '../text-input/text-input';\nimport CDSTooltip from '../tooltip/tooltip';\n\nimport {\n  INPUT_COLOR_SCHEME,\n  INPUT_SIZE,\n  INPUT_TOOLTIP_ALIGNMENT,\n  INPUT_TOOLTIP_DIRECTION,\n  INPUT_TYPE,\n} from './defs';\n\nexport {\n  INPUT_COLOR_SCHEME,\n  INPUT_SIZE,\n  INPUT_TOOLTIP_ALIGNMENT,\n  INPUT_TOOLTIP_DIRECTION,\n  INPUT_TYPE,\n};\n/**\n * Password Input element. Supports all the usual attributes for textual input types\n *\n * @element cds-password-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-password-input`)\nclass CDSPasswordInput extends CDSTextInput {\n  /**\n   * The Show/Hide Password tooltip\n   */\n  @query(`${prefix}-tooltip`)\n  private _passwordTooltip?: HTMLElement;\n\n  /**\n   * Handles `oninput` event on the `input`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\n  }\n\n  /**\n   * \"Hide password\" tooltip text on password visibility toggle\n   */\n  @property({\n    type: String,\n    attribute: 'hide-password-label',\n    reflect: true,\n  })\n  hidePasswordLabel = 'Hide password';\n\n  /**\n   * \"Show password\" tooltip text on password visibility toggle\n   */\n  @property({\n    type: String,\n    attribute: 'show-password-label',\n    reflect: true,\n  })\n  showPasswordLabel = 'Show password';\n\n  /**\n   * The native `<input>` type. Defaults to “password”.\n   */\n  @property({ reflect: true })\n  type: INPUT_TYPE = INPUT_TYPE.PASSWORD;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property({\n    type: String,\n    attribute: 'tooltip-alignment',\n    reflect: true,\n  })\n  tooltipAlignment = INPUT_TOOLTIP_ALIGNMENT.END;\n\n  /**\n   * Set to true to use the fluid version.\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property({\n    type: String,\n    attribute: 'tooltip-position',\n    reflect: true,\n  })\n  tooltipDirection = INPUT_TOOLTIP_DIRECTION.BOTTOM;\n\n  /**\n   * Handles password visibility toggle button click\n   */\n  private handleTogglePasswordVisibility() {\n    if (this.disabled) return;\n    this.type =\n      this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      hideLabel,\n      inline,\n      invalid,\n      invalidText,\n      label,\n      readonly,\n      required,\n      isFluid,\n      size,\n      type,\n      warn,\n      warnText,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--text-input__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--text-input__invalid-icon ${prefix}--text-input__invalid-icon--warning`,\n    });\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n    } = {\n      disabled: !readonly && disabled,\n      invalid: !readonly && invalid,\n      warn: !readonly && !invalid && warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = warnText;\n    }\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--form-item`]: true,\n      [`${prefix}--text-input-wrapper`]: true,\n      [`${prefix}--password-input-wrapper`]: true,\n      [`${prefix}--text-input-wrapper--inline`]: inline,\n      [`${prefix}--text-input-wrapper--readonly`]: readonly,\n      [`${prefix}--text-input-wrapper--inline--invalid`]:\n        inline && normalizedProps.invalid,\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--invalid`]: normalizedProps.invalid,\n      [`${prefix}--text-input--warning`]: normalizedProps.warn,\n      [`${prefix}--text-input--${size}`]: size !== undefined, // TODO v12 - remove this class\n      [`${prefix}--password-input`]: true,\n    });\n\n    const fieldOuterWrapperClasses = classMap({\n      [`${prefix}--text-input__field-outer-wrapper`]: true,\n      [`${prefix}--text-input__field-outer-wrapper--inline`]: inline,\n    });\n\n    const fieldWrapperClasses = classMap({\n      [`${prefix}--text-input__field-wrapper`]: true,\n      [`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--layout--size-${size}`]: size !== undefined,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--label--inline`]: inline,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n      [`${prefix}--form__helper-text--inline`]: inline,\n    });\n\n    const passwordIsVisible = type !== INPUT_TYPE.PASSWORD;\n    const passwordVisibilityIcon = passwordIsVisible\n      ? iconLoader(ViewOff16, { class: `${prefix}--icon-visibility-off` })\n      : iconLoader(View16, { class: `${prefix}--icon-visibility-on` });\n\n    const passwordVisibilityTooltipClasses = classMap({\n      [`${prefix}--toggle-password-tooltip`]: true,\n      [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n      [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n        this.tooltipAlignment,\n    });\n\n    const passwordVisibilityButtonClasses = classMap({\n      [`${prefix}--text-input--password__visibility__toggle`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--btn--disabled`]: normalizedProps.disabled || readonly,\n    });\n\n    const labelWrapper = html`<div class=\"${prefix}--text-input__label-wrapper\">\n      <label class=\"${labelClasses}\"> ${label} </label>\n    </div>`;\n\n    const helper = helperText\n      ? html`<div\n          class=\"${helperTextClasses}\"\n          id=\"helper-text\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${helperText} </slot>\n        </div>`\n      : null;\n\n    const validationMessage =\n      normalizedProps.invalid || normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--form-requirement\"\n            ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n            <slot name=\"${normalizedProps['slot-name']}\">\n              ${normalizedProps['slot-text']}\n            </slot>\n          </div>`\n        : null;\n\n    let align = '';\n\n    if (\n      this.tooltipDirection === INPUT_TOOLTIP_DIRECTION.TOP ||\n      this.tooltipDirection === INPUT_TOOLTIP_DIRECTION.BOTTOM\n    ) {\n      if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.CENTER) {\n        align = this.tooltipDirection;\n      }\n      if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.END) {\n        align = `${this.tooltipDirection}-right`;\n      }\n      if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.START) {\n        align = `${this.tooltipDirection}-left`;\n      }\n    }\n\n    if (this.tooltipDirection === 'right' || this.tooltipDirection === 'left') {\n      align = this.tooltipDirection;\n    }\n\n    return html`\n      <div class=\"${inputWrapperClasses}\">\n        ${!inline\n          ? labelWrapper\n          : html`<div class=\"${prefix}--text-input__label-helper-wrapper\">\n              ${labelWrapper}\n            </div>`}\n        <div class=\"${fieldOuterWrapperClasses}\">\n          <div class=\"${fieldWrapperClasses}\" ?data-invalid=\"${invalid}\">\n            ${normalizedProps.icon}\n            <input\n              ?autofocus=\"${this.autofocus}\"\n              class=\"${inputClasses}\"\n              ?data-invalid=\"${invalid}\"\n              ?disabled=\"${disabled}\"\n              aria-describedby=\"helper-text\"\n              id=\"input\"\n              name=\"${ifNonEmpty(this.name)}\"\n              pattern=\"${ifNonEmpty(this.pattern)}\"\n              placeholder=\"${ifNonEmpty(this.placeholder)}\"\n              ?readonly=\"${readonly}\"\n              ?required=\"${required}\"\n              type=\"${ifNonEmpty(type)}\"\n              .value=\"${this._value}\"\n              @input=\"${handleInput}\" />\n            <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n            <cds-tooltip\n              align=\"${align}\"\n              class=\"${passwordVisibilityTooltipClasses}\"\n              .dropShadow=\"${false}\"\n              ?disabled=\"${normalizedProps.disabled}\">\n              <button\n                ?disabled=\"${normalizedProps.disabled}\"\n                type=\"button\"\n                role=\"button\"\n                class=\"${passwordVisibilityButtonClasses}\"\n                aria-labelledby=\"content\"\n                @click=\"${this.handleTogglePasswordVisibility}\">\n                ${passwordVisibilityIcon}\n              </button>\n              <cds-tooltip-content\n                id=\"content\"\n                ?toggle-password-tooltip-content=\"${!isFluid}\"\n                ?hidden=\"${normalizedProps.disabled}\">\n                ${passwordIsVisible\n                  ? this.hidePasswordLabel\n                  : this.showPasswordLabel}\n              </cds-tooltip-content>\n            </cds-tooltip>\n            ${isFluid\n              ? html`<hr class=\"${prefix}--text-input__divider\" />`\n              : null}\n            ${isFluid && !inline ? validationMessage : null}\n          </div>\n          ${/* Non-fluid: validation and helper outside field wrapper */ ''}\n          ${!isFluid && !inline ? validationMessage || helper : null}\n        </div>\n        ${inline && !isFluid\n          ? html`<div class=\"${prefix}--text-input__label-helper-wrapper\">\n              ${!isFluid ? validationMessage || helper : null}\n            </div>`\n          : null}\n      </div>\n    `;\n  }\n\n  async firstUpdated() {\n    await (this._passwordTooltip as CDSTooltip)?.updateComplete;\n    this._passwordTooltip?.shadowRoot\n      ?.querySelector(`.${prefix}--tooltip`)\n      ?.classList.add(`${prefix}--icon-tooltip`);\n  }\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSPasswordInput;\n"],"mappings":"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"}
+{"version":3,"file":"password-input.js","names":["CDSTextInput","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/password-input/password-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport View16 from '@carbon/icons/es/view/16.js';\nimport ViewOff16 from '@carbon/icons/es/view--off/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport '../tooltip';\nimport '../tooltip/tooltip-content';\nimport styles from './password-input.scss?lit';\nimport CDSTextInput from '../text-input/text-input';\nimport CDSTooltip from '../tooltip/tooltip';\n\nimport {\n  INPUT_COLOR_SCHEME,\n  INPUT_SIZE,\n  INPUT_TOOLTIP_ALIGNMENT,\n  INPUT_TOOLTIP_DIRECTION,\n  INPUT_TYPE,\n} from './defs';\n\nexport {\n  INPUT_COLOR_SCHEME,\n  INPUT_SIZE,\n  INPUT_TOOLTIP_ALIGNMENT,\n  INPUT_TOOLTIP_DIRECTION,\n  INPUT_TYPE,\n};\n/**\n * Password Input element. Supports all the usual attributes for textual input types\n *\n * @element cds-password-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-password-input`)\nclass CDSPasswordInput extends CDSTextInput {\n  /**\n   * The Show/Hide Password tooltip\n   */\n  @query(`${prefix}-tooltip`)\n  private _passwordTooltip?: HTMLElement;\n\n  /**\n   * Handles `oninput` event on the `input`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\n  }\n\n  /**\n   * \"Hide password\" tooltip text on password visibility toggle\n   */\n  @property({\n    type: String,\n    attribute: 'hide-password-label',\n    reflect: true,\n  })\n  hidePasswordLabel = 'Hide password';\n\n  /**\n   * \"Show password\" tooltip text on password visibility toggle\n   */\n  @property({\n    type: String,\n    attribute: 'show-password-label',\n    reflect: true,\n  })\n  showPasswordLabel = 'Show password';\n\n  /**\n   * The native `<input>` type. Defaults to “password”.\n   */\n  @property({ reflect: true })\n  type: INPUT_TYPE = INPUT_TYPE.PASSWORD;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property({\n    type: String,\n    attribute: 'tooltip-alignment',\n    reflect: true,\n  })\n  tooltipAlignment = INPUT_TOOLTIP_ALIGNMENT.END;\n\n  /**\n   * Set to true to use the fluid version.\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property({\n    type: String,\n    attribute: 'tooltip-position',\n    reflect: true,\n  })\n  tooltipDirection = INPUT_TOOLTIP_DIRECTION.BOTTOM;\n\n  /**\n   * Handles password visibility toggle button click\n   */\n  private handleTogglePasswordVisibility() {\n    if (this.disabled) return;\n    this.type =\n      this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      hideLabel,\n      inline,\n      invalid,\n      invalidText,\n      label,\n      readonly,\n      required,\n      isFluid,\n      size,\n      type,\n      warn,\n      warnText,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--text-input__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--text-input__invalid-icon ${prefix}--text-input__invalid-icon--warning`,\n    });\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n    } = {\n      disabled: !readonly && disabled,\n      invalid: !readonly && invalid,\n      warn: !readonly && !invalid && warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = warnText;\n    }\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--form-item`]: true,\n      [`${prefix}--text-input-wrapper`]: true,\n      [`${prefix}--password-input-wrapper`]: true,\n      [`${prefix}--text-input-wrapper--inline`]: inline,\n      [`${prefix}--text-input-wrapper--readonly`]: readonly,\n      [`${prefix}--text-input-wrapper--inline--invalid`]:\n        inline && normalizedProps.invalid,\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--invalid`]: normalizedProps.invalid,\n      [`${prefix}--text-input--warning`]: normalizedProps.warn,\n      [`${prefix}--text-input--${size}`]: size !== undefined, // TODO v12 - remove this class\n      [`${prefix}--password-input`]: true,\n    });\n\n    const fieldOuterWrapperClasses = classMap({\n      [`${prefix}--text-input__field-outer-wrapper`]: true,\n      [`${prefix}--text-input__field-outer-wrapper--inline`]: inline,\n    });\n\n    const fieldWrapperClasses = classMap({\n      [`${prefix}--text-input__field-wrapper`]: true,\n      [`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--layout--size-${size}`]: size !== undefined,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--label--inline`]: inline,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n      [`${prefix}--form__helper-text--inline`]: inline,\n    });\n\n    const passwordIsVisible = type !== INPUT_TYPE.PASSWORD;\n    const passwordVisibilityIcon = passwordIsVisible\n      ? iconLoader(ViewOff16, { class: `${prefix}--icon-visibility-off` })\n      : iconLoader(View16, { class: `${prefix}--icon-visibility-on` });\n\n    const passwordVisibilityTooltipClasses = classMap({\n      [`${prefix}--toggle-password-tooltip`]: true,\n      [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n      [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n        this.tooltipAlignment,\n    });\n\n    const passwordVisibilityButtonClasses = classMap({\n      [`${prefix}--text-input--password__visibility__toggle`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--btn--disabled`]: normalizedProps.disabled || readonly,\n    });\n\n    const labelWrapper = html`<div class=\"${prefix}--text-input__label-wrapper\">\n      <label class=\"${labelClasses}\"> ${label} </label>\n    </div>`;\n\n    const helper = helperText\n      ? html`<div\n          class=\"${helperTextClasses}\"\n          id=\"helper-text\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${helperText} </slot>\n        </div>`\n      : null;\n\n    const validationMessage =\n      normalizedProps.invalid || normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--form-requirement\"\n            ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n            <slot name=\"${normalizedProps['slot-name']}\">\n              ${normalizedProps['slot-text']}\n            </slot>\n          </div>`\n        : null;\n\n    let align = '';\n\n    if (\n      this.tooltipDirection === INPUT_TOOLTIP_DIRECTION.TOP ||\n      this.tooltipDirection === INPUT_TOOLTIP_DIRECTION.BOTTOM\n    ) {\n      if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.CENTER) {\n        align = this.tooltipDirection;\n      }\n      if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.END) {\n        align = `${this.tooltipDirection}-right`;\n      }\n      if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.START) {\n        align = `${this.tooltipDirection}-left`;\n      }\n    }\n\n    if (this.tooltipDirection === 'right' || this.tooltipDirection === 'left') {\n      align = this.tooltipDirection;\n    }\n\n    return html`\n      <div class=\"${inputWrapperClasses}\">\n        ${!inline\n          ? labelWrapper\n          : html`<div class=\"${prefix}--text-input__label-helper-wrapper\">\n              ${labelWrapper}\n            </div>`}\n        <div class=\"${fieldOuterWrapperClasses}\">\n          <div class=\"${fieldWrapperClasses}\" ?data-invalid=\"${invalid}\">\n            ${normalizedProps.icon}\n            <input\n              ?autofocus=\"${this.autofocus}\"\n              class=\"${inputClasses}\"\n              ?data-invalid=\"${invalid}\"\n              ?disabled=\"${disabled}\"\n              aria-describedby=\"helper-text\"\n              id=\"input\"\n              name=\"${ifNonEmpty(this.name)}\"\n              pattern=\"${ifNonEmpty(this.pattern)}\"\n              placeholder=\"${ifNonEmpty(this.placeholder)}\"\n              ?readonly=\"${readonly}\"\n              ?required=\"${required}\"\n              type=\"${ifNonEmpty(type)}\"\n              .value=\"${this._value}\"\n              @input=\"${handleInput}\" />\n            <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n            <cds-tooltip\n              align=\"${align}\"\n              class=\"${passwordVisibilityTooltipClasses}\"\n              .dropShadow=\"${false}\"\n              ?disabled=\"${normalizedProps.disabled}\">\n              <button\n                ?disabled=\"${normalizedProps.disabled}\"\n                type=\"button\"\n                role=\"button\"\n                class=\"${passwordVisibilityButtonClasses}\"\n                aria-labelledby=\"content\"\n                @click=\"${this.handleTogglePasswordVisibility}\">\n                ${passwordVisibilityIcon}\n              </button>\n              <cds-tooltip-content\n                id=\"content\"\n                ?toggle-password-tooltip-content=\"${!isFluid}\"\n                ?hidden=\"${normalizedProps.disabled}\">\n                ${passwordIsVisible\n                  ? this.hidePasswordLabel\n                  : this.showPasswordLabel}\n              </cds-tooltip-content>\n            </cds-tooltip>\n            ${isFluid\n              ? html`<hr class=\"${prefix}--text-input__divider\" />`\n              : null}\n            ${isFluid && !inline ? validationMessage : null}\n          </div>\n          ${/* Non-fluid: validation and helper outside field wrapper */ ''}\n          ${!isFluid && !inline ? validationMessage || helper : null}\n        </div>\n        ${inline && !isFluid\n          ? html`<div class=\"${prefix}--text-input__label-helper-wrapper\">\n              ${!isFluid ? validationMessage || helper : null}\n            </div>`\n          : null}\n      </div>\n    `;\n  }\n\n  async firstUpdated() {\n    await (this._passwordTooltip as CDSTooltip)?.updateComplete;\n    this._passwordTooltip?.shadowRoot\n      ?.querySelector(`.${prefix}--tooltip`)\n      ?.classList.add(`${prefix}--icon-tooltip`);\n  }\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSPasswordInput;\n"],"mappings":"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"}

package/es/components/popover/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/popover/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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/**\n * The alignment choices of popover.\n */\nexport enum POPOVER_ALIGNMENT {\n  /**\n   * Align the top position for the popover content.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position for the popover content.\n   *\n   * @deprecated\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position for the popover content.\n   *\n   * @deprecated\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the top-start position for the popover content.\n   */\n  TOP_START = 'top-start',\n\n  /**\n   * Align the top end position for the popover content.\n   */\n  TOP_END = 'top-end',\n\n  /**\n   * Align the bottom position for the popover content.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position for the popover content.\n   *\n   * @deprecated\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position for the popover content.\n   *\n   * @deprecated\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the bottom start position for the popover content.\n   */\n  BOTTOM_START = 'bottom-start',\n\n  /**\n   * Align the bottom end position for the popover content.\n   */\n  BOTTOM_END = 'bottom-end',\n\n  /**\n   * Align the left position for the popover content.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the left bottom position for the popover content.\n   *\n   * @deprecated\n   */\n  LEFT_BOTTOM = 'left-bottom',\n\n  /**\n   * Align the left top position for the popover content.\n   *\n   * @deprecated\n   */\n  LEFT_TOP = 'left-top',\n\n  /**\n   * Align the left start position for the popover content.\n   */\n  LEFT_START = 'left-start',\n\n  /**\n   * Align the left end position for the popover content.\n   */\n  LEFT_END = 'left-end',\n\n  /**\n   * Align the right position for the popover content.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Align the right bottom position for the popover content.\n   *\n   * @deprecated\n   */\n  RIGHT_BOTTOM = 'right-bottom',\n\n  /**\n   * Align the right top position for the popover content.\n   *\n   * @deprecated\n   */\n  RIGHT_TOP = 'right-top',\n\n  /**\n   * Align the right start position for the popover content.\n   */\n  RIGHT_START = 'right-start',\n\n  /**\n   * Align the right end position for the popover content.\n   */\n  RIGHT_END = 'right-end',\n}\n\n/**\n * The background token options for popover.\n */\nexport enum POPOVER_BACKGROUND_TOKEN {\n  /**\n   * Use the layer token for the background.\n   */\n  LAYER = 'layer',\n\n  /**\n   * Use the background token for the background.\n   */\n  BACKGROUND = 'background',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAY,oBAAL,yBAAA,mBAAA;;;;AAIL,mBAAA,SAAA;;;;;;AAOA,mBAAA,cAAA;;;;;;AAOA,mBAAA,eAAA;;;;AAKA,mBAAA,eAAA;;;;AAKA,mBAAA,aAAA;;;;AAKA,mBAAA,YAAA;;;;;;AAOA,mBAAA,iBAAA;;;;;;AAOA,mBAAA,kBAAA;;;;AAKA,mBAAA,kBAAA;;;;AAKA,mBAAA,gBAAA;;;;AAKA,mBAAA,UAAA;;;;;;AAOA,mBAAA,iBAAA;;;;;;AAOA,mBAAA,cAAA;;;;AAKA,mBAAA,gBAAA;;;;AAKA,mBAAA,cAAA;;;;AAKA,mBAAA,WAAA;;;;;;AAOA,mBAAA,kBAAA;;;;;;AAOA,mBAAA,eAAA;;;;AAKA,mBAAA,iBAAA;;;;AAKA,mBAAA,eAAA;;KACD;;;;AAKD,IAAY,2BAAL,yBAAA,0BAAA;;;;AAIL,0BAAA,WAAA;;;;AAKA,0BAAA,gBAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/popover/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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/**\n * The alignment choices of popover.\n */\nexport enum POPOVER_ALIGNMENT {\n  /**\n   * Align the top position for the popover content.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position for the popover content.\n   *\n   * @deprecated\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position for the popover content.\n   *\n   * @deprecated\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the top-start position for the popover content.\n   */\n  TOP_START = 'top-start',\n\n  /**\n   * Align the top end position for the popover content.\n   */\n  TOP_END = 'top-end',\n\n  /**\n   * Align the bottom position for the popover content.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position for the popover content.\n   *\n   * @deprecated\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position for the popover content.\n   *\n   * @deprecated\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the bottom start position for the popover content.\n   */\n  BOTTOM_START = 'bottom-start',\n\n  /**\n   * Align the bottom end position for the popover content.\n   */\n  BOTTOM_END = 'bottom-end',\n\n  /**\n   * Align the left position for the popover content.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the left bottom position for the popover content.\n   *\n   * @deprecated\n   */\n  LEFT_BOTTOM = 'left-bottom',\n\n  /**\n   * Align the left top position for the popover content.\n   *\n   * @deprecated\n   */\n  LEFT_TOP = 'left-top',\n\n  /**\n   * Align the left start position for the popover content.\n   */\n  LEFT_START = 'left-start',\n\n  /**\n   * Align the left end position for the popover content.\n   */\n  LEFT_END = 'left-end',\n\n  /**\n   * Align the right position for the popover content.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Align the right bottom position for the popover content.\n   *\n   * @deprecated\n   */\n  RIGHT_BOTTOM = 'right-bottom',\n\n  /**\n   * Align the right top position for the popover content.\n   *\n   * @deprecated\n   */\n  RIGHT_TOP = 'right-top',\n\n  /**\n   * Align the right start position for the popover content.\n   */\n  RIGHT_START = 'right-start',\n\n  /**\n   * Align the right end position for the popover content.\n   */\n  RIGHT_END = 'right-end',\n}\n\n/**\n * The background token options for popover.\n */\nexport enum POPOVER_BACKGROUND_TOKEN {\n  /**\n   * Use the layer token for the background.\n   */\n  LAYER = 'layer',\n\n  /**\n   * Use the background token for the background.\n   */\n  BACKGROUND = 'background',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAY,oBAAL,yBAAA,mBAAA;;;;CAIL,kBAAA,SAAA;;;;;;CAOA,kBAAA,cAAA;;;;;;CAOA,kBAAA,eAAA;;;;CAKA,kBAAA,eAAA;;;;CAKA,kBAAA,aAAA;;;;CAKA,kBAAA,YAAA;;;;;;CAOA,kBAAA,iBAAA;;;;;;CAOA,kBAAA,kBAAA;;;;CAKA,kBAAA,kBAAA;;;;CAKA,kBAAA,gBAAA;;;;CAKA,kBAAA,UAAA;;;;;;CAOA,kBAAA,iBAAA;;;;;;CAOA,kBAAA,cAAA;;;;CAKA,kBAAA,gBAAA;;;;CAKA,kBAAA,cAAA;;;;CAKA,kBAAA,WAAA;;;;;;CAOA,kBAAA,kBAAA;;;;;;CAOA,kBAAA,eAAA;;;;CAKA,kBAAA,iBAAA;;;;CAKA,kBAAA,eAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,2BAAL,yBAAA,0BAAA;;;;CAIL,yBAAA,WAAA;;;;CAKA,yBAAA,gBAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/popover/popover-content.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import "./defs.js";
 import popover_default from "./popover.scss.js";
 import { LitElement, html } from "lit";

package/es/components/popover/popover-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-content.js","names":["styles","customElement"],"sources":["../../../src/components/popover/popover-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 './popover.scss?lit';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\n\n/**\n * Popover.\n *\n * @element cds-popover-content\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n  /**\n   * Specify the popover alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether a border should be rendered on the popover\n   */\n  @property({ type: Boolean, reflect: true })\n  border = false;\n\n  /**\n   * Render the component using the high-contrast variant\n   */\n  @property({ type: Boolean, reflect: true })\n  highContrast = false;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ reflect: true, type: String })\n  backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * The shadow slot this popover content should be in.\n   */\n  @property({ reflect: true })\n  slot = 'content';\n\n  render() {\n    return html`\n      <span class=\"${prefix}--popover\">\n        <span class=\"${prefix}--popover-content\" part=\"content\" tabindex=\"-1\">\n          <slot> </slot>\n          ${this.autoalign\n            ? html`<span\n                class=\"${prefix}--popover-caret ${prefix}--popover--auto-align\"></span>`\n            : null}\n        </span>\n        ${!this.autoalign\n          ? html`<span class=\"${prefix}--popover-caret\"></span>`\n          : null}\n      </span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPopoverContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;eAKjC;mBAMI;oBAYC;gBAMJ;sBAMM;cAMR;gBAME;;cAYF;;CAEP,SAAS;AACP,SAAO,IAAI;2BACa;6BACE;;YAElB,KAAK,YACH,IAAI;+BACc,kBAAA,MAAyB,kCAC3C,KAAK;;UAET,CAAC,KAAK,YACJ,IAAI,gBAAA,MAAuB,4BAC3B,KAAK;;;;;gBAKCA;;;YA1Ef,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,kBAAA,WAAA,SAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,SAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,cAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,gBAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,kBAAA,WAAA,mBAAA,KAAA,EAAA;YAMzC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;gCA3D7BC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAkF3C,IAAA,0BAAe"}
+{"version":3,"file":"popover-content.js","names":["styles","customElement"],"sources":["../../../src/components/popover/popover-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 './popover.scss?lit';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\n\n/**\n * Popover.\n *\n * @element cds-popover-content\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n  /**\n   * Specify the popover alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether a border should be rendered on the popover\n   */\n  @property({ type: Boolean, reflect: true })\n  border = false;\n\n  /**\n   * Render the component using the high-contrast variant\n   */\n  @property({ type: Boolean, reflect: true })\n  highContrast = false;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ reflect: true, type: String })\n  backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * The shadow slot this popover content should be in.\n   */\n  @property({ reflect: true })\n  slot = 'content';\n\n  render() {\n    return html`\n      <span class=\"${prefix}--popover\">\n        <span class=\"${prefix}--popover-content\" part=\"content\" tabindex=\"-1\">\n          <slot> </slot>\n          ${this.autoalign\n            ? html`<span\n                class=\"${prefix}--popover-caret ${prefix}--popover--auto-align\"></span>`\n            : null}\n        </span>\n        ${!this.autoalign\n          ? html`<span class=\"${prefix}--popover-caret\"></span>`\n          : null}\n      </span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPopoverContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;eAKjC;mBAMI;oBAYC;gBAMJ;sBAMM;cAMR;gBAME;;cAYF;;CAEP,SAAS;EACP,OAAO,IAAI;2BACa;6BACE;;YAElB,KAAK,YACH,IAAI;+BACc,kBAAA,MAAyB,kCAC3C,KAAK;;UAET,CAAC,KAAK,YACJ,IAAI,gBAAA,MAAuB,4BAC3B,KAAK;;;CAGf;;gBAEgBA;;AAClB;YA3EG,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,cAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,UAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,gBAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,UAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,mBAAA,KAAA,CAAA;YAMxC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;gCA3D5BC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAkF1C,IAAA,0BAAe"}

package/es/components/popover/popover.d.ts

@@ -102,12 +102,17 @@ declare class CDSPopover extends CDSPopover_base {
     disconnectedCallback(): void;
     /**
      * This function resolves the string passed in for `autoAlignBoundary` to either:
+     * The viewport (default)
      * "clippingAncestors"
      * An element (found via #id)
      * An array of elements (found via #id1, #id2, #id3, separated by ",")
      * A rect, input format should be 'rect(x,y,width,height)'
      */
     private _resolveAutoAlignBoundary;
+    /**
+     * Gets the viewport rectangle for use as the default autoalign boundary.
+     */
+    private _getViewportRect;
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
     /**

package/es/components/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;uBAE9B,CAAC;;;;;AAErB;;;;;;GAMG;AACH,cACM,UAAW,SAAQ,eAA6B;IACpD;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAkC;IAE3D;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAmB;IAE3C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAmB;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAS;IAE/B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,UAAQ;IAEb;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,eAAe,2BAAkC;IAEjD;;;;OAIG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAoB7C,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,eAAe;IAyCvB,OAAO,CAAC,mBAAmB;;IAwD3B,iBAAiB;IAKjB,oBAAoB;IAIpB;;;;;;OAMG;IACH,OAAO,CAAC,yBAAyB;IA6CjC,OAAO,CAAC,iBAAiB,KAAA;IAuDzB,MAAM;IAmDN;;;OAGG;IACH,MAAM,KAAK,2BAA2B,WAErC;IAED;;;OAGG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;uBAE9B,CAAC;;;;;AAErB;;;;;;GAMG;AACH,cACM,UAAW,SAAQ,eAA6B;IACpD;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAkC;IAE3D;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAmB;IAE3C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAmB;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAS;IAE/B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,UAAQ;IAEb;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,eAAe,2BAAkC;IAEjD;;;;OAIG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAoB7C,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,eAAe;IAyCvB,OAAO,CAAC,mBAAmB;;IAwD3B,iBAAiB;IAKjB,oBAAoB;IAIpB;;;;;;;OAOG;IACH,OAAO,CAAC,yBAAyB;IA+CjC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,iBAAiB,KAAA;IAuDzB,MAAM;IAmDN;;;OAGG;IACH,MAAM,KAAK,2BAA2B,WAErC;IAED;;;OAGG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,UAAU,CAAC"}

package/es/components/popover/popover.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import "./defs.js";
@@ -114,6 +114,7 @@ let CDSPopover = class CDSPopover extends HostListenerMixin(LitElement) {
 	}
 	/**
 	* This function resolves the string passed in for `autoAlignBoundary` to either:
+	* The viewport (default)
 	* "clippingAncestors"
 	* An element (found via #id)
 	* An array of elements (found via #id1, #id2, #id3, separated by ",")
@@ -121,7 +122,7 @@ let CDSPopover = class CDSPopover extends HostListenerMixin(LitElement) {
 	*/
 	_resolveAutoAlignBoundary() {
 		const raw = (this.autoAlignBoundary ?? "").trim();
-		if (!raw) return "clippingAncestors";
+		if (!raw) return this._getViewportRect();
 		if (raw === "clippingAncestors") return "clippingAncestors";
 		const rectMatch = /^rect\(\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*\)$/i.exec(raw);
 		if (rectMatch) {
@@ -147,6 +148,26 @@ let CDSPopover = class CDSPopover extends HostListenerMixin(LitElement) {
 		}
 		return "clippingAncestors";
 	}
+	/**
+	* Gets the viewport rectangle for use as the default autoalign boundary.
+	*/
+	_getViewportRect() {
+		if (window.visualViewport) {
+			const viewport = window.visualViewport;
+			return {
+				x: viewport.offsetLeft,
+				y: viewport.offsetTop,
+				width: viewport.width,
+				height: viewport.height
+			};
+		}
+		return {
+			x: 0,
+			y: 0,
+			width: window.innerWidth,
+			height: window.innerHeight
+		};
+	}
 	updated(changedProperties) {
 		const { selectorPopoverContent } = this.constructor;
 		[

package/es/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/popover/popover.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport CDSPopoverContent from './popover-content';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\nimport type { Boundary, Rect } from '@floating-ui/dom';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Popover.\n *\n * @element cds-popover\n * @fires cds-popover-beingclosed before the popover closes via focusout/outsideclick.\n * @fires cds-popover-closed when the popover closes via focusout/outsideclick\n */\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends HostListenerMixin(LitElement) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot')\n  private _triggerSlotNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot[name=\"content\"]')\n  private _contentSlotNode!: HTMLSlotElement;\n\n  /**\n   * Tracks Tab key press to check relatedTarget on focusout event\n   */\n  private _tabKeyPressed = false;\n\n  /**\n   * Specify direction of alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, reflect: true, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset?: number;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret = true;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether a border should be rendered on the popover\n   */\n  @property({ type: Boolean, reflect: true })\n  border = false;\n\n  /**\n   * Render the component using the high-contrast variant\n   */\n  @property({ type: Boolean, reflect: true })\n  highContrast = false;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ reflect: true, type: String })\n  backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify a bounding element to be used for autoAlign calculations. The viewport is used by default.\n   * Takes one of the following: 'clippingAncestors', '#elementid', '#elementid_1, #elementid_2', 'rect(x, y, width, height)'\n   * This prop is currently experimental and is subject to future changes.\n   */\n  @property({ type: String, reflect: true, attribute: 'autoalign-boundary' })\n  autoAlignBoundary?: string;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    if (this.tabTip) {\n      const component = (target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).tagName === 'BUTTON'\n        );\n\n      (component[0] as HTMLElement)?.classList.add(\n        `${prefix}--popover--tab-tip__button`\n      );\n    }\n    this.requestUpdate();\n  }\n\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      return;\n    }\n    if (event.key === 'Tab') {\n      this._tabKeyPressed = true;\n    } else {\n      this._tabKeyPressed = false;\n    }\n  }\n\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleFocusOut(event: FocusEvent) {\n    // Only handle focusout if Tab key was pressed\n    if (!this._tabKeyPressed || !this.open) {\n      return;\n    }\n\n    if (\n      this.contains(event.relatedTarget as Node) ||\n      deepShadowContains(this, event.relatedTarget)\n    ) {\n      this._tabKeyPressed = false;\n      return;\n    }\n\n    // focus moved outside the popover, close it\n    this._tabKeyPressed = false;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSPopover).eventBeforeClose,\n          {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n              triggeredBy: event.target,\n            },\n          }\n        )\n      )\n    ) {\n      this.open = false;\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSPopover).eventOnClose, {\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  private _handleOutsideClick(event: Event) {\n    const path = event.composedPath();\n\n    if (path.includes(this._triggerSlotNode.assignedElements()[0])) return;\n\n    const popoverContent = this.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContent\n    )?.shadowRoot?.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContentClass\n    ) as HTMLElement;\n\n    if (path.includes(popoverContent)) return;\n\n    const target = event.target as Node | null;\n    const composedTarget = event.composedPath?.()[0] as Node | null;\n\n    if (\n      this.open &&\n      target &&\n      !this.contains(target) &&\n      !this.contains(composedTarget)\n    ) {\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventBeforeClose,\n            {\n              bubbles: true,\n              cancelable: true,\n              composed: true,\n              detail: {\n                triggeredBy: event.target,\n              },\n            }\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventOnClose,\n            {\n              bubbles: true,\n              composed: true,\n            }\n          )\n        );\n      }\n    }\n  }\n\n  constructor() {\n    super();\n    this._handleOutsideClick = this._handleOutsideClick.bind(this);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this._handleOutsideClick);\n  }\n\n  /**\n   * This function resolves the string passed in for `autoAlignBoundary` to either:\n   * \"clippingAncestors\"\n   * An element (found via #id)\n   * An array of elements (found via #id1, #id2, #id3, separated by \",\")\n   * A rect, input format should be 'rect(x,y,width,height)'\n   */\n  private _resolveAutoAlignBoundary(): Boundary {\n    const raw = (this.autoAlignBoundary ?? '').trim();\n\n    // Default to 'clippingAncestors'\n    if (!raw) return 'clippingAncestors';\n    if (raw === 'clippingAncestors') return 'clippingAncestors';\n\n    // regex match for: rect(x,y,width,height)\n    const rectMatch =\n      /^rect\\(\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*\\)$/i.exec(\n        raw\n      );\n    if (rectMatch) {\n      const [, x, y, w, h] = rectMatch;\n      const rect: Rect = { x: +x, y: +y, width: +w, height: +h };\n      return rect;\n    }\n\n    // Get element(s)\n    const ids = raw\n      .split(',')\n      .map((s) => s.trim())\n      .filter((s) => s.length > 1 && s.startsWith('#'))\n      .map((s) => s.slice(1).trim())\n      .filter(Boolean);\n\n    if (ids.length > 0) {\n      const elements: Element[] = [];\n      const inputted_ids = new Set<string>();\n\n      for (const id of ids) {\n        if (inputted_ids.has(id)) continue;\n        inputted_ids.add(id);\n\n        const el = document.getElementById(id);\n\n        if (el) elements.push(el);\n      }\n      return elements.length === 1 ? elements[0] : elements;\n    }\n\n    // default fallback\n    return 'clippingAncestors';\n  }\n\n  updated(changedProperties) {\n    const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n    [\n      'open',\n      'align',\n      'autoalign',\n      'caret',\n      'dropShadow',\n      'border',\n      'tabTip',\n      'highContrast',\n      'backgroundToken',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSPopover]: value } = this;\n        if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n          (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n            name\n          ] = value;\n        }\n      }\n    });\n\n    if (this.autoalign && this.open) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this._triggerSlotNode.assignedElements()[0];\n      const content = this._contentSlotNode.assignedElements()[0];\n\n      const tooltip = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverContentClass\n      );\n      const arrowElement = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverCaret\n      );\n\n      if (button && tooltip) {\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement:\n            this.caret && arrowElement\n              ? (arrowElement as HTMLElement)\n              : undefined,\n          caret: this.caret,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.align,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n          autoAlignBoundary: this._resolveAutoAlignBoundary(),\n          isTabTip: this.tabTip,\n        });\n      }\n    }\n  }\n\n  render() {\n    const {\n      dropShadow,\n      border,\n      highContrast,\n      open,\n      tabTip,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    if (tabTip) {\n      this.caret = !tabTip;\n    }\n\n    if (!this.autoalign) {\n      this.align = this.align ? this.align : tabTip ? 'bottom-start' : 'bottom';\n    }\n\n    if (tabTip) {\n      const tabTipAlignments = [\n        'bottom-start',\n        'bottom-end',\n        'bottom-left', // remove in v12\n        'bottom-right', // remove in v12\n      ];\n\n      if (!tabTipAlignments.includes(this.align)) {\n        this.align = 'bottom-start';\n      }\n    }\n\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: this.caret,\n      [`${prefix}--popover--drop-shadow`]: dropShadow,\n      [`${prefix}--popover--border`]: border,\n      [`${prefix}--popover--high-contrast`]: highContrast,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${this.align}`]: true,\n      [`${prefix}--popover--tab-tip`]: tabTip,\n      [`${prefix}--popover--background-token__background`]:\n        this.backgroundToken === POPOVER_BACKGROUND_TOKEN.BACKGROUND &&\n        !highContrast,\n    });\n    return html`\n      <span class=\"${classes}\" part=\"popover-container\">\n        <slot @slotchange=\"${handleSlotChange}\"></slot>\n        <slot name=\"content\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * A selector that will return popover content element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverContentClass() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return popover caret element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the CDSPopoverContent.\n   */\n  static get selectorPopoverContent() {\n    return `${prefix}-popover-content`;\n  }\n\n  /**\n   * The name of the custom event fired before the popover closes via focusout/outsideclick.\n   * This event is cancellable.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-popover-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired when the popover closes via focusout/outsideclick\n   */\n  static get eventOnClose() {\n    return `${prefix}-popover-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPopover;\n"],"mappings":"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"}
+{"version":3,"file":"popover.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/popover/popover.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport CDSPopoverContent from './popover-content';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\nimport type { Boundary, Rect } from '@floating-ui/dom';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Popover.\n *\n * @element cds-popover\n * @fires cds-popover-beingclosed before the popover closes via focusout/outsideclick.\n * @fires cds-popover-closed when the popover closes via focusout/outsideclick\n */\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends HostListenerMixin(LitElement) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot')\n  private _triggerSlotNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot[name=\"content\"]')\n  private _contentSlotNode!: HTMLSlotElement;\n\n  /**\n   * Tracks Tab key press to check relatedTarget on focusout event\n   */\n  private _tabKeyPressed = false;\n\n  /**\n   * Specify direction of alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, reflect: true, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset?: number;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret = true;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether a border should be rendered on the popover\n   */\n  @property({ type: Boolean, reflect: true })\n  border = false;\n\n  /**\n   * Render the component using the high-contrast variant\n   */\n  @property({ type: Boolean, reflect: true })\n  highContrast = false;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ reflect: true, type: String })\n  backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify a bounding element to be used for autoAlign calculations. The viewport is used by default.\n   * Takes one of the following: 'clippingAncestors', '#elementid', '#elementid_1, #elementid_2', 'rect(x, y, width, height)'\n   * This prop is currently experimental and is subject to future changes.\n   */\n  @property({ type: String, reflect: true, attribute: 'autoalign-boundary' })\n  autoAlignBoundary?: string;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    if (this.tabTip) {\n      const component = (target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).tagName === 'BUTTON'\n        );\n\n      (component[0] as HTMLElement)?.classList.add(\n        `${prefix}--popover--tab-tip__button`\n      );\n    }\n    this.requestUpdate();\n  }\n\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      return;\n    }\n    if (event.key === 'Tab') {\n      this._tabKeyPressed = true;\n    } else {\n      this._tabKeyPressed = false;\n    }\n  }\n\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleFocusOut(event: FocusEvent) {\n    // Only handle focusout if Tab key was pressed\n    if (!this._tabKeyPressed || !this.open) {\n      return;\n    }\n\n    if (\n      this.contains(event.relatedTarget as Node) ||\n      deepShadowContains(this, event.relatedTarget)\n    ) {\n      this._tabKeyPressed = false;\n      return;\n    }\n\n    // focus moved outside the popover, close it\n    this._tabKeyPressed = false;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSPopover).eventBeforeClose,\n          {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n              triggeredBy: event.target,\n            },\n          }\n        )\n      )\n    ) {\n      this.open = false;\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSPopover).eventOnClose, {\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  private _handleOutsideClick(event: Event) {\n    const path = event.composedPath();\n\n    if (path.includes(this._triggerSlotNode.assignedElements()[0])) return;\n\n    const popoverContent = this.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContent\n    )?.shadowRoot?.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContentClass\n    ) as HTMLElement;\n\n    if (path.includes(popoverContent)) return;\n\n    const target = event.target as Node | null;\n    const composedTarget = event.composedPath?.()[0] as Node | null;\n\n    if (\n      this.open &&\n      target &&\n      !this.contains(target) &&\n      !this.contains(composedTarget)\n    ) {\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventBeforeClose,\n            {\n              bubbles: true,\n              cancelable: true,\n              composed: true,\n              detail: {\n                triggeredBy: event.target,\n              },\n            }\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventOnClose,\n            {\n              bubbles: true,\n              composed: true,\n            }\n          )\n        );\n      }\n    }\n  }\n\n  constructor() {\n    super();\n    this._handleOutsideClick = this._handleOutsideClick.bind(this);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this._handleOutsideClick);\n  }\n\n  /**\n   * This function resolves the string passed in for `autoAlignBoundary` to either:\n   * The viewport (default)\n   * \"clippingAncestors\"\n   * An element (found via #id)\n   * An array of elements (found via #id1, #id2, #id3, separated by \",\")\n   * A rect, input format should be 'rect(x,y,width,height)'\n   */\n  private _resolveAutoAlignBoundary(): Boundary {\n    const raw = (this.autoAlignBoundary ?? '').trim();\n\n    if (!raw) {\n      // Default to viewport\n      return this._getViewportRect();\n    }\n    if (raw === 'clippingAncestors') return 'clippingAncestors';\n\n    // regex match for: rect(x,y,width,height)\n    const rectMatch =\n      /^rect\\(\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*\\)$/i.exec(\n        raw\n      );\n    if (rectMatch) {\n      const [, x, y, w, h] = rectMatch;\n      const rect: Rect = { x: +x, y: +y, width: +w, height: +h };\n      return rect;\n    }\n\n    // Get element(s)\n    const ids = raw\n      .split(',')\n      .map((s) => s.trim())\n      .filter((s) => s.length > 1 && s.startsWith('#'))\n      .map((s) => s.slice(1).trim())\n      .filter(Boolean);\n\n    if (ids.length > 0) {\n      const elements: Element[] = [];\n      const inputted_ids = new Set<string>();\n\n      for (const id of ids) {\n        if (inputted_ids.has(id)) continue;\n        inputted_ids.add(id);\n\n        const el = document.getElementById(id);\n\n        if (el) elements.push(el);\n      }\n      return elements.length === 1 ? elements[0] : elements;\n    }\n\n    // default fallback\n    return 'clippingAncestors';\n  }\n\n  /**\n   * Gets the viewport rectangle for use as the default autoalign boundary.\n   */\n  private _getViewportRect(): Rect {\n    // Use the Visual Viewport API when available for accurate viewport dimensions\n    if (window.visualViewport) {\n      const viewport = window.visualViewport;\n      return {\n        x: viewport.offsetLeft,\n        y: viewport.offsetTop,\n        width: viewport.width,\n        height: viewport.height,\n      };\n    }\n\n    // Fallback for browsers not suporting Visual Viewport API\n    return {\n      x: 0,\n      y: 0,\n      width: window.innerWidth,\n      height: window.innerHeight,\n    };\n  }\n\n  updated(changedProperties) {\n    const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n    [\n      'open',\n      'align',\n      'autoalign',\n      'caret',\n      'dropShadow',\n      'border',\n      'tabTip',\n      'highContrast',\n      'backgroundToken',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSPopover]: value } = this;\n        if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n          (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n            name\n          ] = value;\n        }\n      }\n    });\n\n    if (this.autoalign && this.open) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this._triggerSlotNode.assignedElements()[0];\n      const content = this._contentSlotNode.assignedElements()[0];\n\n      const tooltip = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverContentClass\n      );\n      const arrowElement = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverCaret\n      );\n\n      if (button && tooltip) {\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement:\n            this.caret && arrowElement\n              ? (arrowElement as HTMLElement)\n              : undefined,\n          caret: this.caret,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.align,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n          autoAlignBoundary: this._resolveAutoAlignBoundary(),\n          isTabTip: this.tabTip,\n        });\n      }\n    }\n  }\n\n  render() {\n    const {\n      dropShadow,\n      border,\n      highContrast,\n      open,\n      tabTip,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    if (tabTip) {\n      this.caret = !tabTip;\n    }\n\n    if (!this.autoalign) {\n      this.align = this.align ? this.align : tabTip ? 'bottom-start' : 'bottom';\n    }\n\n    if (tabTip) {\n      const tabTipAlignments = [\n        'bottom-start',\n        'bottom-end',\n        'bottom-left', // remove in v12\n        'bottom-right', // remove in v12\n      ];\n\n      if (!tabTipAlignments.includes(this.align)) {\n        this.align = 'bottom-start';\n      }\n    }\n\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: this.caret,\n      [`${prefix}--popover--drop-shadow`]: dropShadow,\n      [`${prefix}--popover--border`]: border,\n      [`${prefix}--popover--high-contrast`]: highContrast,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${this.align}`]: true,\n      [`${prefix}--popover--tab-tip`]: tabTip,\n      [`${prefix}--popover--background-token__background`]:\n        this.backgroundToken === POPOVER_BACKGROUND_TOKEN.BACKGROUND &&\n        !highContrast,\n    });\n    return html`\n      <span class=\"${classes}\" part=\"popover-container\">\n        <slot @slotchange=\"${handleSlotChange}\"></slot>\n        <slot name=\"content\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * A selector that will return popover content element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverContentClass() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return popover caret element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the CDSPopoverContent.\n   */\n  static get selectorPopoverContent() {\n    return `${prefix}-popover-content`;\n  }\n\n  /**\n   * The name of the custom event fired before the popover closes via focusout/outsideclick.\n   * This event is cancellable.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-popover-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired when the popover closes via focusout/outsideclick\n   */\n  static get eventOnClose() {\n    return `${prefix}-popover-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPopover;\n"],"mappings":"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"}