@carbon/web-components 2.52.0 → 2.53.0-rc.0

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

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import "../tooltip/tooltip-content.js";
 import "../tooltip/index.js";
@@ -23,7 +23,6 @@ import WarningFilled16 from "@carbon/icons/es/warning--filled/16.js";
 import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
 import View16 from "@carbon/icons/es/view/16.js";
 import ViewOff16 from "@carbon/icons/es/view--off/16.js";
-
 //#region src/components/password-input/password-input.ts
 /**
 * Copyright IBM Corp. 2025
@@ -44,10 +43,10 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
 		super(..._args);
 		this.hidePasswordLabel = "Hide password";
 		this.showPasswordLabel = "Show password";
-		this.type = INPUT_TYPE.PASSWORD;
-		this.tooltipAlignment = INPUT_TOOLTIP_ALIGNMENT.CENTER;
+		this.type = "password";
+		this.tooltipAlignment = "center";
 		this.isFluid = false;
-		this.tooltipDirection = INPUT_TOOLTIP_DIRECTION.BOTTOM;
+		this.tooltipDirection = "bottom";
 	}
 	/**
 	* Handles `oninput` event on the `input`.
@@ -63,12 +62,12 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
 	*/
 	handleTogglePasswordVisibility() {
 		if (this.disabled) return;
-		this.type = this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;
+		this.type = this.type === "password" ? "text" : "password";
 	}
 	render() {
 		const { disabled, helperText, hideLabel, inline, invalid, invalidText, label, readonly, required, isFluid, size, type, warn, warnText, _handleInput: handleInput, _handleSlotChange: handleSlotChange } = this;
-		const invalidIcon = iconLoader(WarningFilled16, { class: `${prefix}--text-input__invalid-icon` });
-		const warnIcon = iconLoader(WarningAltFilled16, { class: `${prefix}--text-input__invalid-icon ${prefix}--text-input__invalid-icon--warning` });
+		const invalidIcon = iconLoader(WarningFilled16, { class: `cds-custom--text-input__invalid-icon` });
+		const warnIcon = iconLoader(WarningAltFilled16, { class: `cds-custom--text-input__invalid-icon cds-custom--text-input__invalid-icon--warning` });
 		const normalizedProps = {
 			disabled: !readonly && disabled,
 			invalid: !readonly && invalid,
@@ -87,59 +86,59 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
 			normalizedProps["slot-text"] = warnText;
 		}
 		const inputWrapperClasses = classMap({
-			[`${prefix}--form-item`]: true,
-			[`${prefix}--text-input-wrapper`]: true,
-			[`${prefix}--password-input-wrapper`]: true,
-			[`${prefix}--text-input-wrapper--inline`]: inline,
-			[`${prefix}--text-input-wrapper--readonly`]: readonly,
-			[`${prefix}--text-input-wrapper--inline--invalid`]: inline && normalizedProps.invalid
+			[`cds-custom--form-item`]: true,
+			[`cds-custom--text-input-wrapper`]: true,
+			[`cds-custom--password-input-wrapper`]: true,
+			[`cds-custom--text-input-wrapper--inline`]: inline,
+			[`cds-custom--text-input-wrapper--readonly`]: readonly,
+			[`cds-custom--text-input-wrapper--inline--invalid`]: inline && normalizedProps.invalid
 		});
 		const inputClasses = classMap({
-			[`${prefix}--text-input`]: true,
-			[`${prefix}--text-input--invalid`]: normalizedProps.invalid,
-			[`${prefix}--text-input--warning`]: normalizedProps.warn,
-			[`${prefix}--text-input--${size}`]: size,
-			[`${prefix}--layout--size-${size}`]: size,
-			[`${prefix}--password-input`]: true
+			[`cds-custom--text-input`]: true,
+			[`cds-custom--text-input--invalid`]: normalizedProps.invalid,
+			[`cds-custom--text-input--warning`]: normalizedProps.warn,
+			[`cds-custom--text-input--${size}`]: size,
+			[`cds-custom--layout--size-${size}`]: size,
+			[`cds-custom--password-input`]: true
 		});
 		const fieldOuterWrapperClasses = classMap({
-			[`${prefix}--text-input__field-outer-wrapper`]: true,
-			[`${prefix}--text-input__field-outer-wrapper--inline`]: inline
+			[`cds-custom--text-input__field-outer-wrapper`]: true,
+			[`cds-custom--text-input__field-outer-wrapper--inline`]: inline
 		});
 		const fieldWrapperClasses = classMap({
-			[`${prefix}--text-input__field-wrapper`]: true,
-			[`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn
+			[`cds-custom--text-input__field-wrapper`]: true,
+			[`cds-custom--text-input__field-wrapper--warning`]: normalizedProps.warn
 		});
 		const labelClasses = classMap({
-			[`${prefix}--label`]: true,
-			[`${prefix}--visually-hidden`]: hideLabel,
-			[`${prefix}--label--disabled`]: normalizedProps.disabled
+			[`cds-custom--label`]: true,
+			[`cds-custom--visually-hidden`]: hideLabel,
+			[`cds-custom--label--disabled`]: normalizedProps.disabled
 		});
 		const helperTextClasses = classMap({
-			[`${prefix}--form__helper-text`]: true,
-			[`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled
+			[`cds-custom--form__helper-text`]: true,
+			[`cds-custom--form__helper-text--disabled`]: normalizedProps.disabled
 		});
-		const passwordIsVisible = type !== INPUT_TYPE.PASSWORD;
-		const passwordVisibilityIcon = passwordIsVisible ? iconLoader(ViewOff16, { class: `${prefix}--icon-visibility-off` }) : iconLoader(View16, { class: `${prefix}--icon-visibility-on` });
+		const passwordIsVisible = type !== "password";
+		const passwordVisibilityIcon = passwordIsVisible ? iconLoader(ViewOff16, { class: `cds-custom--icon-visibility-off` }) : iconLoader(View16, { class: `cds-custom--icon-visibility-on` });
 		const passwordVisibilityTooltipClasses = classMap({
-			[`${prefix}--text-input--password__visibility__toggle`]: true,
-			[`${prefix}--btn`]: true,
-			[`${prefix}--tooltip__trigger`]: true,
-			[`${prefix}--tooltip--a11y`]: true,
-			[`${prefix}--toggle-password-tooltip`]: true,
-			[`${prefix}--btn--disabled`]: normalizedProps.disabled || readonly,
-			[`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,
-			[`${prefix}--tooltip--align-${this.tooltipAlignment}`]: this.tooltipAlignment
+			[`cds-custom--text-input--password__visibility__toggle`]: true,
+			[`cds-custom--btn`]: true,
+			[`cds-custom--tooltip__trigger`]: true,
+			[`cds-custom--tooltip--a11y`]: true,
+			[`cds-custom--toggle-password-tooltip`]: true,
+			[`cds-custom--btn--disabled`]: normalizedProps.disabled || readonly,
+			[`cds-custom--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,
+			[`cds-custom--tooltip--align-${this.tooltipAlignment}`]: this.tooltipAlignment
 		});
 		const passwordVisibilityButtonClasses = classMap({
-			[`${prefix}--text-input--password__visibility__toggle`]: true,
-			[`${prefix}--btn--icon-only`]: true,
-			[`${prefix}--tooltip__trigger`]: true,
-			[`${prefix}--tooltip--a11y`]: true,
-			[`${prefix}--toggle-password-tooltip`]: true,
-			[`${prefix}--btn--disabled`]: normalizedProps.disabled || readonly
+			[`cds-custom--text-input--password__visibility__toggle`]: true,
+			[`cds-custom--btn--icon-only`]: true,
+			[`cds-custom--tooltip__trigger`]: true,
+			[`cds-custom--tooltip--a11y`]: true,
+			[`cds-custom--toggle-password-tooltip`]: true,
+			[`cds-custom--btn--disabled`]: normalizedProps.disabled || readonly
 		});
-		const labelWrapper = html`<div class="${prefix}--text-input__label-wrapper">
+		const labelWrapper = html`<div class="${"cds-custom"}--text-input__label-wrapper">
       <label class="${labelClasses}"> ${label} </label>
     </div>`;
 		const helper = helperText ? html`<div
@@ -149,22 +148,22 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
           <slot name="helper-text"> ${helperText} </slot>
         </div>` : null;
 		const validationMessage = normalizedProps.invalid || normalizedProps.warn ? html`<div
-            class="${prefix}--form-requirement"
+            class="${"cds-custom"}--form-requirement"
             ?hidden="${!normalizedProps.invalid && !normalizedProps.warn}">
             <slot name="${normalizedProps["slot-name"]}">
               ${normalizedProps["slot-text"]}
             </slot>
           </div>` : null;
 		let align = "";
-		if (this.tooltipDirection === INPUT_TOOLTIP_DIRECTION.TOP || this.tooltipDirection === INPUT_TOOLTIP_DIRECTION.BOTTOM) {
-			if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.CENTER) align = this.tooltipDirection;
-			if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.END) align = `${this.tooltipDirection}-right`;
-			if (this.tooltipAlignment === INPUT_TOOLTIP_ALIGNMENT.START) align = `${this.tooltipDirection}-left`;
+		if (this.tooltipDirection === "top" || this.tooltipDirection === "bottom") {
+			if (this.tooltipAlignment === "center") align = this.tooltipDirection;
+			if (this.tooltipAlignment === "end") align = `${this.tooltipDirection}-right`;
+			if (this.tooltipAlignment === "start") align = `${this.tooltipDirection}-left`;
 		}
 		if (this.tooltipDirection === "right" || this.tooltipDirection === "left") align = this.tooltipDirection;
 		return html`
       <div class="${inputWrapperClasses}">
-        ${!inline ? labelWrapper : html`<div class="${prefix}--text-input__label-helper-wrapper">
+        ${!inline ? labelWrapper : html`<div class="${"cds-custom"}--text-input__label-helper-wrapper">
               ${labelWrapper} ${helper}
             </div>`}
         <div class="${fieldOuterWrapperClasses}">
@@ -206,7 +205,7 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
                 ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}
               </cds-custom-tooltip-content>
             </cds-custom-tooltip>
-            ${isFluid ? html`<hr class="${prefix}--text-input__divider" />` : null}
+            ${isFluid ? html`<hr class="${"cds-custom"}--text-input__divider" />` : null}
             ${isFluid && !inline ? validationMessage : null}
           </div>
           ${""}
@@ -217,7 +216,7 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
 	}
 	async firstUpdated() {
 		await this._passwordTooltip?.updateComplete;
-		this._passwordTooltip?.shadowRoot?.querySelector(`.${prefix}--tooltip`)?.classList.add(`${prefix}--icon-tooltip`);
+		this._passwordTooltip?.shadowRoot?.querySelector(`.cds-custom--tooltip`)?.classList.add(`cds-custom--icon-tooltip`);
 	}
 	/**
 	* A selector that will return the slug item.
@@ -225,7 +224,7 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-custom-slug`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -237,7 +236,7 @@ let CDSPasswordInput = class CDSPasswordInput extends text_input_default {
 		this.styles = password_input_default$1;
 	}
 };
-__decorate([query(`${prefix}-tooltip`)], CDSPasswordInput.prototype, "_passwordTooltip", void 0);
+__decorate([query(`cds-custom-tooltip`)], CDSPasswordInput.prototype, "_passwordTooltip", void 0);
 __decorate([property({
 	type: String,
 	attribute: "hide-password-label",
@@ -260,9 +259,9 @@ __decorate([property({
 	attribute: "tooltip-position",
 	reflect: true
 })], CDSPasswordInput.prototype, "tooltipDirection", void 0);
-CDSPasswordInput = __decorate([carbonElement(`${prefix}-password-input`)], CDSPasswordInput);
+CDSPasswordInput = __decorate([carbonElement(`cds-custom-password-input`)], CDSPasswordInput);
 var password_input_default = CDSPasswordInput;
-
 //#endregion
 export { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TOOLTIP_ALIGNMENT, INPUT_TOOLTIP_DIRECTION, INPUT_TYPE, password_input_default as default };
+
 //# sourceMappingURL=password-input.js.map

package/es-custom/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\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-custom-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.CENTER;\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,\n      [`${prefix}--layout--size-${size}`]: size,\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    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\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}--text-input--password__visibility__toggle`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--toggle-password-tooltip`]: true,\n      [`${prefix}--btn--disabled`]: normalizedProps.disabled || readonly,\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--icon-only`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--toggle-password-tooltip`]: 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} ${helper}\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-custom-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-custom-tooltip-content\n                id=\"content\"\n                ?hidden=\"${normalizedProps.disabled}\">\n                ${passwordIsVisible\n                  ? this.hidePasswordLabel\n                  : this.showPasswordLabel}\n              </cds-custom-tooltip-content>\n            </cds-custom-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      </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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,6BACM,yBAAyBA,mBAAa;;;2BAyBtB;2BAUA;cAMD,WAAW;0BAWX,wBAAwB;iBAMjC;0BAWS,wBAAwB;;;;;;;;CAxD3C,AAAU,aAAa,EAAE,UAAiB;AACxC,OAAK,QAAS,OAA4B;;;;;CA4D5C,AAAQ,iCAAiC;AACvC,MAAI,KAAK,SAAU;AACnB,OAAK,OACH,KAAK,SAAS,WAAW,WAAW,WAAW,OAAO,WAAW;;CAGrE,SAAS;EACP,MAAM,EACJ,UACA,YACA,WACA,QACA,SACA,aACA,OACA,UACA,UACA,SACA,MACA,MACA,MACA,UACA,cAAc,aACd,mBAAmB,qBACjB;EAEJ,MAAM,cAAc,WAAW,iBAAiB,EAC9C,OAAO,GAAG,OAAO,6BAClB,CAAC;EAEF,MAAM,WAAW,WAAW,oBAAoB,EAC9C,OAAO,GAAG,OAAO,6BAA6B,OAAO,sCACtD,CAAC;EAEF,MAAM,kBAOF;GACF,UAAU,CAAC,YAAY;GACvB,SAAS,CAAC,YAAY;GACtB,MAAM,CAAC,YAAY,CAAC,WAAW;GAC/B,aAAa;GACb,aAAa;GACb,MAAM;GACP;AAED,MAAI,gBAAgB,SAAS;AAC3B,mBAAgB,OAAO;AACvB,mBAAgB,eAAe;AAC/B,mBAAgB,eAAe;aACtB,gBAAgB,MAAM;AAC/B,mBAAgB,OAAO;AACvB,mBAAgB,eAAe;AAC/B,mBAAgB,eAAe;;EAGjC,MAAM,sBAAsB,SAAS;IAClC,GAAG,OAAO,eAAe;IACzB,GAAG,OAAO,wBAAwB;IAClC,GAAG,OAAO,4BAA4B;IACtC,GAAG,OAAO,gCAAgC;IAC1C,GAAG,OAAO,kCAAkC;IAC5C,GAAG,OAAO,yCACT,UAAU,gBAAgB;GAC7B,CAAC;EAEF,MAAM,eAAe,SAAS;IAC3B,GAAG,OAAO,gBAAgB;IAC1B,GAAG,OAAO,yBAAyB,gBAAgB;IACnD,GAAG,OAAO,yBAAyB,gBAAgB;IACnD,GAAG,OAAO,gBAAgB,SAAS;IACnC,GAAG,OAAO,iBAAiB,SAAS;IACpC,GAAG,OAAO,oBAAoB;GAChC,CAAC;EAEF,MAAM,2BAA2B,SAAS;IACvC,GAAG,OAAO,qCAAqC;IAC/C,GAAG,OAAO,6CAA6C;GACzD,CAAC;EAEF,MAAM,sBAAsB,SAAS;IAClC,GAAG,OAAO,+BAA+B;IACzC,GAAG,OAAO,wCAAwC,gBAAgB;GACpE,CAAC;EAEF,MAAM,eAAe,SAAS;IAC3B,GAAG,OAAO,WAAW;IACrB,GAAG,OAAO,qBAAqB;IAC/B,GAAG,OAAO,qBAAqB,gBAAgB;GACjD,CAAC;EAEF,MAAM,oBAAoB,SAAS;IAChC,GAAG,OAAO,uBAAuB;IACjC,GAAG,OAAO,iCAAiC,gBAAgB;GAC7D,CAAC;EAEF,MAAM,oBAAoB,SAAS,WAAW;EAC9C,MAAM,yBAAyB,oBAC3B,WAAW,WAAW,EAAE,OAAO,GAAG,OAAO,wBAAwB,CAAC,GAClE,WAAW,QAAQ,EAAE,OAAO,GAAG,OAAO,uBAAuB,CAAC;EAElE,MAAM,mCAAmC,SAAS;IAC/C,GAAG,OAAO,8CAA8C;IACxD,GAAG,OAAO,SAAS;IACnB,GAAG,OAAO,sBAAsB;IAChC,GAAG,OAAO,mBAAmB;IAC7B,GAAG,OAAO,6BAA6B;IACvC,GAAG,OAAO,mBAAmB,gBAAgB,YAAY;IACzD,GAAG,OAAO,aAAa,KAAK,qBAAqB,KAAK;IACtD,GAAG,OAAO,mBAAmB,KAAK,qBACjC,KAAK;GACR,CAAC;EAEF,MAAM,kCAAkC,SAAS;IAC9C,GAAG,OAAO,8CAA8C;IACxD,GAAG,OAAO,oBAAoB;IAC9B,GAAG,OAAO,sBAAsB;IAChC,GAAG,OAAO,mBAAmB;IAC7B,GAAG,OAAO,6BAA6B;IACvC,GAAG,OAAO,mBAAmB,gBAAgB,YAAY;GAC3D,CAAC;EAEF,MAAM,eAAe,IAAI,eAAe,OAAO;sBAC7B,aAAa,KAAK,MAAM;;EAG1C,MAAM,SAAS,aACX,IAAI;mBACO,kBAAkB;;qBAEhB,gBAAgB,WAAW,gBAAgB,KAAK;sCAC/B,WAAW;kBAEzC;EAEJ,MAAM,oBACJ,gBAAgB,WAAW,gBAAgB,OACvC,IAAI;qBACO,OAAO;uBACL,CAAC,gBAAgB,WAAW,CAAC,gBAAgB,KAAK;0BAC/C,gBAAgB,aAAa;gBACvC,gBAAgB,aAAa;;oBAGnC;EAEN,IAAI,QAAQ;AAEZ,MACE,KAAK,qBAAqB,wBAAwB,OAClD,KAAK,qBAAqB,wBAAwB,QAClD;AACA,OAAI,KAAK,qBAAqB,wBAAwB,OACpD,SAAQ,KAAK;AAEf,OAAI,KAAK,qBAAqB,wBAAwB,IACpD,SAAQ,GAAG,KAAK,iBAAiB;AAEnC,OAAI,KAAK,qBAAqB,wBAAwB,MACpD,SAAQ,GAAG,KAAK,iBAAiB;;AAIrC,MAAI,KAAK,qBAAqB,WAAW,KAAK,qBAAqB,OACjE,SAAQ,KAAK;AAGf,SAAO,IAAI;oBACK,oBAAoB;UAC9B,CAAC,SACC,eACA,IAAI,eAAe,OAAO;gBACtB,aAAa,GAAG,OAAO;oBACnB;sBACE,yBAAyB;wBACvB,oBAAoB,mBAAmB,QAAQ;cACzD,gBAAgB,KAAK;;4BAEP,KAAK,UAAU;uBACpB,aAAa;+BACL,QAAQ;2BACZ,SAAS;;;sBAGdC,qBAAW,KAAK,KAAK,CAAC;yBACnBA,qBAAW,KAAK,QAAQ,CAAC;6BACrBA,qBAAW,KAAK,YAAY,CAAC;2BAC/B,SAAS;2BACT,SAAS;sBACdA,qBAAW,KAAK,CAAC;wBACf,KAAK,OAAO;wBACZ,YAAY;6CACS,iBAAiB;;uBAEvC,MAAM;uBACN,iCAAiC;6BAC3B,MAAM;2BACR,gBAAgB,SAAS;;6BAEvB,gBAAgB,SAAS;;;yBAG7B,gCAAgC;;0BAE/B,KAAK,+BAA+B;kBAC5C,uBAAuB;;;;2BAId,gBAAgB,SAAS;kBAClC,oBACE,KAAK,oBACL,KAAK,kBAAkB;;;cAG7B,UACE,IAAI,cAAc,OAAO,6BACzB,KAAK;cACP,WAAW,CAAC,SAAS,oBAAoB,KAAK;;YAEa,GAAG;YAChE,CAAC,WAAW,CAAC,SAAS,qBAAqB,SAAS,KAAK;;;;;CAMnE,MAAM,eAAe;AACnB,QAAO,KAAK,kBAAiC;AAC7C,OAAK,kBAAkB,YACnB,cAAc,IAAI,OAAO,WAAW,EACpC,UAAU,IAAI,GAAG,OAAO,gBAAgB;;;;;;;CAO9C,WAAW,WAAW;AACpB,SAAO,GAAG,OAAO;;;2BAGQ;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeC;;;YAhUf,MAAM,GAAG,OAAO,UAAU;YAgB1B,SAAS;CACR,MAAM;CACN,WAAW;CACX,SAAS;CACV,CAAC;YAMD,SAAS;CACR,MAAM;CACN,WAAW;CACX,SAAS;CACV,CAAC;YAMD,SAAS,EAAE,SAAS,MAAM,CAAC;YAO3B,SAAS;CACR,MAAM;CACN,WAAW;CACX,SAAS;CACV,CAAC;YAMD,SAAS,EAAE,MAAM,SAAS,CAAC;YAO3B,SAAS;CACR,MAAM;CACN,WAAW;CACX,SAAS;CACV,CAAC;+BArEHC,cAAc,GAAG,OAAO,iBAAiB;AAwU1C,6BAAe"}
+{"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\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-custom-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.CENTER;\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,\n      [`${prefix}--layout--size-${size}`]: size,\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    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\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}--text-input--password__visibility__toggle`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--toggle-password-tooltip`]: true,\n      [`${prefix}--btn--disabled`]: normalizedProps.disabled || readonly,\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--icon-only`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--toggle-password-tooltip`]: 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} ${helper}\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-custom-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-custom-tooltip-content\n                id=\"content\"\n                ?hidden=\"${normalizedProps.disabled}\">\n                ${passwordIsVisible\n                  ? this.hidePasswordLabel\n                  : this.showPasswordLabel}\n              </cds-custom-tooltip-content>\n            </cds-custom-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      </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-custom/components/password-input/password-input.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/password-input/password-input.scss?lit
 var password_input_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--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-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--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,#fff);--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-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--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)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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}to{opacity:.3;transform:scaleX(0);transform-origin:left}}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-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--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-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--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));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--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-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--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,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}:host(cds-custom-password-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:none;padding-inline-end:2.5rem}:host(cds-custom-password-input) .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-custom-password-input) .cds-custom--icon-visibility-off,:host(cds-custom-password-input) .cds-custom--icon-visibility-on{vertical-align:middle}:host(cds-custom-password-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-custom-password-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-password-input) cds-custom-tooltip::part(popover-container){block-size:100%;inline-size:100%}:host(cds-custom-password-input) .cds-custom--btn--icon-only{background-color:transparent;block-size:100%;border:none;cursor:pointer;inline-size:100%}:host(cds-custom-password-input) .cds-custom--btn--icon-only:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-password-input) .cds-custom--btn--icon-only:focus{outline-style:dotted}}:host(cds-custom-password-input) .cds-custom--text-input--password__visibility__toggle svg{pointer-events:none}:host(cds-custom-passsword-input[invalid]) .cds-custom--text-input__field-wrapper--slug .cds-custom--text-input,:host(cds-custom-password-input[warn]) .cds-custom--text-input__field-wrapper--slug .cds-custom--text-input{padding-inline-end:4rem}:host(cds-custom-passsword-input[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-password-input[warn]) ::slotted(cds-custom-slug){inset-inline-end:2.5rem}:host(cds-custom-passsword-input[invalid]) cds-custom--text-input__field-wrapper,:host(cds-custom-password-input[warn]) cds-custom--text-input__field-wrapper{position:relative}"]);
-
 //#endregion
 export { password_input_default as default };
+
 //# sourceMappingURL=password-input.scss.js.map

package/es-custom/components/popover/defs.js

@@ -128,7 +128,7 @@ let POPOVER_BACKGROUND_TOKEN = /* @__PURE__ */ function(POPOVER_BACKGROUND_TOKEN
 	POPOVER_BACKGROUND_TOKEN["BACKGROUND"] = "background";
 	return POPOVER_BACKGROUND_TOKEN;
 }({});
-
 //#endregion
 export { POPOVER_ALIGNMENT, POPOVER_BACKGROUND_TOKEN };
+
 //# sourceMappingURL=defs.js.map

package/es-custom/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,gEAAL;;;;AAIL;;;;;;AAOA;;;;;;AAOA;;;;AAKA;;;;AAKA;;;;AAKA;;;;;;AAOA;;;;;;AAOA;;;;AAKA;;;;AAKA;;;;AAKA;;;;;;AAOA;;;;;;AAOA;;;;AAKA;;;;AAKA;;;;AAKA;;;;;;AAOA;;;;;;AAOA;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,8EAAL;;;;AAIL;;;;AAKA"}
+{"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"}

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

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
-import { POPOVER_BACKGROUND_TOKEN } from "./defs.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import "./defs.js";
 import popover_default from "./popover.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/popover/popover-content.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -35,18 +34,18 @@ let CDSPopoverContent = class CDSPopoverContent extends LitElement {
 		this.highContrast = false;
 		this.open = false;
 		this.tabTip = false;
-		this.backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;
+		this.backgroundToken = "layer";
 		this.slot = "content";
 	}
 	render() {
 		return html`
-      <span class="${prefix}--popover">
-        <span class="${prefix}--popover-content" part="content" tabindex="-1">
+      <span class="${"cds-custom"}--popover">
+        <span class="${"cds-custom"}--popover-content" part="content" tabindex="-1">
           <slot> </slot>
           ${this.autoalign ? html`<span
-                class="${prefix}--popover-caret ${prefix}--popover--auto-align"></span>` : null}
+                class="${"cds-custom"}--popover-caret ${"cds-custom"}--popover--auto-align"></span>` : null}
         </span>
-        ${!this.autoalign ? html`<span class="${prefix}--popover-caret"></span>` : null}
+        ${!this.autoalign ? html`<span class="${"cds-custom"}--popover-caret"></span>` : null}
       </span>
     `;
 	}
@@ -91,9 +90,9 @@ __decorate([property({
 	type: String
 })], CDSPopoverContent.prototype, "backgroundToken", void 0);
 __decorate([property({ reflect: true })], CDSPopoverContent.prototype, "slot", void 0);
-CDSPopoverContent = __decorate([carbonElement(`${prefix}-popover-content`)], CDSPopoverContent);
+CDSPopoverContent = __decorate([carbonElement(`cds-custom-popover-content`)], CDSPopoverContent);
 var popover_content_default = CDSPopoverContent;
-
 //#endregion
 export { popover_content_default as default };
+
 //# sourceMappingURL=popover-content.js.map

package/es-custom/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-custom-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,8BACM,0BAA0B,WAAW;;;eAKjC;mBAMI;oBAYC;gBAMJ;sBAMM;cAMR;gBAME;yBAMS,yBAAyB;cAMpC;;CAEP,SAAS;AACP,SAAO,IAAI;qBACM,OAAO;uBACL,OAAO;;YAElB,KAAK,YACH,IAAI;yBACO,OAAO,kBAAkB,OAAO,kCAC3C,KAAK;;UAET,CAAC,KAAK,YACJ,IAAI,gBAAgB,OAAO,4BAC3B,KAAK;;;;;gBAKCA;;;YA1Ef,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS,EAAE,SAAS,MAAM,CAAC;gCA3D7BC,cAAc,GAAG,OAAO,kBAAkB;AAkF3C,8BAAe"}
+{"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-custom-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"}