@spectrum-web-components/textfield 1.12.0-testing.20260223092154 → 1.12.0

package/README.md

@@ -215,6 +215,24 @@ Use the `required` attribute to indicate a textfield value is required. Dictate
 ></sp-textfield>
 ```
 
+### Behaviors
+
+#### Truncated value tooltip
+
+When a single-line textfield value is visually truncated, a tooltip appears on hover/focus to expose the full value. This helps users review long input content when the control is too narrow to display all characters. This supports accessibility when users adjust text spacing (WCAG 1.4.12).
+
+This behavior applies to single-line inputs and does not apply to multiline textfields. The full value is available on hover and keyboard focus so screen reader users can access it via the control's value. See also the same behavior on [number-field](../number-field).
+
+By default the tooltip uses placement `bottom`. To change where the tooltip appears relative to the field, set the `tooltip-placement` attribute to a valid placement value: `top`, `top-start`, `top-end`, `right`, `right-start`, `right-end`, `bottom`, `bottom-start`, `bottom-end`, `left`, `left-start`, `left-end`. Placement is preferred but may flip (e.g. to the opposite side) when there is insufficient space so the tooltip stays in view.
+
+```html
+<sp-field-label for="truncated-text">Email</sp-field-label>
+<sp-textfield
+  id="truncated-text"
+  value="very.long.email.address@subdomain.example.com"
+></sp-textfield>
+```
+
 ### Accessibility
 
 #### Include a label

package/custom-elements.json

@@ -26,6 +26,12 @@
           "description": "",
           "name": "TextfieldBase",
           "members": [
+            {
+              "kind": "field",
+              "name": "truncatedValueTooltipController",
+              "privacy": "protected",
+              "default": "new TruncatedValueTooltipController( this as unknown as TruncatedValueTooltipHost & typeof this )"
+            },
             {
               "kind": "field",
               "name": "appliedLabel",
@@ -194,6 +200,17 @@
               "attribute": "readonly",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "truncatedValueTooltipPlacement",
+              "type": {
+                "text": "Placement"
+              },
+              "privacy": "public",
+              "default": "'bottom'",
+              "description": "Placement of the tooltip shown when the value is truncated (e.g. 'bottom', 'top').\nDefaults to 'bottom' per Spectrum design.",
+              "attribute": "tooltip-placement"
+            },
             {
               "kind": "field",
               "name": "rows",
@@ -578,6 +595,15 @@
               "description": "Whether a user can interact with the value of the form control",
               "fieldName": "readonly"
             },
+            {
+              "name": "tooltip-placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom'",
+              "description": "Placement of the tooltip shown when the value is truncated (e.g. 'bottom', 'top').\nDefaults to 'bottom' per Spectrum design.",
+              "fieldName": "truncatedValueTooltipPlacement"
+            },
             {
               "name": "rows",
               "type": {
@@ -688,6 +714,16 @@
                 "module": "src/Textfield.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "truncatedValueTooltipController",
+              "privacy": "protected",
+              "default": "new TruncatedValueTooltipController( this as unknown as TruncatedValueTooltipHost & typeof this )",
+              "inheritedFrom": {
+                "name": "TextfieldBase",
+                "module": "src/Textfield.js"
+              }
+            },
             {
               "kind": "field",
               "name": "appliedLabel",
@@ -920,6 +956,21 @@
                 "module": "src/Textfield.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "truncatedValueTooltipPlacement",
+              "type": {
+                "text": "Placement"
+              },
+              "privacy": "public",
+              "default": "'bottom'",
+              "description": "Placement of the tooltip shown when the value is truncated (e.g. 'bottom', 'top').\nDefaults to 'bottom' per Spectrum design.",
+              "attribute": "tooltip-placement",
+              "inheritedFrom": {
+                "name": "TextfieldBase",
+                "module": "src/Textfield.js"
+              }
+            },
             {
               "kind": "field",
               "name": "rows",
@@ -1412,6 +1463,19 @@
                 "module": "src/Textfield.ts"
               }
             },
+            {
+              "name": "tooltip-placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom'",
+              "description": "Placement of the tooltip shown when the value is truncated (e.g. 'bottom', 'top').\nDefaults to 'bottom' per Spectrum design.",
+              "fieldName": "truncatedValueTooltipPlacement",
+              "inheritedFrom": {
+                "name": "TextfieldBase",
+                "module": "src/Textfield.ts"
+              }
+            },
             {
               "name": "rows",
               "type": {
@@ -1507,6 +1571,30 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "TruncatedValueTooltipHost",
+          "declaration": {
+            "name": "TruncatedValueTooltipHost",
+            "module": "./TruncatedValueTooltipController.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TruncatedValueTooltipController",
+          "declaration": {
+            "name": "TruncatedValueTooltipController",
+            "module": "./TruncatedValueTooltipController.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "truncatedValueTooltipUpdatedSymbol",
+          "declaration": {
+            "name": "truncatedValueTooltipUpdatedSymbol",
+            "module": "./TruncatedValueTooltipController.js"
+          }
+        },
         {
           "kind": "js",
           "name": "TextfieldBase",
@@ -1524,6 +1612,174 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TruncatedValueTooltipController.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "truncatedValueTooltipUpdatedSymbol",
+          "description": "Symbol used to request a host re-render when truncation state or tooltip deps change.\nThe host can use this in its update lifecycle to react if needed; the important part\nis that requestUpdate(symbol, previous) triggers a re-render so controller.render() runs again."
+        },
+        {
+          "kind": "class",
+          "description": "A reactive controller that adds truncated-value tooltip behavior: when the visible\nvalue is clipped, a tooltip with the full value is shown on hover/focus. Overlay\nand tooltip are lazy-loaded only when truncation is first detected.\n\nThe host must implement TruncatedValueTooltipHost (e.g. TextfieldBase). The host\nincludes the controller's render output in its template and may call refresh() when\nvalue or focused changes; NumberField also calls syncTooltipText() from handleInput()\nso the tooltip stays in sync with the live input without re-renders.",
+          "name": "TruncatedValueTooltipController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "host",
+              "type": {
+                "text": "HostElement"
+              },
+              "privacy": "private",
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "_isTruncated",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_tooltipDepsLoaded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_resizeObserver",
+              "type": {
+                "text": "ResizeObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_observerInitialized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "inputElementIsTruncated",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "refreshTruncationState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Updates truncation state. Returns true if we just transitioned to truncated\n(so the host can e.g. schedule syncTooltipText after updateComplete)."
+            },
+            {
+              "kind": "method",
+              "name": "refresh",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Public API for hosts (e.g. NumberField) to force a re-check of truncation state.\nCall from handleInput() or when value/focused changes so the tooltip visibility stays in sync.\nReturns true if we just became truncated (host may schedule syncTooltipText after updateComplete)."
+            },
+            {
+              "kind": "method",
+              "name": "ensureTooltipDeps",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "syncTooltipText",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "text",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Updates the tooltip label text without requestUpdate. Used by NumberField from\nhandleInput() so the tooltip shows the current input value while typing without\ntriggering re-renders that would affect formatting or selection.\n\nWe mutate an existing text node under `<sp-tooltip>` instead of assigning\n`tooltip.textContent`. Clearing `textContent` on the host removes all light-DOM\nchildren, which ejects Lit's marker nodes for `${host.displayValue}` in\n`render()` and causes \"ChildPart has no parentNode\" on the next update.\n\nTrade-off: this couples to our own light-DOM shape: `render()` must keep a\ndirect text child of `<sp-tooltip>` (or update this lookup if we wrap the label\nin an element, e.g. a dedicated `<span id=\"…\">`). This does not depend on\n`sp-tooltip`'s internal shadow DOM."
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostUpdated",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "truncatedValueTooltipUpdatedSymbol",
+          "declaration": {
+            "name": "truncatedValueTooltipUpdatedSymbol",
+            "module": "src/TruncatedValueTooltipController.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TruncatedValueTooltipController",
+          "declaration": {
+            "name": "TruncatedValueTooltipController",
+            "module": "src/TruncatedValueTooltipController.js"
+          }
+        }
+      ]
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectrum-web-components/textfield",
-  "version": "1.12.0-testing.20260223092154",
+  "version": "1.12.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "Adobe",
@@ -54,12 +54,14 @@
   ],
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@spectrum-web-components/base": "1.12.0-testing.20260223092154",
-    "@spectrum-web-components/help-text": "1.12.0-testing.20260223092154",
-    "@spectrum-web-components/icon": "1.12.0-testing.20260223092154",
-    "@spectrum-web-components/icons-ui": "1.12.0-testing.20260223092154",
-    "@spectrum-web-components/icons-workflow": "1.12.0-testing.20260223092154",
-    "@spectrum-web-components/shared": "1.12.0-testing.20260223092154"
+    "@spectrum-web-components/base": "1.12.0",
+    "@spectrum-web-components/help-text": "1.12.0",
+    "@spectrum-web-components/icon": "1.12.0",
+    "@spectrum-web-components/icons-ui": "1.12.0",
+    "@spectrum-web-components/icons-workflow": "1.12.0",
+    "@spectrum-web-components/overlay": "1.12.0",
+    "@spectrum-web-components/shared": "1.12.0",
+    "@spectrum-web-components/tooltip": "1.12.0"
   },
   "keywords": [
     "design-system",

package/src/Textfield.d.ts

@@ -10,15 +10,16 @@
  * governing permissions and limitations under the License.
  */
 import { CSSResultArray, nothing, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
+import type { Placement } from '@spectrum-web-components/overlay';
 import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
 import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';
 import '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';
+import { TruncatedValueTooltipController } from './TruncatedValueTooltipController.js';
+export type { TruncatedValueTooltipHost } from './TruncatedValueTooltipController.js';
+export { TruncatedValueTooltipController, truncatedValueTooltipUpdatedSymbol, } from './TruncatedValueTooltipController.js';
 declare const textfieldTypes: readonly ["text", "url", "tel", "email", "password"];
 export type TextfieldType = (typeof textfieldTypes)[number];
-declare const TextfieldBase_base: typeof Focusable & {
-    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
-    prototype: import("@spectrum-web-components/base").SizedElementInterface;
-} & import("@spectrum-web-components/core/mixins/sized-mixin.js").SizedElementConstructor & {
+declare const TextfieldBase_base: typeof Focusable & import("@spectrum-web-components/base").Constructor<import("@spectrum-web-components/base").SizedElementInterface> & import("@spectrum-web-components/base").SizedElementConstructor & {
     new (...args: any[]): import("@spectrum-web-components/help-text/src/manage-help-text.js").HelpTextElementInterface;
     prototype: import("@spectrum-web-components/help-text/src/manage-help-text.js").HelpTextElementInterface;
 };
@@ -27,6 +28,7 @@ declare const TextfieldBase_base: typeof Focusable & {
  * @fires change - An alteration to the value of the element has been committed by the user.
  */
 export declare class TextfieldBase extends TextfieldBase_base {
+    protected truncatedValueTooltipController: TruncatedValueTooltipController;
     static get styles(): CSSResultArray;
     protected appliedLabel?: string;
     /**
@@ -86,6 +88,11 @@ export declare class TextfieldBase extends TextfieldBase_base {
      * Whether a user can interact with the value of the form control
      */
     readonly: boolean;
+    /**
+     * Placement of the tooltip shown when the value is truncated (e.g. 'bottom', 'top').
+     * Defaults to 'bottom' per Spectrum design.
+     */
+    truncatedValueTooltipPlacement: Placement;
     /**
      * The specific number of rows the form control should provide in the user interface
      */
@@ -156,4 +163,3 @@ export declare class Textfield extends TextfieldBase {
     get value(): string;
     protected _value: string;
 }
-export {};

package/src/Textfield.dev.js

@@ -29,6 +29,13 @@ import { Focusable } from "@spectrum-web-components/shared/src/focusable.js";
 import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js";
 import textfieldStyles from "./textfield.css.js";
+import {
+  TruncatedValueTooltipController
+} from "./TruncatedValueTooltipController.dev.js";
+export {
+  TruncatedValueTooltipController,
+  truncatedValueTooltipUpdatedSymbol
+} from "./TruncatedValueTooltipController.dev.js";
 const textfieldTypes = ["text", "url", "tel", "email", "password"];
 export class TextfieldBase extends ManageHelpText(
   SizedMixin(Focusable, {
@@ -37,6 +44,9 @@ export class TextfieldBase extends ManageHelpText(
 ) {
   constructor() {
     super(...arguments);
+    this.truncatedValueTooltipController = new TruncatedValueTooltipController(
+      this
+    );
     this.allowedKeys = "";
     this.focused = false;
     this.invalid = false;
@@ -48,6 +58,7 @@ export class TextfieldBase extends ManageHelpText(
     this.minlength = -1;
     this.multiline = false;
     this.readonly = false;
+    this.truncatedValueTooltipPlacement = "bottom";
     this.rows = -1;
     this.valid = false;
     this._value = "";
@@ -161,7 +172,9 @@ export class TextfieldBase extends ManageHelpText(
             <textarea
                 name=${ifDefined(this.name || void 0)}
                 aria-describedby=${this.helpTextId}
-                aria-label=${this.label || this.appliedLabel || this.placeholder}
+                aria-label=${ifDefined(
+      this.label || this.appliedLabel || this.placeholder || void 0
+    )}
                 aria-invalid=${ifDefined(this.invalid || void 0)}
                 class="input"
                 maxlength=${ifDefined(
@@ -193,7 +206,9 @@ export class TextfieldBase extends ManageHelpText(
         name=${ifDefined(this.name || void 0)}
         type=${this.type}
         aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
+        aria-label=${ifDefined(
+      this.label || this.appliedLabel || this.placeholder || void 0
+    )}
         aria-invalid=${ifDefined(this.invalid || void 0)}
         class="input"
         title=${this.invalid ? "" : nothing}
@@ -223,16 +238,24 @@ export class TextfieldBase extends ManageHelpText(
   render() {
     return html`
       <div id="textfield">${this.renderField()}</div>
+      ${this.truncatedValueTooltipController.render()}
       ${this.renderHelpText(this.invalid)}
     `;
   }
   update(changedProperties) {
-    if (changedProperties.has("value") || changedProperties.has("required") && this.required) {
+    const valueOrRequiredChanged = changedProperties.has("value") || changedProperties.has("required") && this.required;
+    if (valueOrRequiredChanged) {
       this.updateComplete.then(() => {
         this.checkValidity();
+        if (changedProperties.has("value")) {
+          this.truncatedValueTooltipController.refresh();
+        }
       });
     }
     super.update(changedProperties);
+    if (changedProperties.has("focused") && !this.focused) {
+      this.truncatedValueTooltipController.refresh();
+    }
   }
   checkValidity() {
     let validity = this.inputElement.checkValidity();
@@ -298,6 +321,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], TextfieldBase.prototype, "readonly", 2);
+__decorateClass([
+  property({ attribute: "tooltip-placement" })
+], TextfieldBase.prototype, "truncatedValueTooltipPlacement", 2);
 __decorateClass([
   property({ type: Number })
 ], TextfieldBase.prototype, "rows", 2);

package/src/Textfield.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Textfield.ts"],
-  "sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CSSResultArray,\n  html,\n  nothing,\n  PropertyValues,\n  SizedMixin,\n  TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n  property,\n  query,\n  state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n  ifDefined,\n  live,\n} from '@spectrum-web-components/base/src/directives.js';\nimport { ManageHelpText } from '@spectrum-web-components/help-text/src/manage-help-text.js';\nimport checkmarkStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\n\nimport textfieldStyles from './textfield.css.js';\n\nconst textfieldTypes = ['text', 'url', 'tel', 'email', 'password'] as const;\nexport type TextfieldType = (typeof textfieldTypes)[number];\n\n/**\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class TextfieldBase extends ManageHelpText(\n  SizedMixin(Focusable, {\n    noDefaultSize: true,\n  })\n) {\n  public static override get styles(): CSSResultArray {\n    return [textfieldStyles, checkmarkStyles];\n  }\n\n  @state()\n  protected appliedLabel?: string;\n\n  /**\n   * A regular expression outlining the keys that will be allowed to update the value of the form control.\n   */\n  @property({ attribute: 'allowed-keys' })\n  allowedKeys = '';\n\n  /**\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  public focused = false;\n\n  @query('.input:not(#sizer)')\n  protected inputElement!: HTMLInputElement | HTMLTextAreaElement;\n\n  /**\n   * Whether the `value` held by the form control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  public invalid = false;\n\n  /**\n   * A string applied via `aria-label` to the form control when a user visible label is not provided.\n   */\n  @property()\n  public label = '';\n\n  /**\n   * Name of the form control.\n   */\n  @property({ type: String, reflect: true })\n  public name: string | undefined;\n\n  /**\n   * Text that appears in the form control when it has no value set\n   */\n  @property()\n  public placeholder = '';\n\n  @state()\n  set type(val: TextfieldType) {\n    const prev = this._type;\n    this._type = val;\n    this.requestUpdate('type', prev);\n  }\n\n  get type(): TextfieldType {\n    return textfieldTypes.find((t) => t === this._type) ?? 'text';\n  }\n\n  /**\n   * @private\n   * This binding allows for invalid value for `type` to still be reflected to the DOM\n   */\n  @property({ attribute: 'type', reflect: true })\n  private _type: TextfieldType = 'text';\n\n  /**\n   * Pattern the `value` must match to be valid\n   */\n  @property()\n  public pattern?: string;\n\n  /**\n   * Whether a form control delivered with the `multiline` attribute will change size\n   * vertically to accomodate longer input\n   */\n  @property({ type: Boolean, reflect: true })\n  public grows = false;\n\n  /**\n   * Defines the maximum string length that the user can enter\n   */\n  @property({ type: Number })\n  public maxlength = -1;\n\n  /**\n   * Defines the minimum string length that the user can enter\n   */\n  @property({ type: Number })\n  public minlength = -1;\n\n  /**\n   * Whether the form control should accept a value longer than one line\n   */\n  @property({ type: Boolean, reflect: true })\n  public multiline = false;\n\n  /**\n   * Whether a user can interact with the value of the form control\n   */\n  @property({ type: Boolean, reflect: true })\n  public readonly = false;\n\n  /**\n   * The specific number of rows the form control should provide in the user interface\n   */\n  @property({ type: Number })\n  public rows = -1;\n\n  /**\n   * Whether the `value` held by the form control is valid.\n   */\n  @property({ type: Boolean, reflect: true })\n  public valid = false;\n\n  /**\n   * The value held by the form control\n   */\n  @property({ type: String })\n  public set value(value: string | number) {\n    if (value === this.value) {\n      return;\n    }\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  public get value(): string | number {\n    return this._value;\n  }\n\n  protected _value: string | number = '';\n\n  /**\n   * Whether to display the form control with no visible background\n   */\n  @property({ type: Boolean, reflect: true })\n  public quiet = false;\n\n  /**\n   * Whether the form control will be found to be invalid when it holds no `value`\n   */\n  @property({ type: Boolean, reflect: true })\n  public required = false;\n\n  /**\n   * What form of assistance should be provided when attempting to supply a value to the form control\n   *\n   * Note: combobox overrides `autocomplete` intentionally with `aria-autocomplete` values, which is\n   * why those values (although invalid for native `autocomplete`) are included here to support the\n   * combobox accessibility pattern.\n   */\n  @property({ type: String, reflect: true })\n  public autocomplete?:\n    | 'list'\n    | 'none'\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete'];\n\n  public override get focusElement(): HTMLInputElement | HTMLTextAreaElement {\n    return this.inputElement;\n  }\n\n  /**\n   * Sets the start and end positions of the current selection.\n   *\n   * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the\n   *  element's value is treated as pointing to the end of the value.\n   * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than\n   *  the length of the element's value is treated as pointing to the end of the value.\n   * @param [selectionDirection=\"none\"] A string indicating the direction in which the selection is considered to\n   *  have been performed.\n   */\n  public setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ): void {\n    this.inputElement.setSelectionRange(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\n  }\n\n  /**\n   * Selects all the text.\n   */\n  public select(): void {\n    this.inputElement.select();\n  }\n\n  protected handleInput(_event: Event): void {\n    if (this.allowedKeys && this.inputElement.value) {\n      const regExp = new RegExp(`^[${this.allowedKeys}]*$`, 'u');\n      if (!regExp.test(this.inputElement.value)) {\n        const selectionStart = this.inputElement.selectionStart as number;\n        const nextSelectStart = selectionStart - 1;\n        this.inputElement.value = this.value.toString();\n        this.inputElement.setSelectionRange(nextSelectStart, nextSelectStart);\n        return;\n      }\n    }\n    this.value = this.inputElement.value;\n  }\n\n  protected handleChange(): void {\n    this.dispatchEvent(\n      new Event('change', {\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  protected onFocus(): void {\n    this.focused = !this.readonly && true;\n  }\n\n  protected onBlur(_event: FocusEvent): void {\n    this.focused = !this.readonly && false;\n  }\n\n  protected handleInputElementPointerdown(): void {}\n\n  protected renderStateIcons(): TemplateResult | typeof nothing {\n    if (this.invalid) {\n      return html`\n        <sp-icon-alert id=\"invalid\" class=\"icon\"></sp-icon-alert>\n      `;\n    } else if (this.valid) {\n      return html`\n        <sp-icon-checkmark100\n          id=\"valid\"\n          class=\"icon spectrum-UIIcon-Checkmark100\"\n        ></sp-icon-checkmark100>\n      `;\n    }\n    return nothing;\n  }\n\n  protected get displayValue(): string {\n    return this.value.toString();\n  }\n\n  // prettier-ignore\n  private get renderMultiline(): TemplateResult {\n        return html`\n            ${this.multiline && this.grows && this.rows === -1\n                ? html`\n                      <div id=\"sizer\" class=\"input\" aria-hidden=\"true\">${this.value}&#8203;\n                      </div>\n                  `\n                : nothing}\n            <!-- @ts-ignore -->\n            <textarea\n                name=${ifDefined(this.name || undefined)}\n                aria-describedby=${this.helpTextId}\n                aria-label=${this.label ||\n                this.appliedLabel ||\n                this.placeholder}\n                aria-invalid=${ifDefined(this.invalid || undefined)}\n                class=\"input\"\n                maxlength=${ifDefined(\n                    this.maxlength > -1 ? this.maxlength : undefined\n                )}\n                minlength=${ifDefined(\n                    this.minlength > -1 ? this.minlength : undefined\n                )}\n                title=${this.invalid ? '' : nothing}\n                pattern=${ifDefined(this.pattern)}\n                placeholder=${this.placeholder}\n                .value=${this.displayValue}\n                @change=${this.handleChange}\n                @input=${this.handleInput}\n                @focus=${this.onFocus}\n                @blur=${this.onBlur}\n                ?disabled=${this.disabled}\n                ?required=${this.required}\n                ?readonly=${this.readonly}\n                rows=${ifDefined(this.rows > -1 ? this.rows : undefined)}\n                autocomplete=${ifDefined(this.autocomplete)}\n            ></textarea>\n        `;\n    }\n\n  private get renderInput(): TemplateResult {\n    return html`\n      <!-- @ts-ignore -->\n      <input\n        name=${ifDefined(this.name || undefined)}\n        type=${this.type}\n        aria-describedby=${this.helpTextId}\n        aria-label=${this.label || this.appliedLabel || this.placeholder}\n        aria-invalid=${ifDefined(this.invalid || undefined)}\n        class=\"input\"\n        title=${this.invalid ? '' : nothing}\n        maxlength=${ifDefined(this.maxlength > -1 ? this.maxlength : undefined)}\n        minlength=${ifDefined(this.minlength > -1 ? this.minlength : undefined)}\n        pattern=${ifDefined(this.pattern)}\n        placeholder=${this.placeholder}\n        .value=${live(this.displayValue)}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @pointerdown=${this.handleInputElementPointerdown}\n        @focus=${this.onFocus}\n        @blur=${this.onBlur}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?readonly=${this.readonly}\n        autocomplete=${ifDefined(this.autocomplete)}\n      />\n    `;\n  }\n\n  protected renderField(): TemplateResult {\n    return html`\n      ${this.renderStateIcons()}\n      ${this.multiline ? this.renderMultiline : this.renderInput}\n    `;\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n      <div id=\"textfield\">${this.renderField()}</div>\n      ${this.renderHelpText(this.invalid)}\n    `;\n  }\n\n  protected override update(changedProperties: PropertyValues): void {\n    if (\n      changedProperties.has('value') ||\n      (changedProperties.has('required') && this.required)\n    ) {\n      this.updateComplete.then(() => {\n        this.checkValidity();\n      });\n    }\n    super.update(changedProperties);\n  }\n\n  public checkValidity(): boolean {\n    let validity = this.inputElement.checkValidity();\n    if (this.required || (this.value && this.pattern)) {\n      if ((this.disabled || this.multiline) && this.pattern) {\n        const regex = new RegExp(`^${this.pattern}$`, 'u');\n        validity = regex.test(this.value.toString());\n      }\n      if (typeof this.minlength !== 'undefined') {\n        validity = validity && this.value.toString().length >= this.minlength;\n      }\n      this.valid = validity;\n      this.invalid = !validity;\n    }\n    return validity;\n  }\n}\n\n/**\n * @element sp-textfield\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n */\nexport class Textfield extends TextfieldBase {\n  @property({ type: String })\n  public override set value(value: string) {\n    if (value === this.value) {\n      return;\n    }\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  public override get value(): string {\n    return this._value;\n  }\n\n  protected override _value = '';\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CSSResultArray,\n  html,\n  nothing,\n  PropertyValues,\n  SizedMixin,\n  TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n  property,\n  query,\n  state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n  ifDefined,\n  live,\n} from '@spectrum-web-components/base/src/directives.js';\nimport { ManageHelpText } from '@spectrum-web-components/help-text/src/manage-help-text.js';\nimport checkmarkStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport type { Placement } from '@spectrum-web-components/overlay';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\n\nimport textfieldStyles from './textfield.css.js';\nimport {\n  TruncatedValueTooltipController,\n  type TruncatedValueTooltipHost,\n} from './TruncatedValueTooltipController.dev.js'\n\nexport type { TruncatedValueTooltipHost } from './TruncatedValueTooltipController.dev.js'\nexport {\n  TruncatedValueTooltipController,\n  truncatedValueTooltipUpdatedSymbol,\n} from './TruncatedValueTooltipController.dev.js'\n\nconst textfieldTypes = ['text', 'url', 'tel', 'email', 'password'] as const;\nexport type TextfieldType = (typeof textfieldTypes)[number];\n\n/**\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class TextfieldBase extends ManageHelpText(\n  SizedMixin(Focusable, {\n    noDefaultSize: true,\n  })\n) {\n  protected truncatedValueTooltipController =\n    new TruncatedValueTooltipController(\n      this as unknown as TruncatedValueTooltipHost & typeof this\n    );\n  public static override get styles(): CSSResultArray {\n    return [textfieldStyles, checkmarkStyles];\n  }\n\n  @state()\n  protected appliedLabel?: string;\n\n  /**\n   * A regular expression outlining the keys that will be allowed to update the value of the form control.\n   */\n  @property({ attribute: 'allowed-keys' })\n  allowedKeys = '';\n\n  /**\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  public focused = false;\n\n  @query('.input:not(#sizer)')\n  protected inputElement!: HTMLInputElement | HTMLTextAreaElement;\n\n  /**\n   * Whether the `value` held by the form control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  public invalid = false;\n\n  /**\n   * A string applied via `aria-label` to the form control when a user visible label is not provided.\n   */\n  @property()\n  public label = '';\n\n  /**\n   * Name of the form control.\n   */\n  @property({ type: String, reflect: true })\n  public name: string | undefined;\n\n  /**\n   * Text that appears in the form control when it has no value set\n   */\n  @property()\n  public placeholder = '';\n\n  @state()\n  set type(val: TextfieldType) {\n    const prev = this._type;\n    this._type = val;\n    this.requestUpdate('type', prev);\n  }\n\n  get type(): TextfieldType {\n    return textfieldTypes.find((t) => t === this._type) ?? 'text';\n  }\n\n  /**\n   * @private\n   * This binding allows for invalid value for `type` to still be reflected to the DOM\n   */\n  @property({ attribute: 'type', reflect: true })\n  private _type: TextfieldType = 'text';\n\n  /**\n   * Pattern the `value` must match to be valid\n   */\n  @property()\n  public pattern?: string;\n\n  /**\n   * Whether a form control delivered with the `multiline` attribute will change size\n   * vertically to accomodate longer input\n   */\n  @property({ type: Boolean, reflect: true })\n  public grows = false;\n\n  /**\n   * Defines the maximum string length that the user can enter\n   */\n  @property({ type: Number })\n  public maxlength = -1;\n\n  /**\n   * Defines the minimum string length that the user can enter\n   */\n  @property({ type: Number })\n  public minlength = -1;\n\n  /**\n   * Whether the form control should accept a value longer than one line\n   */\n  @property({ type: Boolean, reflect: true })\n  public multiline = false;\n\n  /**\n   * Whether a user can interact with the value of the form control\n   */\n  @property({ type: Boolean, reflect: true })\n  public readonly = false;\n\n  /**\n   * Placement of the tooltip shown when the value is truncated (e.g. 'bottom', 'top').\n   * Defaults to 'bottom' per Spectrum design.\n   */\n  @property({ attribute: 'tooltip-placement' })\n  public truncatedValueTooltipPlacement: Placement = 'bottom';\n\n  /**\n   * The specific number of rows the form control should provide in the user interface\n   */\n  @property({ type: Number })\n  public rows = -1;\n\n  /**\n   * Whether the `value` held by the form control is valid.\n   */\n  @property({ type: Boolean, reflect: true })\n  public valid = false;\n\n  /**\n   * The value held by the form control\n   */\n  @property({ type: String })\n  public set value(value: string | number) {\n    if (value === this.value) {\n      return;\n    }\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  public get value(): string | number {\n    return this._value;\n  }\n\n  protected _value: string | number = '';\n\n  /**\n   * Whether to display the form control with no visible background\n   */\n  @property({ type: Boolean, reflect: true })\n  public quiet = false;\n\n  /**\n   * Whether the form control will be found to be invalid when it holds no `value`\n   */\n  @property({ type: Boolean, reflect: true })\n  public required = false;\n\n  /**\n   * What form of assistance should be provided when attempting to supply a value to the form control\n   *\n   * Note: combobox overrides `autocomplete` intentionally with `aria-autocomplete` values, which is\n   * why those values (although invalid for native `autocomplete`) are included here to support the\n   * combobox accessibility pattern.\n   */\n  @property({ type: String, reflect: true })\n  public autocomplete?:\n    | 'list'\n    | 'none'\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete'];\n\n  public override get focusElement(): HTMLInputElement | HTMLTextAreaElement {\n    return this.inputElement;\n  }\n\n  /**\n   * Sets the start and end positions of the current selection.\n   *\n   * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the\n   *  element's value is treated as pointing to the end of the value.\n   * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than\n   *  the length of the element's value is treated as pointing to the end of the value.\n   * @param [selectionDirection=\"none\"] A string indicating the direction in which the selection is considered to\n   *  have been performed.\n   */\n  public setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ): void {\n    this.inputElement.setSelectionRange(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\n  }\n\n  /**\n   * Selects all the text.\n   */\n  public select(): void {\n    this.inputElement.select();\n  }\n\n  protected handleInput(_event: Event): void {\n    if (this.allowedKeys && this.inputElement.value) {\n      const regExp = new RegExp(`^[${this.allowedKeys}]*$`, 'u');\n      if (!regExp.test(this.inputElement.value)) {\n        const selectionStart = this.inputElement.selectionStart as number;\n        const nextSelectStart = selectionStart - 1;\n        this.inputElement.value = this.value.toString();\n        this.inputElement.setSelectionRange(nextSelectStart, nextSelectStart);\n        return;\n      }\n    }\n    this.value = this.inputElement.value;\n  }\n\n  protected handleChange(): void {\n    this.dispatchEvent(\n      new Event('change', {\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  protected onFocus(): void {\n    this.focused = !this.readonly && true;\n  }\n\n  protected onBlur(_event: FocusEvent): void {\n    this.focused = !this.readonly && false;\n  }\n\n  protected handleInputElementPointerdown(): void {}\n\n  protected renderStateIcons(): TemplateResult | typeof nothing {\n    if (this.invalid) {\n      return html`\n        <sp-icon-alert id=\"invalid\" class=\"icon\"></sp-icon-alert>\n      `;\n    } else if (this.valid) {\n      return html`\n        <sp-icon-checkmark100\n          id=\"valid\"\n          class=\"icon spectrum-UIIcon-Checkmark100\"\n        ></sp-icon-checkmark100>\n      `;\n    }\n    return nothing;\n  }\n\n  protected get displayValue(): string {\n    return this.value.toString();\n  }\n\n  // prettier-ignore\n  private get renderMultiline(): TemplateResult {\n        return html`\n            ${this.multiline && this.grows && this.rows === -1\n                ? html`\n                      <div id=\"sizer\" class=\"input\" aria-hidden=\"true\">${this.value}&#8203;\n                      </div>\n                  `\n                : nothing}\n            <!-- @ts-ignore -->\n            <textarea\n                name=${ifDefined(this.name || undefined)}\n                aria-describedby=${this.helpTextId}\n                aria-label=${ifDefined(\n                    this.label || this.appliedLabel || this.placeholder || undefined\n                )}\n                aria-invalid=${ifDefined(this.invalid || undefined)}\n                class=\"input\"\n                maxlength=${ifDefined(\n                    this.maxlength > -1 ? this.maxlength : undefined\n                )}\n                minlength=${ifDefined(\n                    this.minlength > -1 ? this.minlength : undefined\n                )}\n                title=${this.invalid ? '' : nothing}\n                pattern=${ifDefined(this.pattern)}\n                placeholder=${this.placeholder}\n                .value=${this.displayValue}\n                @change=${this.handleChange}\n                @input=${this.handleInput}\n                @focus=${this.onFocus}\n                @blur=${this.onBlur}\n                ?disabled=${this.disabled}\n                ?required=${this.required}\n                ?readonly=${this.readonly}\n                rows=${ifDefined(this.rows > -1 ? this.rows : undefined)}\n                autocomplete=${ifDefined(this.autocomplete)}\n            ></textarea>\n        `;\n    }\n\n  private get renderInput(): TemplateResult {\n    return html`\n      <!-- @ts-ignore -->\n      <input\n        name=${ifDefined(this.name || undefined)}\n        type=${this.type}\n        aria-describedby=${this.helpTextId}\n        aria-label=${ifDefined(\n          this.label || this.appliedLabel || this.placeholder || undefined\n        )}\n        aria-invalid=${ifDefined(this.invalid || undefined)}\n        class=\"input\"\n        title=${this.invalid ? '' : nothing}\n        maxlength=${ifDefined(this.maxlength > -1 ? this.maxlength : undefined)}\n        minlength=${ifDefined(this.minlength > -1 ? this.minlength : undefined)}\n        pattern=${ifDefined(this.pattern)}\n        placeholder=${this.placeholder}\n        .value=${live(this.displayValue)}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @pointerdown=${this.handleInputElementPointerdown}\n        @focus=${this.onFocus}\n        @blur=${this.onBlur}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?readonly=${this.readonly}\n        autocomplete=${ifDefined(this.autocomplete)}\n      />\n    `;\n  }\n\n  protected renderField(): TemplateResult {\n    return html`\n      ${this.renderStateIcons()}\n      ${this.multiline ? this.renderMultiline : this.renderInput}\n    `;\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n      <div id=\"textfield\">${this.renderField()}</div>\n      ${this.truncatedValueTooltipController.render()}\n      ${this.renderHelpText(this.invalid)}\n    `;\n  }\n\n  protected override update(changedProperties: PropertyValues): void {\n    const valueOrRequiredChanged =\n      changedProperties.has('value') ||\n      (changedProperties.has('required') && this.required);\n\n    if (valueOrRequiredChanged) {\n      this.updateComplete.then(() => {\n        this.checkValidity();\n        if (changedProperties.has('value')) {\n          // Truncation tooltip uses an intentional multi-phase update: (1) first render puts value in\n          // DOM, (2) after updateComplete we measure and set truncation state, (3) controller defers\n          // requestUpdate to a microtask so a second render shows the tooltip. We cannot show the\n          // tooltip in the first render because we must measure after layout. This can cause a brief\n          // delay before the tooltip appears; that is expected.\n          this.truncatedValueTooltipController.refresh();\n        }\n      });\n    }\n\n    super.update(changedProperties);\n\n    if (changedProperties.has('focused') && !this.focused) {\n      this.truncatedValueTooltipController.refresh();\n    }\n  }\n\n  public checkValidity(): boolean {\n    let validity = this.inputElement.checkValidity();\n    if (this.required || (this.value && this.pattern)) {\n      if ((this.disabled || this.multiline) && this.pattern) {\n        const regex = new RegExp(`^${this.pattern}$`, 'u');\n        validity = regex.test(this.value.toString());\n      }\n      if (typeof this.minlength !== 'undefined') {\n        validity = validity && this.value.toString().length >= this.minlength;\n      }\n      this.valid = validity;\n      this.invalid = !validity;\n    }\n    return validity;\n  }\n}\n\n/**\n * @element sp-textfield\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n */\nexport class Textfield extends TextfieldBase {\n  @property({ type: String })\n  public override set value(value: string) {\n    if (value === this.value) {\n      return;\n    }\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  public override get value(): string {\n    return this._value;\n  }\n\n  protected override _value = '';\n}\n"],
+  "mappings": "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",
   "names": []
 }