@carbon/web-components 2.33.0 → 2.34.0

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

@@ -0,0 +1,53 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { prefix } from '../../globals/settings.js';
+import styles from './password-input.scss.js';
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @element cds-custom-password-input-skeleton
+ *
+ * Skeleton of password input.
+ */
+let CDSPasswordInputSkeleton = class CDSPasswordInputSkeleton extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Specify whether the label should be hidden, or not
+         */
+        this.hideLabel = false;
+    }
+    render() {
+        const { hideLabel } = this;
+        return html `
+      ${!hideLabel &&
+            html ` <span class="${prefix}--label ${prefix}--skeleton"></span> `}
+      <div class="${prefix}--text-input ${prefix}--skeleton"></div>
+    `;
+    }
+};
+CDSPasswordInputSkeleton.styles = styles;
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-label' })
+], CDSPasswordInputSkeleton.prototype, "hideLabel", void 0);
+CDSPasswordInputSkeleton = __decorate([
+    carbonElement(`${prefix}-password-input-skeleton`)
+], CDSPasswordInputSkeleton);
+var CDSPasswordInputSkeleton$1 = CDSPasswordInputSkeleton;
+
+export { CDSPasswordInputSkeleton$1 as default };
+//# sourceMappingURL=password-input-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-skeleton.js","sources":["../../../src/components/password-input/password-input-skeleton.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 } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './password-input.scss?lit';\n\n/**\n * @element cds-custom-password-input-skeleton\n *\n * Skeleton of password input.\n */\n@customElement(`${prefix}-password-input-skeleton`)\nclass CDSPasswordInputSkeleton extends LitElement {\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--text-input ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPasswordInputSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU,CAAA;AAAjD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,KAAK;;IAEjB,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI;AAC1B,QAAA,OAAO,IAAI,CAAA;AACP,MAAA,EAAA,CAAC,SAAS;AACZ,YAAA,IAAI,CAAA,CAAA,cAAA,EAAiB,MAAM,CAAA,QAAA,EAAW,MAAM,CAAsB,oBAAA,CAAA;AACpD,kBAAA,EAAA,MAAM,gBAAgB,MAAM,CAAA;KAC3C;;;AAGI,wBAAM,CAAA,MAAA,GAAG,MAAH;AAXb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE;AACjD,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AALd,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,wBAAA,CAA0B;AAC5C,CAAA,EAAA,wBAAwB,CAiB7B;AAED,iCAAe,wBAAwB;;;;"}

package/es-custom/components/password-input/password-input.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import '../tooltip';
+import '../tooltip/tooltip-content';
+import CDSTextInput from '../text-input/text-input';
+import { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TOOLTIP_ALIGNMENT, INPUT_TOOLTIP_DIRECTION, INPUT_TYPE } from './defs';
+export { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TOOLTIP_ALIGNMENT, INPUT_TOOLTIP_DIRECTION, INPUT_TYPE, };
+/**
+ * Password Input element. Supports all the usual attributes for textual input types
+ *
+ * @element cds-custom-password-input
+ * @slot helper-text - The helper text.
+ * @slot label-text - The label text.
+ * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
+ */
+declare class CDSPasswordInput extends CDSTextInput {
+    /**
+     * Handles `oninput` event on the `<input>`.
+     *
+     * @param event The event.
+     * @param event.target The event target.
+     */
+    protected _handleInput({ target }: Event): void;
+    /**
+     * "Hide password" tooltip text on password visibility toggle
+     */
+    hidePasswordLabel: string;
+    /**
+     * "Show password" tooltip text on password visibility toggle
+     */
+    showPasswordLabel: string;
+    /**
+     * The native `<input>` type. Defaults to “password”.
+     */
+    type: INPUT_TYPE;
+    /**
+     * Specify the alignment of the tooltip to the icon-only button.
+     * Can be one of: start, center, or end.
+     */
+    tooltipAlignment: INPUT_TOOLTIP_ALIGNMENT;
+    /**
+     * Specify the direction of the tooltip for icon-only buttons.
+     * Can be either top, right, bottom, or left.
+     */
+    tooltipDirection: INPUT_TOOLTIP_DIRECTION;
+    /**
+     * Handles password visibility toggle button click
+     */
+    private handleTogglePasswordVisibility;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * A selector that will return the slug item.
+     *
+     * remove in v12
+     */
+    static get slugItem(): string;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: any;
+}
+export default CDSPasswordInput;

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

@@ -0,0 +1,302 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { prefix } from '../../globals/settings.js';
+import View16 from '../../icons/view/16.js';
+import ViewOff16 from '../../icons/view--off/16.js';
+import WarningFilled16 from '../../icons/warning--filled/16.js';
+import WarningAltFilled16 from '../../icons/warning--alt--filled/16.js';
+import ifNonEmpty from '../../globals/directives/if-non-empty.js';
+import '../tooltip/tooltip.js';
+import '../tooltip/tooltip-content.js';
+import '../tooltip/definition-tooltip.js';
+import styles from './password-input.scss.js';
+import CDSTextInput from '../text-input/text-input.js';
+import { INPUT_TYPE, INPUT_TOOLTIP_ALIGNMENT, INPUT_TOOLTIP_DIRECTION } from './defs.js';
+export { INPUT_SIZE } from './defs.js';
+export { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME } from '../../globals/shared-enums.js';
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Password Input element. Supports all the usual attributes for textual input types
+ *
+ * @element cds-custom-password-input
+ * @slot helper-text - The helper text.
+ * @slot label-text - The label text.
+ * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
+ */
+let CDSPasswordInput = class CDSPasswordInput extends CDSTextInput {
+    constructor() {
+        super(...arguments);
+        /**
+         * "Hide password" tooltip text on password visibility toggle
+         */
+        this.hidePasswordLabel = 'Hide password';
+        /**
+         * "Show password" tooltip text on password visibility toggle
+         */
+        this.showPasswordLabel = 'Show password';
+        /**
+         * The native `<input>` type. Defaults to “password”.
+         */
+        this.type = INPUT_TYPE.PASSWORD;
+        /**
+         * Specify the alignment of the tooltip to the icon-only button.
+         * Can be one of: start, center, or end.
+         */
+        this.tooltipAlignment = INPUT_TOOLTIP_ALIGNMENT.CENTER;
+        /**
+         * Specify the direction of the tooltip for icon-only buttons.
+         * Can be either top, right, bottom, or left.
+         */
+        this.tooltipDirection = INPUT_TOOLTIP_DIRECTION.BOTTOM;
+    }
+    /**
+     * Handles `oninput` event on the `<input>`.
+     *
+     * @param event The event.
+     * @param event.target The event target.
+     */
+    _handleInput({ target }) {
+        this.value = target.value;
+    }
+    /**
+     * Handles password visibility toggle button click
+     */
+    handleTogglePasswordVisibility() {
+        if (this.disabled || this.readonly)
+            return;
+        this.type =
+            this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;
+    }
+    render() {
+        const { disabled, helperText, hideLabel, inline, invalid, invalidText, label, readonly, required, size, type, warn, warnText, _handleInput: handleInput, _handleSlotChange: handleSlotChange, } = this;
+        const invalidIcon = WarningFilled16({
+            class: `${prefix}--text-input__invalid-icon`,
+        });
+        const warnIcon = WarningAltFilled16({
+            class: `${prefix}--text-input__invalid-icon ${prefix}--text-input__invalid-icon--warning`,
+        });
+        const normalizedProps = {
+            disabled: !readonly && disabled,
+            invalid: !readonly && invalid,
+            warn: !readonly && !invalid && warn,
+            'slot-name': '',
+            'slot-text': '',
+            icon: null,
+        };
+        if (normalizedProps.invalid) {
+            normalizedProps.icon = invalidIcon;
+            normalizedProps['slot-name'] = 'invalid-text';
+            normalizedProps['slot-text'] = invalidText;
+        }
+        else if (normalizedProps.warn) {
+            normalizedProps.icon = warnIcon;
+            normalizedProps['slot-name'] = 'warn-text';
+            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,
+        });
+        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,
+        });
+        const fieldOuterWrapperClasses = classMap({
+            [`${prefix}--text-input__field-outer-wrapper`]: true,
+            [`${prefix}--text-input__field-outer-wrapper--inline`]: inline,
+        });
+        const fieldWrapperClasses = classMap({
+            [`${prefix}--text-input__field-wrapper`]: true,
+            [`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn,
+        });
+        const labelClasses = classMap({
+            [`${prefix}--label`]: true,
+            [`${prefix}--visually-hidden`]: hideLabel,
+            [`${prefix}--label--disabled`]: normalizedProps.disabled,
+        });
+        const helperTextClasses = classMap({
+            [`${prefix}--form__helper-text`]: true,
+            [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,
+        });
+        const passwordIsVisible = type !== INPUT_TYPE.PASSWORD;
+        const passwordVisibilityIcon = passwordIsVisible
+            ? ViewOff16({ class: `${prefix}--icon-visibility-off` })
+            : View16({ class: `${prefix}--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,
+        });
+        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,
+        });
+        const labelWrapper = html `<div class="${prefix}--text-input__label-wrapper">
+      <label class="${labelClasses}"> ${label} </label>
+    </div>`;
+        const helper = helperText
+            ? html `<div
+          class="${helperTextClasses}"
+          id="helper-text"
+          ?hidden="${normalizedProps.invalid || normalizedProps.warn}">
+          <slot name="helper-text"> ${helperText} </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 === 'right' || this.tooltipDirection === 'left') {
+            align = this.tooltipDirection;
+        }
+        return html `
+      <div class="${inputWrapperClasses}">
+        ${!inline
+            ? labelWrapper
+            : html `<div class="${prefix}--text-input__label-helper-wrapper">
+              ${labelWrapper} ${helper}
+            </div>`}
+        <div class="${fieldOuterWrapperClasses}">
+          <div class="${fieldWrapperClasses}" ?data-invalid="${invalid}">
+            ${normalizedProps.icon}
+            <input
+              ?autofocus="${this.autofocus}"
+              class="${inputClasses}"
+              ?data-invalid="${invalid}"
+              ?disabled="${disabled}"
+              aria-describedby="helper-text"
+              id="input"
+              name="${ifNonEmpty(this.name)}"
+              pattern="${ifNonEmpty(this.pattern)}"
+              placeholder="${ifNonEmpty(this.placeholder)}"
+              ?readonly="${readonly}"
+              ?required="${required}"
+              type="${ifNonEmpty(type)}"
+              .value="${this._value}"
+              @input="${handleInput}" />
+            <slot name="slug" @slotchange="${handleSlotChange}"></slot>
+            <cds-custom-tooltip
+              align="${align}"
+              class="${passwordVisibilityTooltipClasses}"
+              ?disabled="${normalizedProps.disabled || readonly}">
+              <button
+                ?disabled="${normalizedProps.disabled || readonly}"
+                type="button"
+                role="button"
+                class="${passwordVisibilityButtonClasses}"
+                aria-labelledby="content"
+                @click="${this.handleTogglePasswordVisibility}">
+                ${passwordVisibilityIcon}
+              </button>
+              <cds-custom-tooltip-content
+                id="content"
+                ?hidden="${normalizedProps.disabled || readonly}">
+                ${passwordIsVisible
+            ? this.hidePasswordLabel
+            : this.showPasswordLabel}
+              </cds-custom-tooltip-content>
+            </cds-custom-tooltip>
+          </div>
+          ${!inline ? helper : null}
+          <div
+            class="${prefix}--form-requirement"
+            ?hidden="${!normalizedProps.invalid && !normalizedProps.warn}">
+            <slot name="${normalizedProps['slot-name']}">
+              ${normalizedProps['slot-text']}
+            </slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    /**
+     * A selector that will return the slug item.
+     *
+     * remove in v12
+     */
+    static get slugItem() {
+        return `${prefix}-slug`;
+    }
+};
+CDSPasswordInput.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
+CDSPasswordInput.styles = styles;
+__decorate([
+    property({
+        type: String,
+        attribute: 'hide-password-label',
+        reflect: true,
+    })
+], CDSPasswordInput.prototype, "hidePasswordLabel", void 0);
+__decorate([
+    property({
+        type: String,
+        attribute: 'show-password-label',
+        reflect: true,
+    })
+], CDSPasswordInput.prototype, "showPasswordLabel", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSPasswordInput.prototype, "type", void 0);
+__decorate([
+    property({
+        type: String,
+        attribute: 'tooltip-alignment',
+        reflect: true,
+    })
+], CDSPasswordInput.prototype, "tooltipAlignment", void 0);
+__decorate([
+    property({
+        type: String,
+        attribute: 'tooltip-position',
+        reflect: true,
+    })
+], CDSPasswordInput.prototype, "tooltipDirection", void 0);
+CDSPasswordInput = __decorate([
+    carbonElement(`${prefix}-password-input`)
+], CDSPasswordInput);
+var CDSPasswordInput$1 = CDSPasswordInput;
+
+export { INPUT_TOOLTIP_ALIGNMENT, INPUT_TOOLTIP_DIRECTION, INPUT_TYPE, CDSPasswordInput$1 as default };
+//# sourceMappingURL=password-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.js","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 } 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/lib/view/16.js';\nimport ViewOff16 from '@carbon/icons/lib/view--off/16.js';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';\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';\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   * 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   * 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 || this.readonly) 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      size,\n      type,\n      warn,\n      warnText,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--text-input__invalid-icon`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--text-input__invalid-icon ${prefix}--text-input__invalid-icon--warning`,\n    });\n\n    const normalizedProps = {\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      ? ViewOff16({ class: `${prefix}--icon-visibility-off` })\n      : 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    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              ?disabled=\"${normalizedProps.disabled || readonly}\">\n              <button\n                ?disabled=\"${normalizedProps.disabled || readonly}\"\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 || readonly}\">\n                ${passwordIsVisible\n                  ? this.hidePasswordLabel\n                  : this.showPasswordLabel}\n              </cds-custom-tooltip-content>\n            </cds-custom-tooltip>\n          </div>\n          ${!inline ? helper : null}\n          <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        </div>\n      </div>\n    `;\n  }\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"],"names":["customElement"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from 'lit';
+
+var styles = css([".cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-01,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-02,#f4f4f4);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-03,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-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-custom-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-custom-field) inset;-webkit-text-fill-color:var(--cds-custom-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-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.cds-custom--label{color:var(--cds-custom-text-secondary,#525252);display:inline-block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.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 .cds-custom--toggletip-label{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-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{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);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:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-custom-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-custom-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;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-custom-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}}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-custom-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-custom-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{display:none;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.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--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-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-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-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-custom-layout-size-height-local:clamp(max(var(--cds-custom-layout-size-height-min),var(--cds-custom-layout-size-height-sm)),var(--cds-custom-layout-size-height,var(--cds-custom-layout-size-height-md)),min(var(--cds-custom-layout-size-height-max),var(--cds-custom-layout-size-height-lg)));--cds-custom-layout-density-padding-inline-local:clamp(var(--cds-custom-layout-density-padding-inline-min),var(--cds-custom-layout-density-padding-inline,var(--cds-custom-layout-density-padding-inline-normal)),var(--cds-custom-layout-density-padding-inline-max));background-color:var(--cds-custom-field);block-size:var(--cds-custom-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-custom-border-strong);box-sizing:border-box;color:var(--cds-custom-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;padding:0 var(--cds-custom-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-custom-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-custom-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-custom-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-custom-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-custom-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-custom-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;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-custom-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-custom-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-custom-shadow,rgba(0,0,0,.3));color:var(--cds-custom-text-inverse,#fff);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-custom-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-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-custom-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-custom-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-custom-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--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus svg,.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-custom-icon-primary,#161616)}.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: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-custom-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 svg{fill:var(--cds-custom-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--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.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-custom-field);border-block-end:1px solid transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-custom-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-custom-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.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-custom-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-custom-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}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-custom-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-custom-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-custom-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-custom-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-custom-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-custom-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-custom-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-custom-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-custom-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-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-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-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}cds-custom-tooltip::part(popover-container){block-size:100%;inline-size:100%}.cds-custom--btn--icon-only{background-color:transparent;block-size:100%;border:none;cursor:pointer;inline-size:100%}.cds-custom--btn--icon-only:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn--icon-only:focus{outline-style:dotted}}"]);
+
+export { styles as default };
+//# sourceMappingURL=password-input.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","sources":["../../../src/components/popover/defs.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AACH;;AAEG;IACS,kBAoHX;AApHD,CAAA,UAAY,iBAAiB,EAAA;AAC3B;;AAEG;AACH,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AAEX;;;;AAIG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AAErB;;;;AAIG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AAEvB;;AAEG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AAEvB;;AAEG;AACH,IAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AAEnB;;AAEG;AACH,IAAA,iBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AAEjB;;;;AAIG;AACH,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAE3B;;;;AAIG;AACH,IAAA,iBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B,CAAA;AAE7B;;AAEG;AACH,IAAA,iBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B,CAAA;AAE7B;;AAEG;AACH,IAAA,iBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AAEzB;;AAEG;AACH,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AAEb;;;;AAIG;AACH,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAE3B;;;;AAIG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AAErB;;AAEG;AACH,IAAA,iBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AAEzB;;AAEG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AAErB;;AAEG;AACH,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AAEf;;;;AAIG;AACH,IAAA,iBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B,CAAA;AAE7B;;;;AAIG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AAEvB;;AAEG;AACH,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAE3B;;AAEG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACzB,CAAC,EApHW,iBAAiB,KAAjB,iBAAiB,GAoH5B,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"defs.js","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"],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AACH;;AAEG;IACS;AAAZ,CAAA,UAAY,iBAAiB,EAAA;AAC3B;;AAEG;AACH,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AAEX;;;;AAIG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AAErB;;;;AAIG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AAEvB;;AAEG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AAEvB;;AAEG;AACH,IAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AAEnB;;AAEG;AACH,IAAA,iBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB;;;;AAIG;AACH,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAE3B;;;;AAIG;AACH,IAAA,iBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAE7B;;AAEG;AACH,IAAA,iBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAE7B;;AAEG;AACH,IAAA,iBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AAEzB;;AAEG;AACH,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AAEb;;;;AAIG;AACH,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAE3B;;;;AAIG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AAErB;;AAEG;AACH,IAAA,iBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AAEzB;;AAEG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AAErB;;AAEG;AACH,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAEf;;;;AAIG;AACH,IAAA,iBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAE7B;;;;AAIG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AAEvB;;AAEG;AACH,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAE3B;;AAEG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACzB,CAAC,EApHW,iBAAiB,KAAjB,iBAAiB,GAoH5B,EAAA,CAAA,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover-content.js","sources":["../../../src/components/popover/popover-content.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAEX;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAQlB;;AAEG;QAEH,IAAU,CAAA,UAAA,GAAG,IAAI,CAAC;AAElB;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;AAEb;;AAEG;QAEH,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AAEf;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC;KAqBlB;IAnBC,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,OAAO,IAAI,CAAA,CAAA;uBACM,MAAM,CAAA;;yBAEJ,MAAM,CAAA;;OAExB,CAAC;SACH;aAAM;AACL,YAAA,OAAO,IAAI,CAAA,CAAA;uBACM,MAAM,CAAA;;;uBAGN,MAAM,CAAA;OACtB,CAAC;SACH;KACF;;AAEM,iBAAM,CAAA,MAAA,GAAG,MAAH,CAAU;AAxDvB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC/B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMX,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACzB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACrC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMN,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACzB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACX,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAzCb,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,CAAC;AACrC,CAAA,EAAA,iBAAiB,CA8DtB,CAAA;AAED,0BAAe,iBAAiB;;;;"}
+{"version":3,"file":"popover-content.js","sources":["../../../src/components/popover/popover-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\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 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   * The shadow slot this popover content should be in.\n   */\n  @property({ reflect: true })\n  slot = 'content';\n\n  render() {\n    if (this.autoalign) {\n      return html`\n        <span class=\"${prefix}--popover-content\" part=\"content\">\n          <slot> </slot>\n          <span class=\"${prefix}--popover-caret\"></span>\n        </span>\n      `;\n    } else {\n      return html`\n        <span class=\"${prefix}--popover-content\" part=\"content\">\n          <slot> </slot>\n        </span>\n        <span class=\"${prefix}--popover-caret\"></span>\n      `;\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPopoverContent;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAG,EAAE;AAEV;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,KAAK;AAQjB;;AAEG;QAEH,IAAU,CAAA,UAAA,GAAG,IAAI;AAEjB;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,KAAK;AAEZ;;AAEG;QAEH,IAAM,CAAA,MAAA,GAAG,KAAK;AAEd;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,SAAS;;IAEhB,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,OAAO,IAAI,CAAA;uBACM,MAAM,CAAA;;yBAEJ,MAAM,CAAA;;OAExB;;aACI;AACL,YAAA,OAAO,IAAI,CAAA;uBACM,MAAM,CAAA;;;uBAGN,MAAM,CAAA;OACtB;;;;AAIE,iBAAM,CAAA,MAAA,GAAG,MAAH;AAxDb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;AAC9B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMX,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACpC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMN,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC7B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC3B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACV,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAzCb,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CA8DtB;AAED,0BAAe,iBAAiB;;;;"}