@material/web 1.0.0-pre.1 → 1.0.0-pre.11

package/textfield/lib/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["text-field.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @requirecss {textfield.lib.shared_styles}\n *\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, PropertyValues, TemplateResult} from 'lit';\nimport {property, query, queryAssignedElements, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {live} from 'lit/directives/live.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport {html as staticHtml, StaticValue} from 'lit/static-html.js';\n\nimport {redispatchEvent} from '../../controller/events.js';\nimport {FormController, getFormValue} from '../../controller/form-controller.js';\nimport {stringConverter} from '../../controller/string-converter.js';\nimport {ariaProperty} from '../../decorators/aria-property.js';\nimport {ARIAAutoComplete, ARIAExpanded, ARIARole} from '../../types/aria.js';\n\n/**\n * Input types that are compatible with the text field.\n */\nexport type TextFieldType =\n    'email'|'number'|'password'|'search'|'tel'|'text'|'url';\n\n/**\n * Input types that are not fully supported for the text field.\n */\nexport type UnsupportedTextFieldType =\n    'color'|'date'|'datetime-local'|'file'|'month'|'time'|'week';\n\n/**\n * Input types that are incompatible with the text field.\n */\nexport type InvalidTextFieldType =\n    'button'|'checkbox'|'hidden'|'image'|'radio'|'range'|'reset'|'submit';\n\n/** @soyCompatible */\nexport abstract class TextField extends LitElement {\n  static override shadowRootOptions:\n      ShadowRootInit = {mode: 'open', delegatesFocus: true};\n\n  @property({type: Boolean, reflect: true}) disabled = false;\n  /**\n   * Gets or sets whether or not the text field is in a visually invalid state.\n   *\n   * Calling `reportValidity()` will automatically update `error`.\n   */\n  @property({type: Boolean, reflect: true}) error = false;\n  /**\n   * The error message that replaces supporting text when `error` is true. If\n   * `errorText` is an empty string, then the supporting text will continue to\n   * show.\n   *\n   * Calling `reportValidity()` will automatically update `errorText` to the\n   * native `validationMessage`.\n   */\n  @property({type: String}) errorText = '';\n  @property({type: String}) label?: string;\n  @property({type: Boolean, reflect: true}) required = false;\n  /**\n   * The current value of the text field. It is always a string.\n   *\n   * This is equal to `defaultValue` before user input.\n   */\n  @property({type: String}) value = '';\n  /**\n   * The default value of the text field. Before user input, changing the\n   * default value will update `value` as well.\n   *\n   * When the text field is reset, its `value` will be set to this default\n   * value.\n   */\n  @property({type: String}) defaultValue = '';\n  /**\n   * An optional prefix to display before the input value.\n   */\n  @property({type: String}) prefixText = '';\n  /**\n   * An optional suffix to display after the input value.\n   */\n  @property({type: String}) suffixText = '';\n  /**\n   * Whether or not the text field has a leading icon. Used for SSR.\n   */\n  @property({type: Boolean}) hasLeadingIcon = false;\n  /**\n   * Whether or not the text field has a trailing icon. Used for SSR.\n   */\n  @property({type: Boolean}) hasTrailingIcon = false;\n  /**\n   * Conveys additional information below the text field, such as how it should\n   * be used.\n   */\n  @property({type: String}) supportingText = '';\n  /**\n   * Override the input text CSS `direction`. Useful for RTL languages that use\n   * LTR notation for fractions.\n   */\n  @property({type: String}) textDirection = '';\n\n  // ARIA\n  // TODO(b/210730484): replace with @soyParam annotation\n  @property(\n      {type: String, attribute: 'data-aria-autocomplete', noAccessor: true})\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  override ariaAutoComplete: ARIAAutoComplete|null = null;\n\n  @property({type: String, attribute: 'data-aria-controls', noAccessor: true})\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  ariaControls: string|null = null;\n\n  @property(\n      {type: String, attribute: 'data-aria-activedescendant', noAccessor: true})\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  ariaActiveDescendant: string|null = null;\n\n  @property({type: String, attribute: 'data-aria-expanded', noAccessor: true})\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  override ariaExpanded: ARIAExpanded|null = null;\n\n  /**\n   * The `aria-label` of the text field's input.\n   */\n  @property({type: String, attribute: 'data-aria-label', noAccessor: true})\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  override ariaLabel!: string;\n\n  /**\n   * The `aria-labelledby` of the text field's input.\n   *\n   * Note: currently only usable in SSR light DOM.\n   */\n  @property({type: String, attribute: 'data-aria-labelledby', noAccessor: true})\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  ariaLabelledBy!: string;\n\n  // tslint:disable:decorator-placement\n  @property({type: String, attribute: 'data-role', noAccessor: true})\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  // @ts-ignore(b/264292293): Use `override` with TS 4.9+\n  role: ARIARole|null = null;\n  // tslint:enable:decorator-placement\n\n  // FormElement\n  get form() {\n    return this.closest('form');\n  }\n\n  @property({type: String, reflect: true, converter: stringConverter})\n  name = '';\n\n  [getFormValue]() {\n    return this.value;\n  }\n\n  // <input> properties\n  /**\n   * Defines the greatest value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max\n   */\n  @property({type: String}) max = '';\n  /**\n   * The maximum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength\n   */\n  @property({type: Number}) maxLength = -1;\n  /**\n   * Defines the most negative value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min\n   */\n  @property({type: String}) min = '';\n  /**\n   * The minimum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength\n   */\n  @property({type: Number}) minLength = -1;\n  /**\n   * A regular expression that the text field's value must match to pass\n   * constraint validation.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern\n   */\n  @property({type: String}) pattern = '';\n  @property({type: String, reflect: true, converter: stringConverter})\n  placeholder = '';\n\n  /**\n   * Indicates whether or not a user should be able to edit the text field's\n   * value.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly\n   */\n  @property({type: Boolean, reflect: true}) readOnly = false;\n\n  /**\n   * Gets or sets the direction in which selection occurred.\n   */\n  get selectionDirection() {\n    return this.getInput().selectionDirection;\n  }\n  set selectionDirection(value: 'forward'|'backward'|'none'|null) {\n    this.getInput().selectionDirection = value;\n  }\n\n  /**\n   * Gets or sets the end position or offset of a text selection.\n   */\n  get selectionEnd() {\n    return this.getInput().selectionEnd;\n  }\n  set selectionEnd(value: number|null) {\n    this.getInput().selectionEnd = value;\n  }\n\n  /**\n   * Gets or sets the starting position or offset of a text selection.\n   */\n  get selectionStart() {\n    return this.getInput().selectionStart;\n  }\n  set selectionStart(value: number|null) {\n    this.getInput().selectionStart = value;\n  }\n\n  /**\n   * Returns or sets the element's step attribute, which works with min and max\n   * to limit the increments at which a numeric or date-time value can be set.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step\n   */\n  @property({type: String}) step = '';\n\n  // TODO(b/237284412): replace with exported types\n  @property({type: String, reflect: true})\n  type: 'email'|'number'|'password'|'search'|'tel'|'text'|'url'|'color'|'date'|\n      'datetime-local'|'file'|'month'|'time'|'week' = 'text';\n\n  /**\n   * Returns the native validation error message that would be displayed upon\n   * calling `reportValidity()`.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage\n   */\n  get validationMessage() {\n    return this.getInput().validationMessage;\n  }\n\n  /**\n   * Returns a ValidityState object that represents the validity states of the\n   * text field.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validity\n   */\n  get validity() {\n    return this.getInput().validity;\n  }\n\n  /**\n   * The text field's value as a number.\n   */\n  get valueAsNumber() {\n    return this.getInput().valueAsNumber;\n  }\n  set valueAsNumber(value: number) {\n    this.getInput().valueAsNumber = value;\n    this.value = this.getInput().value;\n  }\n\n  /**\n   * The text field's value as a Date.\n   */\n  get valueAsDate() {\n    return this.getInput().valueAsDate;\n  }\n  set valueAsDate(value: Date|null) {\n    this.getInput().valueAsDate = value;\n    this.value = this.getInput().value;\n  }\n\n  /**\n   * Returns whether an element will successfully validate based on forms\n   * validation rules and constraints.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/willValidate\n   */\n  get willValidate() {\n    return this.getInput().willValidate;\n  }\n\n  /**\n   * Returns true when the text field has been interacted with. Native\n   * validation errors only display in response to user interactions.\n   */\n  @state() protected dirty = false;\n  @state() protected focused = false;\n  /**\n   * When set to true, the error text's `role=\"alert\"` will be removed, then\n   * re-added after an animation frame. This will re-announce an error message\n   * to screen readers.\n   */\n  @state() protected refreshErrorAlert = false;\n  /**\n   * Returns true when the text field's `value` property has been changed from\n   * it's initial value.\n   *\n   * Setting `value` should always overwrite `defaultValue`, even when `value`\n   * is an empty string. This flag ensures that behavior.\n   */\n  @state() protected valueHasChanged = false;\n  /**\n   * Whether or not to ignore the next `value` change when computing\n   * `valueHasChanged`.\n   */\n  protected ignoreNextValueChange = false;\n  /**\n   * Whether or not a native error has been reported via `reportValidity()`.\n   */\n  @state() protected nativeError = false;\n  /**\n   * The validation message displayed from a native error via\n   * `reportValidity()`.\n   */\n  @state() protected nativeErrorText = '';\n  @query('.md3-text-field__input')\n  protected readonly input?: HTMLInputElement|null;\n  protected abstract readonly fieldTag: StaticValue;\n\n  /** @soyUniqueAttribute */\n  private readonly counterId = 'counter';\n  @queryAssignedElements({slot: 'leadingicon'})\n  private readonly leadingIcons!: Element[];\n  @queryAssignedElements({slot: 'trailingicon'})\n  private readonly trailingIcons!: Element[];\n  /** @soyUniqueAttribute */\n  private readonly supportingTextId = 'support';\n\n  constructor() {\n    super();\n    this.addController(new FormController(this));\n    // TODO(b/244574653): replace this.handleClick with this.focus\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('focusin', this.handleFocusin);\n    this.addEventListener('focusout', this.handleFocusout);\n  }\n\n  /**\n   * Checks the text field's native validation and returns whether or not the\n   * element is valid.\n   *\n   * If invalid, this method will dispatch the `invalid` event.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n   *\n   * @return true if the text field is valid, or false if not.\n   */\n  checkValidity() {\n    const {valid} = this.checkValidityAndDispatch();\n    return valid;\n  }\n\n  /**\n   * Focuses the text field's input text.\n   */\n  override focus() {\n    if (this.disabled || this.matches(':focus-within')) {\n      // Don't shift focus from an element within the text field, like an icon\n      // button, to the input when focus is requested.\n      return;\n    }\n\n    // TODO(b/210731759): replace with super.focus() once SSR supports\n    // delegating focus\n    this.getInput().focus();\n  }\n\n  /**\n   * Unfocuses the text field.\n   */\n  override blur() {\n    this.getInput().blur();\n  }\n\n  /**\n   * Checks the text field's native validation and returns whether or not the\n   * element is valid.\n   *\n   * If invalid, this method will dispatch the `invalid` event.\n   *\n   * This method will display or clear an error text message equal to the text\n   * field's `validationMessage`, unless the invalid event is canceled.\n   *\n   * Use `setCustomValidity()` to customize the `validationMessage`.\n   *\n   * This method can also be used to re-announce error messages to screen\n   * readers.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n   *\n   * @return true if the text field is valid, or false if not.\n   */\n  reportValidity() {\n    const {valid, canceled} = this.checkValidityAndDispatch();\n    if (!canceled) {\n      const prevMessage = this.getErrorText();\n      this.nativeError = !valid;\n      this.nativeErrorText = this.validationMessage;\n\n      const needsRefresh =\n          this.shouldErrorAnnounce() && prevMessage === this.getErrorText();\n      if (needsRefresh) {\n        this.refreshErrorAlert = true;\n      }\n    }\n\n    return valid;\n  }\n\n  /**\n   * Selects all the text in the text field.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select\n   */\n  select() {\n    this.getInput().select();\n  }\n\n  /**\n   * Sets the text field's native validation error message. This is used to\n   * customize `validationMessage`.\n   *\n   * When the error is not an empty string, the text field is considered invalid\n   * and `validity.customError` will be true.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n   *\n   * @param error The error message to display.\n   */\n  setCustomValidity(error: string) {\n    this.getInput().setCustomValidity(error);\n  }\n\n  /**\n   * Replaces a range of text with a new string.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setRangeText\n   */\n  setRangeText(replacement: string): void;\n  setRangeText(\n      replacement: string, start: number, end: number,\n      selectionMode?: SelectionMode): void;\n  setRangeText(...args: unknown[]) {\n    // Calling setRangeText with 1 vs 3-4 arguments has different behavior.\n    // Use spread syntax and type casting to ensure correct usage.\n    this.getInput().setRangeText(\n        ...args as Parameters<HTMLInputElement['setRangeText']>);\n    this.value = this.getInput().value;\n  }\n\n  /**\n   * Sets the start and end positions of a selection in the text field.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n   *\n   * @param start The offset into the text field for the start of the selection.\n   * @param end The offset into the text field for the end of the selection.\n   * @param direction The direction in which the selection is performed.\n   */\n  setSelectionRange(\n      start: number|null, end: number|null,\n      direction?: 'forward'|'backward'|'none') {\n    this.getInput().setSelectionRange(start, end, direction);\n  }\n\n  /**\n   * Decrements the value of a numeric type text field by `step` or `n` `step`\n   * number of times.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown\n   *\n   * @param stepDecrement The number of steps to decrement, defaults to 1.\n   */\n  stepDown(stepDecrement?: number) {\n    const input = this.getInput();\n    input.stepDown(stepDecrement);\n    this.value = input.value;\n  }\n\n  /**\n   * Increments the value of a numeric type text field by `step` or `n` `step`\n   * number of times.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp\n   *\n   * @param stepIncrement The number of steps to increment, defaults to 1.\n   */\n  stepUp(stepIncrement?: number) {\n    const input = this.getInput();\n    input.stepUp(stepIncrement);\n    this.value = input.value;\n  }\n\n  /**\n   * Reset the text field to its default value.\n   */\n  reset() {\n    this.dirty = false;\n    this.valueHasChanged = false;\n    this.ignoreNextValueChange = true;\n    this.value = this.defaultValue;\n    this.nativeError = false;\n    this.nativeErrorText = '';\n  }\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n       <span class=\"md3-text-field ${classMap(this.getRenderClasses())}\">\n         ${this.renderField()}\n       </span>\n     `;\n  }\n\n  /** @soyTemplate */\n  protected getRenderClasses(): ClassInfo {\n    return {\n      'md3-text-field--disabled': this.disabled,\n      'md3-text-field--error': this.getError(),\n    };\n  }\n\n  /** @soyTemplate */\n  protected getError(): boolean {\n    return this.error || this.nativeError;\n  }\n\n  /** @soyTemplate */\n  protected renderField(): TemplateResult {\n    const prefix = this.renderPrefix();\n    const suffix = this.renderSuffix();\n    const input = this.renderInput();\n    const inputValue = this.getInputValue();\n\n    return staticHtml`<${this.fieldTag}\n      class=\"md3-text-field__field\"\n      ?disabled=${this.disabled}\n      ?error=${this.getError()}\n      ?focused=${this.focused}\n      ?hasEnd=${this.hasTrailingIcon}\n      ?hasStart=${this.hasLeadingIcon}\n      .label=${this.label}\n      ?populated=${!!inputValue}\n      ?required=${this.required}\n    >\n      ${this.renderLeadingIcon()}\n      ${prefix}${input}${suffix}\n      ${this.renderTrailingIcon()}\n      ${this.renderSupportingText()}\n      ${this.renderCounter()}\n    </${this.fieldTag}>`;\n  }\n\n  /**\n   * @soyTemplate\n   * @slotName start\n   */\n  protected renderLeadingIcon(): TemplateResult {\n    return html`\n       <span class=\"md3-text-field__icon md3-text-field__icon--leading\"\n           slot=\"start\">\n         <slot name=\"leadingicon\" @slotchange=${this.handleIconChange}></slot>\n       </span>\n     `;\n  }\n\n  /**\n   * @soyTemplate\n   * @slotName end\n   */\n  protected renderTrailingIcon(): TemplateResult {\n    return html`\n       <span class=\"md3-text-field__icon md3-text-field__icon--trailing\"\n           slot=\"end\">\n         <slot name=\"trailingicon\" @slotchange=${this.handleIconChange}></slot>\n       </span>\n     `;\n  }\n\n  /** @soyTemplate */\n  protected renderInput(): TemplateResult {\n    // TODO(b/237283903): remove when custom isTruthy directive is supported\n    const placeholderValue = this.placeholder || undefined;\n    const ariaActiveDescendantValue = this.ariaActiveDescendant || undefined;\n    const ariaAutoCompleteValue = this.ariaAutoComplete || undefined;\n    const ariaControlsValue = this.ariaControls || undefined;\n    const ariaDescribedByValue = this.getAriaDescribedBy() || undefined;\n    const ariaExpandedValue = this.ariaExpanded || undefined;\n    const ariaLabelValue = this.ariaLabel || this.label || undefined;\n    const ariaLabelledByValue = this.ariaLabelledBy || undefined;\n    const maxValue = this.max || undefined;\n    const maxLengthValue = this.maxLength > -1 ? this.maxLength : undefined;\n    const minValue = this.min || undefined;\n    const minLengthValue = this.minLength > -1 ? this.minLength : undefined;\n    const patternValue = this.pattern || undefined;\n    const roleValue = this.role || undefined;\n    const stepValue = this.step || undefined;\n\n    /** @styleMap */\n    const style = {direction: this.textDirection};\n\n    // TODO(b/243805848): remove `as unknown as number` once lit analyzer is\n    // fixed\n    return html`<input\n       class=\"md3-text-field__input\"\n       style=${styleMap(style)}\n       aria-activedescendant=${ifDefined(ariaActiveDescendantValue)}\n       aria-autocomplete=${ifDefined(ariaAutoCompleteValue)}\n       aria-controls=${ifDefined(ariaControlsValue)}\n       aria-describedby=${ifDefined(ariaDescribedByValue)}\n       aria-expanded=${ifDefined(ariaExpandedValue)}\n       aria-invalid=${this.getError()}\n       aria-label=${ifDefined(ariaLabelValue)}\n       aria-labelledby=${ifDefined(ariaLabelledByValue)}\n       ?disabled=${this.disabled}\n       max=${ifDefined(maxValue as unknown as number)}\n       maxlength=${ifDefined(maxLengthValue)}\n       min=${ifDefined(minValue as unknown as number)}\n       minlength=${ifDefined(minLengthValue)}\n       pattern=${ifDefined(patternValue)}\n       placeholder=${ifDefined(placeholderValue)}\n       role=${ifDefined(roleValue)}\n       ?readonly=${this.readOnly}\n       ?required=${this.required}\n       step=${ifDefined(stepValue as unknown as number)}\n       type=${this.type}\n       .value=${live(this.getInputValue())}\n       @change=${this.redispatchEvent}\n       @input=${this.handleInput}\n       @select=${this.redispatchEvent}\n     >`;\n  }\n\n  /** @soyTemplate */\n  protected getInputValue(): string {\n    const alwaysShowValue = this.dirty || this.valueHasChanged;\n    return alwaysShowValue ? this.value : this.defaultValue || this.value;\n  }\n\n  /** @soyTemplate */\n  protected getAriaDescribedBy(): string {\n    const hasSupport = !!this.getSupportingText();\n    const hasCounter = this.hasCounter();\n    // TODO(b/244609052): remove parens\n    return (hasSupport || hasCounter) ?\n        `${hasSupport ? this.supportingTextId : ''} ${\n            hasCounter ? this.counterId : ''}` :\n        '';\n  }\n\n  /** @soyTemplate */\n  protected renderPrefix(): TemplateResult {\n    return this.prefixText ?\n        html`<span class=\"md3-text-field__prefix\">${this.prefixText}</span>` :\n        html``;\n\n    // TODO(b/217441842): Create shared function once argument bug is fixed\n    // return this.renderAffix(/* isSuffix */ false);\n  }\n\n  /** @soyTemplate */\n  protected renderSuffix(): TemplateResult {\n    return this.suffixText ?\n        html`<span class=\"md3-text-field__suffix\">${this.suffixText}</span>` :\n        html``;\n\n    // TODO(b/217441842): Create shared function once argument bug is fixed\n    // return this.renderAffix(/* isSuffix */ true);\n  }\n\n  /**\n   * @soyTemplate\n   * @slotName supporting-text\n   */\n  protected renderSupportingText(): TemplateResult {\n    const shouldAlert = this.shouldErrorAnnounce();\n    const text = this.getSupportingText();\n    const template = html`<span id=${this.supportingTextId} \n      slot=\"supporting-text\" \n      role=${ifDefined(shouldAlert ? 'alert' : undefined)}>${text}</span>`;\n\n    return text ? template : html``;\n  }\n\n  /** @soyTemplate */\n  protected getSupportingText(): string {\n    const errorText = this.getErrorText();\n    return this.getError() && errorText ? errorText : this.supportingText;\n  }\n\n  /** @soyTemplate */\n  protected getErrorText(): string {\n    return this.error ? this.errorText : this.nativeErrorText;\n  }\n\n  /** @soyTemplate */\n  protected shouldErrorAnnounce(): boolean {\n    // Announce if there is an error and error text visible.\n    // If refreshErrorAlert is true, do not announce. This will remove the\n    // role=\"alert\" attribute. Another render cycle will happen after an\n    // animation frame to re-add the role.\n    return this.getError() && !!this.getErrorText() && !this.refreshErrorAlert;\n  }\n\n  /**\n   * @soyTemplate\n   * @slotName supporting-text-end\n   */\n  protected renderCounter(): TemplateResult {\n    const counter = html`<span id=${this.counterId}\n       class=\"md3-text-field__counter\"\n       slot=\"supporting-text-end\">${this.getCounterText()}</span>`;\n    // TODO(b/244473435): add aria-label and announcements\n    return this.hasCounter() ? counter : html``;\n  }\n\n  // TODO(b/244197198): replace with !!this.getCounterText()\n  /** @soyTemplate */\n  protected hasCounter(): boolean {\n    return this.maxLength > -1;\n  }\n\n  /** @soyTemplate */\n  protected getCounterText(): TemplateResult {\n    // TODO(b/244197198): replace with string return\n    const length = this.value.length;\n    return this.hasCounter() ? html`${length} / ${this.maxLength}` : html``;\n  }\n\n  protected override update(changedProperties: PropertyValues<TextField>) {\n    // Consider a value change anything that is not the initial empty string\n    // value.\n    const valueHasChanged = changedProperties.has('value') &&\n        changedProperties.get('value') !== undefined;\n    if (valueHasChanged && !this.ignoreNextValueChange) {\n      this.valueHasChanged = true;\n    }\n\n    if (this.ignoreNextValueChange) {\n      this.ignoreNextValueChange = false;\n    }\n\n    super.update(changedProperties);\n  }\n\n  protected override updated(changedProperties: PropertyValues) {\n    // If a property such as `type` changes and causes the internal <input>\n    // value to change without dispatching an event, re-sync it.\n    const value = this.getInput().value;\n    if (this.value !== value) {\n      // Don't consider these updates (such as setting `defaultValue`) as\n      // the developer directly changing the `value`.\n      this.ignoreNextValueChange = true;\n      // Note this is typically inefficient in updated() since it schedules\n      // another update. However, it is needed for the <input> to fully render\n      // before checking its value.\n      this.value = value;\n    }\n\n    if (this.refreshErrorAlert) {\n      // The past render cycle removed the role=\"alert\" from the error message.\n      // Re-add it after an animation frame to re-announce the error.\n      requestAnimationFrame(() => {\n        this.refreshErrorAlert = false;\n      });\n    }\n  }\n\n  /** @bubbleWizEvent */\n  protected handleClick() {\n    this.focus();\n  }\n\n  /** @bubbleWizEvent */\n  protected handleFocusin(event: FocusEvent) {\n    this.focused = true;\n  }\n\n  /** @bubbleWizEvent */\n  protected handleFocusout(event: FocusEvent) {\n    if (this.matches(':focus-within')) {\n      // Changing focus to another child within the text field, like a button\n      return;\n    }\n\n    this.focused = false;\n  }\n\n  protected handleInput(event: InputEvent) {\n    this.dirty = true;\n    this.value = (event.target as HTMLInputElement).value;\n    this.redispatchEvent(event);\n  }\n\n  protected redispatchEvent(event: Event) {\n    redispatchEvent(this, event);\n  }\n\n  protected getInput() {\n    if (!this.input) {\n      // If the input is not yet defined, synchronously render.\n      // e.g.\n      // const textField = document.createElement('md-outlined-text-field');\n      // document.body.appendChild(textField);\n      // textField.focus(); // synchronously render\n      this.connectedCallback();\n      this.scheduleUpdate();\n    }\n\n    if (this.isUpdatePending) {\n      // If there are pending updates, synchronously perform them. This ensures\n      // that constraint validation properties (like `required`) are synced\n      // before interacting with input APIs that depend on them.\n      this.scheduleUpdate();\n    }\n\n    return this.input!;\n  }\n\n  private checkValidityAndDispatch() {\n    const valid = this.getInput().checkValidity();\n    let canceled = false;\n    if (!valid) {\n      canceled = !this.dispatchEvent(new Event('invalid', {cancelable: true}));\n    }\n\n    return {valid, canceled};\n  }\n\n  private handleIconChange() {\n    this.hasLeadingIcon = this.leadingIcons.length > 0;\n    this.hasTrailingIcon = this.trailingIcons.length > 0;\n  }\n}\n"]}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["text-field.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, isServer, LitElement, nothing, PropertyValues} from 'lit';\nimport {property, query, queryAssignedElements, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {live} from 'lit/directives/live.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport {html as staticHtml, StaticValue} from 'lit/static-html.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\nimport {redispatchEvent} from '../../internal/controller/events.js';\nimport {stringConverter} from '../../internal/controller/string-converter.js';\n\n/**\n * Input types that are compatible with the text field.\n */\nexport type TextFieldType =\n    'email'|'number'|'password'|'search'|'tel'|'text'|'url';\n\n/**\n * Input types that are not fully supported for the text field.\n */\nexport type UnsupportedTextFieldType =\n    'color'|'date'|'datetime-local'|'file'|'month'|'time'|'week';\n\n/**\n * Input types that are incompatible with the text field.\n */\nexport type InvalidTextFieldType =\n    'button'|'checkbox'|'hidden'|'image'|'radio'|'range'|'reset'|'submit';\n\n/**\n * A text field component.\n */\nexport abstract class TextField extends LitElement {\n  static {\n    requestUpdateOnAriaChange(this);\n  }\n\n  /** @nocollapse */\n  static override shadowRootOptions:\n      ShadowRootInit = {...LitElement.shadowRootOptions, delegatesFocus: true};\n\n  /** @nocollapse  */\n  static formAssociated = true;\n\n  @property({type: Boolean, reflect: true}) disabled = false;\n  /**\n   * Gets or sets whether or not the text field is in a visually invalid state.\n   *\n   * Calling `reportValidity()` will automatically update `error`.\n   */\n  @property({type: Boolean, reflect: true}) error = false;\n  /**\n   * The error message that replaces supporting text when `error` is true. If\n   * `errorText` is an empty string, then the supporting text will continue to\n   * show.\n   *\n   * Calling `reportValidity()` will automatically update `errorText` to the\n   * native `validationMessage`.\n   */\n  @property() errorText = '';\n  @property() label?: string;\n  @property({type: Boolean, reflect: true}) required = false;\n  /**\n   * The current value of the text field. It is always a string.\n   */\n  @property() value = '';\n  /**\n   * An optional prefix to display before the input value.\n   */\n  @property() prefixText = '';\n  /**\n   * An optional suffix to display after the input value.\n   */\n  @property() suffixText = '';\n  /**\n   * Whether or not the text field has a leading icon. Used for SSR.\n   */\n  @property({type: Boolean}) hasLeadingIcon = false;\n  /**\n   * Whether or not the text field has a trailing icon. Used for SSR.\n   */\n  @property({type: Boolean}) hasTrailingIcon = false;\n  /**\n   * Conveys additional information below the text field, such as how it should\n   * be used.\n   */\n  @property() supportingText = '';\n  /**\n   * Override the input text CSS `direction`. Useful for RTL languages that use\n   * LTR notation for fractions.\n   */\n  @property() textDirection = '';\n\n  /**\n   * The associated form element with which this element's value will submit.\n   */\n  get form() {\n    return this.internals.form;\n  }\n\n  /**\n   * The labels this element is associated with.\n   */\n  get labels() {\n    return this.internals.labels;\n  }\n\n  /**\n   * The HTML name to use in form submission.\n   */\n  get name() {\n    return this.getAttribute('name') ?? '';\n  }\n  set name(name: string) {\n    this.setAttribute('name', name);\n  }\n\n  // <input> properties\n  /**\n   * Defines the greatest value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max\n   */\n  @property() max = '';\n  /**\n   * The maximum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength\n   */\n  @property({type: Number}) maxLength = -1;\n  /**\n   * Defines the most negative value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min\n   */\n  @property() min = '';\n  /**\n   * The minimum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength\n   */\n  @property({type: Number}) minLength = -1;\n  /**\n   * A regular expression that the text field's value must match to pass\n   * constraint validation.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern\n   */\n  @property() pattern = '';\n  @property({reflect: true, converter: stringConverter}) placeholder = '';\n\n  /**\n   * Indicates whether or not a user should be able to edit the text field's\n   * value.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly\n   */\n  @property({type: Boolean, reflect: true}) readOnly = false;\n\n  /**\n   * Gets or sets the direction in which selection occurred.\n   */\n  get selectionDirection() {\n    return this.getInput().selectionDirection;\n  }\n  set selectionDirection(value: 'forward'|'backward'|'none'|null) {\n    this.getInput().selectionDirection = value;\n  }\n\n  /**\n   * Gets or sets the end position or offset of a text selection.\n   */\n  get selectionEnd() {\n    return this.getInput().selectionEnd;\n  }\n  set selectionEnd(value: number|null) {\n    this.getInput().selectionEnd = value;\n  }\n\n  /**\n   * Gets or sets the starting position or offset of a text selection.\n   */\n  get selectionStart() {\n    return this.getInput().selectionStart;\n  }\n  set selectionStart(value: number|null) {\n    this.getInput().selectionStart = value;\n  }\n\n  /**\n   * Returns or sets the element's step attribute, which works with min and max\n   * to limit the increments at which a numeric or date-time value can be set.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step\n   */\n  @property() step = '';\n\n  @property({reflect: true})\n  type: TextFieldType|UnsupportedTextFieldType = 'text';\n\n  /**\n   * Returns the native validation error message that would be displayed upon\n   * calling `reportValidity()`.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage\n   */\n  get validationMessage() {\n    return this.getInput().validationMessage;\n  }\n\n  /**\n   * Returns a ValidityState object that represents the validity states of the\n   * text field.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validity\n   */\n  get validity() {\n    return this.getInput().validity;\n  }\n\n  /**\n   * The text field's value as a number.\n   */\n  get valueAsNumber() {\n    return this.getInput().valueAsNumber;\n  }\n  set valueAsNumber(value: number) {\n    this.getInput().valueAsNumber = value;\n    this.value = this.getInput().value;\n  }\n\n  /**\n   * The text field's value as a Date.\n   */\n  get valueAsDate() {\n    return this.getInput().valueAsDate;\n  }\n  set valueAsDate(value: Date|null) {\n    this.getInput().valueAsDate = value;\n    this.value = this.getInput().value;\n  }\n\n  /**\n   * Returns whether an element will successfully validate based on forms\n   * validation rules and constraints.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/willValidate\n   */\n  get willValidate() {\n    return this.getInput().willValidate;\n  }\n\n  protected abstract readonly fieldTag: StaticValue;\n\n  /**\n   * Returns true when the text field has been interacted with. Native\n   * validation errors only display in response to user interactions.\n   */\n  @state() private dirty = false;\n  @state() private focused = false;\n  /**\n   * When set to true, the error text's `role=\"alert\"` will be removed, then\n   * re-added after an animation frame. This will re-announce an error message\n   * to screen readers.\n   */\n  @state() private refreshErrorAlert = false;\n  /**\n   * Whether or not a native error has been reported via `reportValidity()`.\n   */\n  @state() private nativeError = false;\n  /**\n   * The validation message displayed from a native error via\n   * `reportValidity()`.\n   */\n  @state() private nativeErrorText = '';\n\n  private get hasError() {\n    return this.error || this.nativeError;\n  }\n\n  @query('input') private readonly input?: HTMLInputElement|null;\n  @queryAssignedElements({slot: 'leadingicon'})\n  private readonly leadingIcons!: Element[];\n  @queryAssignedElements({slot: 'trailingicon'})\n  private readonly trailingIcons!: Element[];\n  private readonly internals =\n      (this as HTMLElement /* needed for closure */).attachInternals();\n\n  constructor() {\n    super();\n    if (!isServer) {\n      this.addEventListener('click', this.focus);\n      this.addEventListener('focusin', this.handleFocusin);\n      this.addEventListener('focusout', this.handleFocusout);\n    }\n  }\n\n  /**\n   * Checks the text field's native validation and returns whether or not the\n   * element is valid.\n   *\n   * If invalid, this method will dispatch the `invalid` event.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n   *\n   * @return true if the text field is valid, or false if not.\n   */\n  checkValidity() {\n    const {valid} = this.checkValidityAndDispatch();\n    return valid;\n  }\n\n  /**\n   * Focuses the text field's input text.\n   */\n  override focus() {\n    if (this.disabled || this.matches(':focus-within')) {\n      // Don't shift focus from an element within the text field, like an icon\n      // button, to the input when focus is requested.\n      return;\n    }\n\n    super.focus();\n  }\n\n  /**\n   * Checks the text field's native validation and returns whether or not the\n   * element is valid.\n   *\n   * If invalid, this method will dispatch the `invalid` event.\n   *\n   * This method will display or clear an error text message equal to the text\n   * field's `validationMessage`, unless the invalid event is canceled.\n   *\n   * Use `setCustomValidity()` to customize the `validationMessage`.\n   *\n   * This method can also be used to re-announce error messages to screen\n   * readers.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n   *\n   * @return true if the text field is valid, or false if not.\n   */\n  reportValidity() {\n    const {valid, canceled} = this.checkValidityAndDispatch();\n    if (!canceled) {\n      const prevMessage = this.getErrorText();\n      this.nativeError = !valid;\n      this.nativeErrorText = this.validationMessage;\n\n      const needsRefresh =\n          this.shouldErrorAnnounce() && prevMessage === this.getErrorText();\n      if (needsRefresh) {\n        this.refreshErrorAlert = true;\n      }\n    }\n\n    return valid;\n  }\n\n  /**\n   * Selects all the text in the text field.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select\n   */\n  select() {\n    this.getInput().select();\n  }\n\n  /**\n   * Sets the text field's native validation error message. This is used to\n   * customize `validationMessage`.\n   *\n   * When the error is not an empty string, the text field is considered invalid\n   * and `validity.customError` will be true.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n   *\n   * @param error The error message to display.\n   */\n  setCustomValidity(error: string) {\n    this.getInput().setCustomValidity(error);\n  }\n\n  /**\n   * Replaces a range of text with a new string.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setRangeText\n   */\n  setRangeText(replacement: string): void;\n  setRangeText(\n      replacement: string, start: number, end: number,\n      selectionMode?: SelectionMode): void;\n  setRangeText(...args: unknown[]) {\n    // Calling setRangeText with 1 vs 3-4 arguments has different behavior.\n    // Use spread syntax and type casting to ensure correct usage.\n    this.getInput().setRangeText(\n        ...args as Parameters<HTMLInputElement['setRangeText']>);\n    this.value = this.getInput().value;\n  }\n\n  /**\n   * Sets the start and end positions of a selection in the text field.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n   *\n   * @param start The offset into the text field for the start of the selection.\n   * @param end The offset into the text field for the end of the selection.\n   * @param direction The direction in which the selection is performed.\n   */\n  setSelectionRange(\n      start: number|null, end: number|null,\n      direction?: 'forward'|'backward'|'none') {\n    this.getInput().setSelectionRange(start, end, direction);\n  }\n\n  /**\n   * Decrements the value of a numeric type text field by `step` or `n` `step`\n   * number of times.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown\n   *\n   * @param stepDecrement The number of steps to decrement, defaults to 1.\n   */\n  stepDown(stepDecrement?: number) {\n    const input = this.getInput();\n    input.stepDown(stepDecrement);\n    this.value = input.value;\n  }\n\n  /**\n   * Increments the value of a numeric type text field by `step` or `n` `step`\n   * number of times.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp\n   *\n   * @param stepIncrement The number of steps to increment, defaults to 1.\n   */\n  stepUp(stepIncrement?: number) {\n    const input = this.getInput();\n    input.stepUp(stepIncrement);\n    this.value = input.value;\n  }\n\n  /**\n   * Reset the text field to its default value.\n   */\n  reset() {\n    this.dirty = false;\n    this.value = this.getAttribute('value') ?? '';\n    this.nativeError = false;\n    this.nativeErrorText = '';\n  }\n\n  override attributeChangedCallback(\n      attribute: string, newValue: string|null, oldValue: string|null) {\n    if (attribute === 'value' && this.dirty) {\n      // After user input, changing the value attribute no longer updates the\n      // text field's value (until reset). This matches native <input> behavior.\n      return;\n    }\n\n    super.attributeChangedCallback(attribute, newValue, oldValue);\n  }\n\n  protected override render() {\n    const classes = {\n      'disabled': this.disabled,\n      'error': !this.disabled && this.hasError,\n    };\n\n    return html`\n       <span class=\"text-field ${classMap(classes)}\">\n         ${this.renderField()}\n       </span>\n     `;\n  }\n\n  protected override updated(changedProperties: PropertyValues) {\n    // Keep changedProperties arg so that subclasses may call it\n\n    // If a property such as `type` changes and causes the internal <input>\n    // value to change without dispatching an event, re-sync it.\n    const value = this.getInput().value;\n    this.internals.setFormValue(value);\n    if (this.value !== value) {\n      // Note this is typically inefficient in updated() since it schedules\n      // another update. However, it is needed for the <input> to fully render\n      // before checking its value.\n      this.value = value;\n    }\n\n    if (this.refreshErrorAlert) {\n      // The past render cycle removed the role=\"alert\" from the error message.\n      // Re-add it after an animation frame to re-announce the error.\n      requestAnimationFrame(() => {\n        this.refreshErrorAlert = false;\n      });\n    }\n  }\n\n  private renderField() {\n    const prefix = this.renderPrefix();\n    const suffix = this.renderSuffix();\n    const input = this.renderInput();\n\n    return staticHtml`<${this.fieldTag}\n      class=\"field\"\n      ?disabled=${this.disabled}\n      ?error=${this.hasError}\n      ?focused=${this.focused}\n      ?hasEnd=${this.hasTrailingIcon}\n      ?hasStart=${this.hasLeadingIcon}\n      .label=${this.label}\n      ?populated=${!!this.value}\n      ?required=${this.required}\n    >\n      ${this.renderLeadingIcon()}\n      ${prefix}${input}${suffix}\n      ${this.renderTrailingIcon()}\n      ${this.renderSupportingText()}\n      ${this.renderCounter()}\n    </${this.fieldTag}>`;\n  }\n\n  private renderLeadingIcon() {\n    return html`\n       <span class=\"icon leading\" slot=\"start\">\n         <slot name=\"leadingicon\" @slotchange=${this.handleIconChange}></slot>\n       </span>\n     `;\n  }\n\n  private renderTrailingIcon() {\n    return html`\n       <span class=\"icon trailing\" slot=\"end\">\n         <slot name=\"trailingicon\" @slotchange=${this.handleIconChange}></slot>\n       </span>\n     `;\n  }\n\n  private renderInput() {\n    const style = {direction: this.textDirection};\n\n    // TODO(b/243805848): remove `as unknown as number` once lit analyzer is\n    // fixed\n    return html`<input\n       style=${styleMap(style)}\n       aria-autocomplete=${\n        (this as ARIAMixinStrict).ariaAutoComplete || nothing}\n       aria-describedby=${this.getAriaDescribedBy() || nothing}\n       aria-expanded=${(this as ARIAMixinStrict).ariaExpanded || nothing}\n       aria-invalid=${this.hasError}\n       aria-label=${\n        (this as ARIAMixinStrict).ariaLabel || this.label || nothing}\n       ?disabled=${this.disabled}\n       max=${(this.max || nothing) as unknown as number}\n       maxlength=${this.maxLength > -1 ? this.maxLength : nothing}\n       min=${(this.min || nothing) as unknown as number}\n       minlength=${this.minLength > -1 ? this.minLength : nothing}\n       pattern=${this.pattern || nothing}\n       placeholder=${this.placeholder || nothing}\n       ?readonly=${this.readOnly}\n       ?required=${this.required}\n       step=${(this.step || nothing) as unknown as number}\n       type=${this.type}\n       .value=${live(this.value)}\n       @change=${this.redispatchEvent}\n       @input=${this.handleInput}\n       @select=${this.redispatchEvent}\n     >`;\n  }\n\n  private getAriaDescribedBy() {\n    const ids: string[] = [];\n    if (this.getSupportingText()) {\n      ids.push('support');\n    }\n\n    if (this.getCounterText()) {\n      ids.push('counter');\n    }\n\n    return ids.join(' ');\n  }\n\n  private renderPrefix() {\n    return this.renderAffix(this.prefixText, /* isSuffix */ false);\n  }\n\n  private renderSuffix() {\n    return this.renderAffix(this.suffixText, /* isSuffix */ true);\n  }\n\n  private renderAffix(text: string, isSuffix: boolean) {\n    if (!text) {\n      return nothing;\n    }\n\n    const classes = {\n      'suffix': isSuffix,\n      'prefix': !isSuffix,\n    };\n\n    return html`<span class=\"${classMap(classes)}\">${text}</span>`;\n  }\n\n  private renderSupportingText() {\n    const text = this.getSupportingText();\n    if (!text) {\n      return nothing;\n    }\n\n    return html`<span id=\"support\"\n      slot=\"supporting-text\"\n      role=${this.shouldErrorAnnounce() ? 'alert' : nothing}>${text}</span>`;\n  }\n\n  private getSupportingText() {\n    const errorText = this.getErrorText();\n    return this.hasError && errorText ? errorText : this.supportingText;\n  }\n\n  private getErrorText() {\n    return this.error ? this.errorText : this.nativeErrorText;\n  }\n\n  private shouldErrorAnnounce() {\n    // Announce if there is an error and error text visible.\n    // If refreshErrorAlert is true, do not announce. This will remove the\n    // role=\"alert\" attribute. Another render cycle will happen after an\n    // animation frame to re-add the role.\n    return this.hasError && !!this.getErrorText() && !this.refreshErrorAlert;\n  }\n\n  private renderCounter() {\n    const text = this.getCounterText();\n    if (!text) {\n      return nothing;\n    }\n\n    // TODO(b/244473435): add aria-label and announcements\n    return html`<span id=\"counter\"\n       class=\"counter\"\n       slot=\"supporting-text-end\">${text}</span>`;\n  }\n\n  private getCounterText() {\n    return this.maxLength > -1 ? `${this.value.length} / ${this.maxLength}` :\n                                 '';\n  }\n\n  private handleFocusin() {\n    this.focused = true;\n  }\n\n  private handleFocusout() {\n    if (this.matches(':focus-within')) {\n      // Changing focus to another child within the text field, like a button\n      return;\n    }\n\n    this.focused = false;\n  }\n\n  private handleInput(event: InputEvent) {\n    this.dirty = true;\n    this.value = (event.target as HTMLInputElement).value;\n    this.redispatchEvent(event);\n  }\n\n  private redispatchEvent(event: Event) {\n    redispatchEvent(this, event);\n  }\n\n  private getInput() {\n    if (!this.input) {\n      // If the input is not yet defined, synchronously render.\n      // e.g.\n      // const textField = document.createElement('md-outlined-text-field');\n      // document.body.appendChild(textField);\n      // textField.focus(); // synchronously render\n      this.connectedCallback();\n      this.scheduleUpdate();\n    }\n\n    if (this.isUpdatePending) {\n      // If there are pending updates, synchronously perform them. This ensures\n      // that constraint validation properties (like `required`) are synced\n      // before interacting with input APIs that depend on them.\n      this.scheduleUpdate();\n    }\n\n    return this.input!;\n  }\n\n  private checkValidityAndDispatch() {\n    const valid = this.getInput().checkValidity();\n    let canceled = false;\n    if (!valid) {\n      canceled = !this.dispatchEvent(new Event('invalid', {cancelable: true}));\n    }\n\n    return {valid, canceled};\n  }\n\n  private handleIconChange() {\n    this.hasLeadingIcon = this.leadingIcons.length > 0;\n    this.hasTrailingIcon = this.trailingIcons.length > 0;\n  }\n\n  /** @private */\n  formResetCallback() {\n    this.reset();\n  }\n\n  /** @private */\n  formStateRestoreCallback(state: string) {\n    this.value = state;\n  }\n}\n"]}

package/textfield/outlined-text-field.d.ts

@@ -12,7 +12,7 @@ declare global {
     }
 }
 /**
- * @soyCompatible
+ * TODO(b/228525797): Add docs
  * @final
  * @suppress {visibility}
  */

package/textfield/outlined-text-field.js

@@ -7,13 +7,12 @@ import { __decorate } from "tslib";
 import '../field/outlined-field.js';
 import { customElement } from 'lit/decorators.js';
 import { literal } from 'lit/static-html.js';
-// TODO(b/236285090): update with HCM best practices
 import { styles as outlinedForcedColorsStyles } from './lib/outlined-forced-colors-styles.css.js';
 import { styles as outlinedStyles } from './lib/outlined-styles.css.js';
 import { OutlinedTextField } from './lib/outlined-text-field.js';
 import { styles as sharedStyles } from './lib/shared-styles.css.js';
 /**
- * @soyCompatible
+ * TODO(b/228525797): Add docs
  * @final
  * @suppress {visibility}
  */

package/textfield/outlined-text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"outlined-text-field.js","sourceRoot":"","sources":["outlined-text-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAE3C,oDAAoD;AACpD,OAAO,EAAC,MAAM,IAAI,0BAA0B,EAAC,MAAM,4CAA4C,CAAC;AAChG,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAUlE;;;;GAIG;AAEH,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,iBAAiB;IAA1D;;QAI8B,aAAQ,GAAG,OAAO,CAAA,mBAAmB,CAAC;IACpE,CAAC;CAAA,CAAA;AAJiB,0BAAM,GAClB,CAAC,YAAY,EAAE,cAAc,EAAE,0BAA0B,CAAE,CAAA;AAFpD,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAK/B;SALY,mBAAmB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../field/outlined-field.js';\n\nimport {customElement} from 'lit/decorators.js';\nimport {literal} from 'lit/static-html.js';\n\n// TODO(b/236285090): update with HCM best practices\nimport {styles as outlinedForcedColorsStyles} from './lib/outlined-forced-colors-styles.css.js';\nimport {styles as outlinedStyles} from './lib/outlined-styles.css.js';\nimport {OutlinedTextField} from './lib/outlined-text-field.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\nexport {TextFieldType} from './lib/text-field.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-outlined-text-field': MdOutlinedTextField;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-outlined-text-field')\nexport class MdOutlinedTextField extends OutlinedTextField {\n  static override styles =\n      [sharedStyles, outlinedStyles, outlinedForcedColorsStyles];\n\n  protected override readonly fieldTag = literal`md-outlined-field`;\n}\n"]}
+{"version":3,"file":"outlined-text-field.js","sourceRoot":"","sources":["outlined-text-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAC,MAAM,IAAI,0BAA0B,EAAC,MAAM,4CAA4C,CAAC;AAChG,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAUlE;;;;GAIG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,iBAAiB;IAAnD;;QAIuB,aAAQ,GAAG,OAAO,CAAA,mBAAmB,CAAC;IACpE,CAAC;;AAJiB,0BAAM,GAClB,CAAC,YAAY,EAAE,cAAc,EAAE,0BAA0B,CAAC,CAAC;AAFpD,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAK/B;SALY,mBAAmB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../field/outlined-field.js';\n\nimport {customElement} from 'lit/decorators.js';\nimport {literal} from 'lit/static-html.js';\n\nimport {styles as outlinedForcedColorsStyles} from './lib/outlined-forced-colors-styles.css.js';\nimport {styles as outlinedStyles} from './lib/outlined-styles.css.js';\nimport {OutlinedTextField} from './lib/outlined-text-field.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\nexport {TextFieldType} from './lib/text-field.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-outlined-text-field': MdOutlinedTextField;\n  }\n}\n\n/**\n * TODO(b/228525797): Add docs\n * @final\n * @suppress {visibility}\n */\n@customElement('md-outlined-text-field')\nexport class MdOutlinedTextField extends OutlinedTextField {\n  static override styles =\n      [sharedStyles, outlinedStyles, outlinedForcedColorsStyles];\n\n  protected override readonly fieldTag = literal`md-outlined-field`;\n}\n"]}

package/tokens/_index.scss

@@ -1,6 +1,62 @@
 //
-// Copyright 2021 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 
-@forward './v0_150';
+// go/keep-sorted start
+@forward './md-comp-assist-chip' as md-comp-assist-chip-*;
+@forward './md-comp-badge' as md-comp-badge-*;
+@forward './md-comp-checkbox' as md-comp-checkbox-*;
+@forward './md-comp-circular-progress-indicator' as
+  md-comp-circular-progress-indicator-*;
+@forward './md-comp-dialog' as md-comp-dialog-*;
+@forward './md-comp-divider' as md-comp-divider-*;
+@forward './md-comp-elevated-button' as md-comp-elevated-button-*;
+@forward './md-comp-elevation' as md-comp-elevation-*;
+@forward './md-comp-fab' as md-comp-fab-*;
+@forward './md-comp-fab-branded' as md-comp-fab-branded-*;
+@forward './md-comp-filled-button' as md-comp-filled-button-*;
+@forward './md-comp-filled-field' as md-comp-filled-field-*;
+@forward './md-comp-filled-icon-button' as md-comp-filled-icon-button-*;
+@forward './md-comp-filled-select' as md-comp-filled-select-*;
+@forward './md-comp-filled-text-field' as md-comp-filled-text-field-*;
+@forward './md-comp-filled-tonal-button' as md-comp-filled-tonal-button-*;
+@forward './md-comp-filled-tonal-icon-button' as
+  md-comp-filled-tonal-icon-button-*;
+@forward './md-comp-filter-chip' as md-comp-filter-chip-*;
+@forward './md-comp-focus-ring' as md-comp-focus-ring-*;
+@forward './md-comp-full-screen-dialog' as md-comp-full-screen-dialog-*;
+@forward './md-comp-icon-button' as md-comp-icon-button-*;
+@forward './md-comp-input-chip' as md-comp-input-chip-*;
+@forward './md-comp-linear-progress-indicator' as
+  md-comp-linear-progress-indicator-*;
+@forward './md-comp-list' as md-comp-list-*;
+@forward './md-comp-list-item' as md-comp-list-item-*;
+@forward './md-comp-menu' as md-comp-menu-*;
+@forward './md-comp-menu-item' as md-comp-menu-item-*;
+@forward './md-comp-navigation-bar' as md-comp-navigation-bar-*;
+@forward './md-comp-navigation-drawer' as md-comp-navigation-drawer-*;
+@forward './md-comp-outlined-button' as md-comp-outlined-button-*;
+@forward './md-comp-outlined-field' as md-comp-outlined-field-*;
+@forward './md-comp-outlined-icon-button' as md-comp-outlined-icon-button-*;
+@forward './md-comp-outlined-segmented-button' as
+  md-comp-outlined-segmented-button-*;
+@forward './md-comp-outlined-select' as md-comp-outlined-select-*;
+@forward './md-comp-outlined-text-field' as md-comp-outlined-text-field-*;
+@forward './md-comp-radio-button' as md-comp-radio-button-*;
+@forward './md-comp-ripple' as md-comp-ripple-*;
+@forward './md-comp-slider' as md-comp-slider-*;
+@forward './md-comp-suggestion-chip' as md-comp-suggestion-chip-*;
+@forward './md-comp-switch' as md-comp-switch-*;
+@forward './md-comp-tab' as md-comp-tab-*;
+@forward './md-comp-test-table' as md-comp-test-table-*;
+@forward './md-comp-text-button' as md-comp-text-button-*;
+@forward './md-ref-palette' as md-ref-palette-*;
+@forward './md-ref-typeface' as md-ref-typeface-*;
+@forward './md-sys-color' as md-sys-color-*;
+@forward './md-sys-elevation' as md-sys-elevation-*;
+@forward './md-sys-motion' as md-sys-motion-*;
+@forward './md-sys-shape' as md-sys-shape-*;
+@forward './md-sys-state' as md-sys-state-*;
+@forward './md-sys-typescale' as md-sys-typescale-*;
+// go/keep-sorted end

package/tokens/_md-comp-assist-chip.scss

@@ -0,0 +1,119 @@
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-elevation';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_172/md-comp-assist-chip';
+@use './values';
+// go/keep-sorted end
+
+$supported-tokens: (
+  // go/keep-sorted start
+  'container-height',
+  'container-shape',
+  'disabled-label-text-color',
+  'disabled-label-text-opacity',
+  'disabled-leading-icon-color',
+  'disabled-leading-icon-opacity',
+  'disabled-outline-color',
+  'disabled-outline-opacity',
+  'elevated-container-color',
+  'elevated-container-elevation',
+  'elevated-container-shadow-color',
+  'elevated-disabled-container-color',
+  'elevated-disabled-container-elevation',
+  'elevated-disabled-container-opacity',
+  'elevated-focus-container-elevation',
+  'elevated-hover-container-elevation',
+  'elevated-pressed-container-elevation',
+  'focus-label-text-color',
+  'focus-leading-icon-color',
+  'focus-outline-color',
+  'hover-label-text-color',
+  'hover-leading-icon-color',
+  'hover-state-layer-color',
+  'hover-state-layer-opacity',
+  'icon-size',
+  'label-text-color',
+  'label-text-type',
+  'leading-icon-color',
+  'outline-color',
+  'outline-width',
+  'pressed-label-text-color',
+  'pressed-leading-icon-color',
+  'pressed-state-layer-color',
+  'pressed-state-layer-opacity',
+  // go/keep-sorted end
+);
+
+$unsupported-tokens: (
+  // go/keep-sorted start
+  'container-elevation',
+  'dragged-container-elevation',
+  'dragged-label-text-color',
+  'dragged-leading-icon-color',
+  'dragged-state-layer-color',
+  'dragged-state-layer-opacity',
+  'focus-state-layer-color',
+  'focus-state-layer-opacity',
+  'label-text-font',
+  'label-text-line-height',
+  'label-text-size',
+  'label-text-tracking',
+  'label-text-weight',
+  // go/keep-sorted end
+);
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-elevation': md-sys-elevation.values(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: values.validate(
+    md-comp-assist-chip.values($deps, $exclude-hardcoded-values),
+    $supported-tokens: $supported-tokens,
+    $unsupported-tokens: $unsupported-tokens,
+    $renamed-tokens: (
+      // Remove "flat-*" prefix (b/275577569)
+      'flat-container-elevation': 'container-elevation',
+      'flat-disabled-outline-color': 'disabled-outline-color',
+      'flat-disabled-outline-opacity': 'disabled-outline-opacity',
+      'flat-focus-outline-color': 'focus-outline-color',
+      'flat-outline-color': 'outline-color',
+      'flat-outline-width': 'outline-width',
+      // Remove "with-*" prefixes (b/273534858)
+      // Rename "icon" to "leading-icon" (b/275577569)
+      'with-icon-disabled-icon-color': 'disabled-leading-icon-color',
+      'with-icon-disabled-icon-opacity': 'disabled-leading-icon-opacity',
+      'with-icon-dragged-icon-color': 'dragged-leading-icon-color',
+      'with-icon-focus-icon-color': 'focus-leading-icon-color',
+      'with-icon-hover-icon-color': 'hover-leading-icon-color',
+      'with-icon-icon-color': 'leading-icon-color',
+      'with-icon-icon-size': 'icon-size',
+      'with-icon-pressed-icon-color': 'pressed-leading-icon-color'
+    )
+  );
+
+  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
+  $tokens: map.merge(
+    $tokens,
+    (
+      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
+    )
+  );
+
+  @return $tokens;
+}

package/tokens/_md-comp-badge.scss

@@ -0,0 +1,41 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-typescale';
+@use './v0_172/md-comp-badge';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+$_unsupported-tokens: (
+  'large-label-text-font',
+  'large-label-text-line-height',
+  'large-label-text-size',
+  'large-label-text-tracking',
+  'large-label-text-weight'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-badge.values($deps, $exclude-hardcoded-values);
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
+  $tokens: map.merge(
+    $tokens,
+    (
+      'large-label-text-type': map.get($deps, 'md-sys-typescale', 'label-small'),
+    )
+  );
+  @return $tokens;
+}

package/tokens/_md-comp-checkbox.scss

@@ -0,0 +1,100 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './v0_172/md-comp-checkbox';
+@use './values';
+// go/keep-sorted end
+
+$supported-tokens: (
+  // go/keep-sorted start
+  'container-shape',
+  'container-size',
+  'error-hover-state-layer-color',
+  'error-hover-state-layer-opacity',
+  'error-pressed-state-layer-color',
+  'error-pressed-state-layer-opacity',
+  'icon-size',
+  'selected-container-color',
+  'selected-disabled-container-color',
+  'selected-disabled-container-opacity',
+  'selected-disabled-icon-color',
+  'selected-error-container-color',
+  'selected-error-focus-container-color',
+  'selected-error-focus-icon-color',
+  'selected-error-hover-container-color',
+  'selected-error-hover-icon-color',
+  'selected-error-icon-color',
+  'selected-error-pressed-container-color',
+  'selected-error-pressed-icon-color',
+  'selected-focus-container-color',
+  'selected-focus-icon-color',
+  'selected-hover-container-color',
+  'selected-hover-icon-color',
+  'selected-hover-state-layer-color',
+  'selected-hover-state-layer-opacity',
+  'selected-icon-color',
+  'selected-pressed-container-color',
+  'selected-pressed-icon-color',
+  'selected-pressed-state-layer-color',
+  'selected-pressed-state-layer-opacity',
+  'state-layer-shape',
+  'state-layer-size',
+  'unselected-disabled-container-opacity',
+  'unselected-disabled-outline-color',
+  'unselected-disabled-outline-width',
+  'unselected-error-focus-outline-color',
+  'unselected-error-hover-outline-color',
+  'unselected-error-outline-color',
+  'unselected-error-pressed-outline-color',
+  'unselected-focus-outline-color',
+  'unselected-focus-outline-width',
+  'unselected-hover-outline-color',
+  'unselected-hover-outline-width',
+  'unselected-hover-state-layer-color',
+  'unselected-hover-state-layer-opacity',
+  'unselected-outline-color',
+  'unselected-outline-width',
+  'unselected-pressed-outline-color',
+  'unselected-pressed-outline-width',
+  'unselected-pressed-state-layer-color',
+  'unselected-pressed-state-layer-opacity',
+  // go/keep-sorted end
+);
+
+$unsupported-tokens: (
+  // go/keep-sorted start
+  'error-focus-state-layer-color',
+  'error-focus-state-layer-opacity',
+  'selected-disabled-container-outline-width',
+  'selected-focus-outline-width',
+  'selected-focus-state-layer-color',
+  'selected-focus-state-layer-opacity',
+  'selected-hover-outline-width',
+  'selected-outline-width',
+  'selected-pressed-outline-width',
+  'unselected-focus-state-layer-color',
+  'unselected-focus-state-layer-opacity',
+  // go/keep-sorted end
+);
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: values.validate(
+    md-comp-checkbox.values($deps, $exclude-hardcoded-values),
+    $supported-tokens: $supported-tokens,
+    $unsupported-tokens: $unsupported-tokens
+  );
+
+  @return $tokens;
+}

package/tokens/_md-comp-circular-progress-indicator.scss

@@ -0,0 +1,63 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+@use 'sass:math';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './v0_172/md-comp-circular-progress-indicator';
+@use './values';
+// go/keep-sorted end
+
+$supported-tokens: (
+  // go/keep-sorted start
+  'active-indicator-color',
+  'active-indicator-width',
+  'four-color-active-indicator-four-color',
+  'four-color-active-indicator-one-color',
+  'four-color-active-indicator-three-color',
+  'four-color-active-indicator-two-color',
+  'size',
+  // go/keep-sorted end
+);
+
+$unsupported-tokens: (
+  // go/keep-sorted start
+  // must be circular
+  'active-indicator-shape',
+  // go/keep-sorted end
+);
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: values.validate(
+    md-comp-circular-progress-indicator.values(
+      $deps,
+      $exclude-hardcoded-values
+    ),
+    $supported-tokens: $supported-tokens,
+    $unsupported-tokens: $unsupported-tokens
+  );
+
+  @if not $exclude-hardcoded-values {
+    // must be set as a raw % for compatibility between rendering border or svg.
+    $width: map.get($tokens, 'active-indicator-width');
+    $size: map.get($tokens, 'size');
+    $tokens: map.set(
+      $tokens,
+      'active-indicator-width',
+      math.div($width, $size) * 100
+    );
+  }
+
+  @return $tokens;
+}