@api-client/ui 0.0.4 → 0.0.5

package/dist/ui/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui/input/Input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, PropertyValues, TemplateResult } from \"lit\";\nimport { property, query, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { SupportedAutocapitalize, SupportedAutocomplete, SupportedInputTypes } from \"../../types/input.js\";\nimport { ARIAAutoComplete, ARIAExpanded, ARIARole } from \"../../types/role.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\n\n// export type SupportedInputTypes = \"text\" | \"search\" | \"tel\" | \"url\" | \"email\" | \"password\" | \n//   \"datetime\" | \"date\" | \"month\" | \"week\" | \"time\" | \"datetime-local\" | \"number\" | \"color\" | \"file\";\n\nconst floatTypes = [\n  'date',\n  'color',\n  'datetime-local',\n  'file',\n  'month',\n  'time',\n  'week',\n];\n\n/**\n * @slot prefix - A slot in which to render prefixes of the input\n * @slot suffix - A slot in which to render suffixes of the input\n */\nexport default abstract class Input extends UiElement {\n  #_userInteracted: boolean;\n\n  // static override shadowRootOptions: ShadowRootInit = {mode: 'open', delegatesFocus: true};\n\n  static get formAssociated(): boolean {\n    return true;\n  }\n\n  #_internals = this.attachInternals();\n\n  get form(): HTMLFormElement | null {\n    return this.#_internals && this.#_internals.form;\n  }\n\n  /**\n   * @attribute\n   */\n  @property({type: String, reflect: true}) type: SupportedInputTypes;\n\n  /**\n   * Disables the input.\n   * @attribute\n   */\n  get disabled(): boolean {\n    return isDisabled(this);\n  }\n\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this);\n    setDisabled(this, value);\n    this.requestUpdate('disabled', old);\n    this._updateFormValue();\n    if (value) {\n      this.dataset.tabindex = this.getAttribute('tabindex') || '0';\n      this.removeAttribute('tabindex');\n    } else {\n      const index = this.dataset.tabindex || '0';\n      this.setAttribute('tabindex', index);\n      this.blur();\n    }\n  }\n\n  /**\n   * The name of the form control, submitted as a pair with the control's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) name?: string;\n\n  /**\n   * When a form is submitted, only checkboxes which are currently checked are submitted to the server, \n   * and the reported value is the `value` of the value attribute. \n   * If the `value` is not otherwise specified, it is the string `on` by default. \n   * @attribute\n   */\n  @property({ type: String }) value = '';\n\n  #_required?: boolean;\n\n  /**\n   * Set to true to mark the input element as required. \n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  get required(): boolean | undefined {\n    return this.#_required;\n  }\n\n  set required(value: boolean | undefined) {\n    const old = this.#_required;\n    if (old === value) {\n      return;\n    }\n    this.#_required = value;\n    this.requestUpdate('required', 'old');\n    this._updateFormValue();\n  }\n\n  /**\n   * While the element can be easily styled with the `:valid` and `:invalid` pseudo classes\n   * it also exposes an attribute to style the element as invalid. This attribute changes \n   * when the element validation is performed.\n   * \n   * Calling `reportValidity()` will automatically update `invalid`.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) invalid?: boolean;\n\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   * @attribute\n   */\n  @property({ type: String }) invalidText = '';\n\n  /**\n   * The label to be rendered with the input.\n   * @attribute\n   */\n  @property({ type: String }) label?: string;\n\n  /**\n   * Whether or not the text field has a leading icon. Used for SSR.\n   * @attribute\n   */\n  @property({ type: Boolean }) hasPrefix = false;\n\n  /**\n   * Whether or not the text field has a trailing icon. Used for SSR.\n   * @attribute\n   */\n  @property({ type: Boolean }) hasSuffix = false;\n\n  /**\n   * Conveys additional information below the text field, such as how it should\n   * be used.\n   * @attribute\n   */\n  @property({ type: String }) supportingText = '';\n\n  /**\n   * Override the input text CSS `direction`. Useful for RTL languages that use\n   * LTR notation for fractions.\n   * @attribute\n   */\n  @property({ type: String }) textDirection = '';\n\n  /**\n   * When set the label of the input disappears after input rather than float over the input.\n   * @attribute\n   */\n  @property({ type: Boolean }) noFloating?: boolean;\n\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   * @attribute\n   */\n  @property({ type: String }) max = '';\n\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   * @attribute\n   */\n  @property({ type: Number }) maxLength = -1;\n\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   * @attribute\n   */\n  @property({ type: String }) min = '';\n\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   * @attribute\n   */\n  @property({ type: Number }) minLength = -1;\n\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   * @attribute\n   */\n  @property({ type: String }) pattern = '';\n\n  /**\n   * @attribute\n   */\n  @property({ type: String }) 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   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Bind the `<input>`'s `autocomplete` property.\n   * @default off\n   * @attribute\n   */\n  @property({ type: String }) autocomplete: SupportedAutocomplete = 'off';\n\n  /**\n   * Binds this to the `<input>`'s `inputMode` property.\n   * @attribute\n   */\n  @property({ type: String }) override inputMode = '';\n\n  /**\n   * Binds this to the `<input>`'s `autocapitalize` property.\n   *\n   * Possible values are:\n   *\n   * - `off` or `none`: No autocapitalization is applied (all letters default to lowercase)\n   * - `on` or `sentences`: The first letter of each sentence defaults to a capital letter;\n   *  all other letters default to lowercase\n   * - `words`: The first letter of each word defaults to a capital letter; all other letters default to lowercase\n   * - `characters`: All letters should default to uppercase\n   *\n   * @default off\n   * @attr\n   */\n  override autocapitalize: SupportedAutocapitalize = 'off';\n\n  /**\n   * Binds this to the `<input>`'s `autocorrect` property.\n   * @default off\n   * @attribute\n   */\n  @property({ type: String }) autocorrect = 'off';\n\n  /**\n   * Binds this to the `<input>`'s `results` property,\n   * used with type=search.\n   *\n   * The maximum number of items that should be displayed in the\n   * drop-down list of previous search queries. Safari only.\n   * @attribute\n   */\n  @property({ type: Number }) results?: number;\n\n  /**\n   * Binds this to the `<input>`'s `accept` property,\n   * used with type=file.\n   * @attribute\n   */\n  @property({ type: String }) accept?: string;\n\n  /**\n   * Binds this to the`<input>`'s `multiple` property,\n   * used with type=file.\n   * @attribute\n   */\n  @property({ type: Boolean }) multiple?: boolean;\n\n  /**\n   * Binds this to the `<input>`'s `size` property.\n   * @attribute\n   */\n  @property({ type: Number }) size?: number;\n\n  protected pendingSetters = new Map<keyof HTMLInputElement, unknown>();\n\n  private setNativeValue(key: keyof HTMLInputElement, value: unknown): void {\n    const { input } = this;\n    if (input) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (input as any)[key] = value;\n    } else {\n      this.pendingSetters.set(key, value);\n    }\n  }\n\n  private getNativeValue(key: keyof HTMLInputElement): unknown {\n    const { input } = this;\n    if (input) {\n      return input[key];\n    }\n    return this.pendingSetters.get(key) || null;\n  }\n\n  /**\n   * Gets or sets the direction in which selection occurred.\n   */\n  get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n    return this.getNativeValue('selectionDirection') as 'forward' | 'backward' | 'none' | null;\n  }\n\n  set selectionDirection(value: 'forward' | 'backward' | 'none' | null) {\n    this.setNativeValue('selectionDirection', value);\n  }\n\n  /**\n   * Gets or sets the end position or offset of a text selection.\n   */\n  get selectionEnd(): number | null {\n    return this.getNativeValue('selectionEnd') as number | null;\n  }\n\n  set selectionEnd(value: number | null) {\n    this.setNativeValue('selectionEnd', value);\n  }\n\n  /**\n   * Gets or sets the starting position or offset of a text selection.\n   */\n  get selectionStart(): number | null {\n    return this.getNativeValue('selectionStart') as number | null;\n  }\n\n  set selectionStart(value: number | null) {\n    this.setNativeValue('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   * @attribute\n   */\n  @property({ type: String }) step = '';\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(): string {\n    return this.getNativeValue('validationMessage') as string | null ?? '';\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(): ValidityState {\n    return this.getNativeValue('validity') as ValidityState | null ?? this.#_internals.validity;\n  }\n\n  /**\n   * The text field's value as a number.\n   */\n  get valueAsNumber(): number {\n    return this.getNativeValue('valueAsNumber') as number | null ?? 0;\n  }\n  \n  set valueAsNumber(value: number) {\n    this.setNativeValue('valueAsNumber', value);\n  }\n\n  /**\n   * The text field's value as a Date.\n   */\n  get valueAsDate(): Date | null {\n    return this.getNativeValue('valueAsDate') as Date | null;\n  }\n\n  set valueAsDate(value: Date | null) {\n    this.setNativeValue('valueAsDate', 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(): boolean {\n    return this.getNativeValue('willValidate') as boolean | null ?? false;\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\n  @state() protected focused = false;\n\n  @query('.input') protected readonly input?: HTMLInputElement | null;\n\n  @queryAssignedElements({ slot: 'prefix' }) private readonly prefixes!: Element[];\n\n  @queryAssignedElements({ slot: 'suffix' }) private readonly suffixes!: Element[];\n\n  /**\n   * The validation message displayed from a native error via\n   * `reportValidity()`.\n   */\n  @state() protected nativeErrorText = '';\n\n  /**\n   * Whether or not a native error has been reported via `reportValidity()`.\n   */\n  @state() protected nativeError = false;\n\n  private readonly counterId = 'counter';\n\n  private readonly supportingTextId = 'support';\n\n  private readonly labelId = 'support';\n\n  @property({ type: String, attribute: 'data-aria-autocomplete', noAccessor: true })\n  override ariaAutoComplete: ARIAAutoComplete | null = null;\n\n  @property({ type: String, attribute: 'data-aria-controls', noAccessor: true })\n  ariaControls: string | null = null;\n\n  @property({ type: String, attribute: 'data-aria-activedescendant', noAccessor: true })\n  ariaActiveDescendant: string | null = null;\n\n  @property({ type: String, attribute: 'data-aria-expanded', noAccessor: true })\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  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  ariaLabelledBy!: string;\n\n  @property({ type: String, attribute: 'data-role', noAccessor: true })\n  dataRole: ARIARole | null = null;\n\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  /** \n   * When set is shows password in the `password` input.\n   * This is private so the password can be viewed only through user interaction.\n   */\n  #showPassword = false;\n\n  protected removingTabindex = false;\n\n  get files(): FileList | null {\n    return this.getNativeValue('files') as FileList | null;\n  }\n\n  /**\n   * When set it adds a `<datalist>` element to the input.\n   */\n  @property({ type: Array }) list?: string[];\n\n  constructor() {\n    super();\n    this.type = 'text';\n    this.#_userInteracted = false;\n    this.actionController.cancelKeyboardEvents = false;\n    this.addEventListener('click', this.handleClick.bind(this));\n    this.addEventListener('focus', this.handleFocus.bind(this));\n    this.addEventListener('blur', this.handleBlur.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0');\n    }\n    this.handleSlotChange();\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form has been reset\n   */\n  formResetCallback(): void {\n    this.value = '';\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form state has been restored\n   *\n   * @param formState Restored value\n   */\n  formStateRestoreCallback(formState?: string): void {\n    this.value = formState ?? '';\n  }\n\n  protected override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this._updateFormValue();\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  protected _updateFormValue(): void {\n    const { value = '', disabled } = this;\n    if (!value || disabled) {\n      this.#_internals.setFormValue(null);\n    } else {\n      this.#_internals.setFormValue(value);\n    }\n    this._updateValidationState();\n  }\n\n  protected _updateValidationState(): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\n    const { validationMessage, validity } = input;\n    if (!validity.valid) {\n      this.#_internals.setValidity({\n        valueMissing: validity.valueMissing,\n        badInput: validity.badInput,\n        patternMismatch: validity.patternMismatch,\n        rangeOverflow: validity.rangeOverflow,\n        rangeUnderflow: validity.rangeUnderflow,\n        stepMismatch: validity.stepMismatch,\n        tooLong: validity.tooLong,\n        tooShort: validity.tooShort,\n        typeMismatch: validity.typeMismatch,\n        customError: validity.customError,\n      }, validationMessage);\n      return;\n    }\n\n    this.#_internals.setValidity({});\n  }\n\n  protected invalidHandler(e: Event): void {\n    this.retargetEvent(e);\n    if (!this.#_userInteracted) {\n      return;\n    }\n    this.invalid = true;\n  }\n\n  protected handleSlotChange(): void {\n    this.hasPrefix = this.prefixes.length > 0;\n    this.hasSuffix = this.suffixes.length > 0;\n  }\n\n  protected getInputValue(): string {\n    return this.value || '';\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(): boolean {\n    this.#_userInteracted = true;\n    const { valid } = this.checkValidityAndDispatch();\n    this.invalid = !valid;\n    return valid;\n  }\n\n  /**\n   * Focuses the text field's input text.\n   */\n  override focus(): void {\n    if (this.disabled || this.matches(':focus-within')) {\n      return;\n    }\n    this.input?.focus();\n  }\n\n  /**\n   * Unfocuses the text field.\n   */\n  override blur(): void {\n    this.input?.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(): boolean {\n    this.#_userInteracted = true;\n    const { valid, canceled } = this.checkValidityAndDispatch();\n    this._updateValidationState();\n    if (!canceled) {\n      this.invalid = !valid;\n      const prevMessage = this.getErrorText();\n      this.nativeError = !valid;\n      this.nativeErrorText = this.validationMessage;\n\n      const needsRefresh = this.shouldErrorAnnounce() && prevMessage === this.getErrorText();\n      if (needsRefresh) {\n        this.refreshErrorAlert = true;\n      }\n    }\n\n    return valid;\n  }\n\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  protected getErrorText(): string {\n    return this.invalid ? this.invalidText : this.nativeErrorText;\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(): void {\n    this.input?.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): void {\n    this.input?.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\n  setRangeText(replacement: string, start: number, end: number, selectionMode?: SelectionMode): void;\n\n  setRangeText(...args: unknown[]): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\n    // Calling setRangeText with 1 vs 3-4 arguments has different behavior.\n    // Use spread syntax and type casting to ensure correct usage.\n    input.setRangeText(...args as Parameters<HTMLInputElement['setRangeText']>);\n    this.value = input.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(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void {\n    this.input?.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): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\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): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\n    input.stepUp(stepIncrement);\n    this.value = input.value;\n  }\n\n  /**\n   * Reset the text field to its default value.\n   */\n  reset(): void {\n    this.dirty = false;\n    this.value = '';\n  }\n\n  override handleClick(): void {\n    this.focus();\n  }\n\n  protected handleFocus(): void {\n    const { input } = this;\n    if (this.disabled || !input) {\n      return;\n    }\n    this.focused = true;\n    this.#_userInteracted = true;\n    this.removingTabindex = true;\n    // Note, the input is automatically focused when form is being submitted and\n    // it won't pass validation. In this case the form will throw an error \n    // as the input is not focusable. In overall, this still works with forms and validation.\n    this.dataset.tabindex = this.getAttribute('tabindex') || '0';\n    this.removeAttribute('tabindex');\n    input.focus();\n    setTimeout(() => {\n      this.removingTabindex = false;\n    }, 1);\n  }\n\n  protected handleBlur(): void {\n    if (this.matches(':focus-within') || this.removingTabindex) {\n      // Changing focus to another child within the text field, like a button\n      return;\n    }\n    this.focused = false;\n    const index = this.dataset.tabindex || '0';\n    delete this.dataset.tabindex;\n    this.setAttribute('tabindex', index);\n  }\n\n  private checkValidityAndDispatch(): { valid: boolean, canceled: boolean } {\n    const { input } = this;\n    const valid = input?.checkValidity() ?? true;\n    let canceled = false;\n    if (!valid) {\n      canceled = !this.dispatchEvent(new Event('invalid', { cancelable: true }));\n    }\n    return { valid, canceled };\n  }\n\n  /**\n   * @returns `true` when the label is in resting state.\n   */\n  protected labelResting(): boolean {\n    const { value } = this;\n    if (!!value || String(value) === '0') {\n      return false;\n    }\n    if (floatTypes.includes(this.type || '')) {\n      return false;\n    }\n    return !this.placeholder && !this.focused;\n  }\n\n  /**\n   * @returns `true` when the label should be hidden\n   */\n  protected labelHidden(): boolean {\n    const { noFloating } = this;\n    return !this.labelResting() && !!noFloating;\n  }\n\n  protected renderLabelText(): string {\n    const labelText = this.label ?? '';\n    const optionalAsterisk = this.required && labelText ? '*' : '';\n    return labelText + optionalAsterisk;\n  }\n\n  protected getSupportingText(): string {\n    const errorText = this.getErrorText();\n    return this.getError() && errorText ? errorText : this.supportingText;\n  }\n\n  protected getError(): boolean {\n    return this.invalid || this.nativeError;\n  }\n\n  protected retargetEvent(event: Event): boolean {\n    if (event.bubbles && (!this.shadowRoot || event.composed)) {\n      event.stopPropagation();\n    }\n\n    const copy = Reflect.construct(event.constructor, [event.type, event]);\n    const dispatched = this.dispatchEvent(copy);\n    if (!dispatched) {\n      event.preventDefault();\n    }\n\n    return dispatched;\n  }\n\n  protected handleInput(event: InputEvent): void {\n    this.dirty = true;\n    this.value = (event.target as HTMLInputElement).value;\n    this.retargetEvent(event);\n    this.reportValidity();\n  }\n\n  protected hasCounter(): boolean {\n    return this.maxLength > -1;\n  }\n\n  protected getCounterText(): string {\n    const { length } = (this.value || '');\n    return `${length} / ${this.maxLength || 0}`;\n  }\n\n  protected getAriaDescribedBy(): string {\n    const hasSupport = !!this.getSupportingText();\n    const hasCounter = this.hasCounter();\n    if (hasSupport) {\n      return this.supportingTextId;\n    }\n    if (hasCounter) {\n      return this.counterId;\n    }\n    return '';\n  }\n\n  #handlePasswordToggle(): void {\n    this.#showPassword = !this.#showPassword;\n    this.requestUpdate();\n  }\n\n  protected get effectiveType(): SupportedInputTypes {\n    const { type } = this;\n    if (type !== 'password') {\n      return type;\n    }\n    const visible = this.#showPassword;\n    return visible ? 'text' : 'password';\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed=false } = this;\n    const containerClasses = classMap({\n      surface: true,\n      pressed,\n      labelResting: this.labelResting(),\n      labelHidden: this.labelHidden(),\n    });\n    return html`\n    <div class=\"${containerClasses}\">\n      <div class=\"container\"></div>\n      <div class=\"content\">\n        ${this.renderPrefix()}\n        ${this.renderBody()}\n        ${this.renderPasswordControl()}\n        ${this.renderSuffix()}\n        ${this.renderHighlight()}\n      </div>\n    </div>\n    ${this.renderSupportingText()}\n    ${this.renderDataList()}\n    `;\n  }\n\n  protected renderPrefix(): TemplateResult {\n    const classes = classMap({\n      start: true,\n      prefixed: this.hasPrefix,\n    });\n    return html`\n    <div class=\"${classes}\">\n      <slot name=\"prefix\" @slotchange=${this.handleSlotChange}></slot>\n    </div>`;\n  }\n\n  protected renderSuffix(): TemplateResult {\n    const classes = classMap({\n      end: true,\n      suffixed: this.hasSuffix,\n    });\n    return html`\n    <div class=\"${classes}\">\n      <slot name=\"suffix\" @slotchange=${this.handleSlotChange}></slot>\n    </div>`;\n  }\n\n  protected renderBody(): TemplateResult {\n    return html`\n    <div class=\"body\">\n      ${this.renderLabel()}\n      ${this.renderInput()}\n    </div>\n    `;\n  }\n\n  protected renderLabel(): TemplateResult {\n    const label = this.renderLabelText();\n    if (!label) {\n      return html``;\n    }\n    return html`\n    <span class=\"label\" id=\"${this.labelId}\">${this.renderLabelText()}</span>\n    `;\n  }\n\n  protected renderHighlight(): TemplateResult {\n    return html`\n    <span class=\"highlight\"></span>\n    `;\n  }\n\n  protected abstract renderInput(): TemplateResult;\n\n  protected renderSupportingText(): TemplateResult {\n    return html`\n      <span class=\"supporting-text\">\n        ${this.renderSupportingTextValue()}\n        ${this.renderCounter()}\n      </span>\n    `;\n  }\n\n  protected renderSupportingTextValue(): TemplateResult {\n    const text = this.getSupportingText();\n    if (!text) {\n      return html``;\n    }\n    const shouldAlert = this.shouldErrorAnnounce();\n    return html`\n    <span \n      class=\"supporting-text-start\" \n      id=\"${this.supportingTextId}\" \n      role=${ifDefined(shouldAlert ? 'alert' : undefined)}\n    >\n      ${text}\n    </span>\n    `;\n  }\n\n  protected renderCounter(): TemplateResult {\n    if (!this.hasCounter()) {\n      return html``;\n    }\n    // TODO: add aria-label and announcements\n    return html`<span id=${this.counterId} class=\"supporting-text-end\">${this.getCounterText()}</span>`;\n  }\n\n  protected renderPasswordControl(): TemplateResult | typeof nothing {\n    const { type } = this;\n    if (type !== 'password') {\n      return nothing;\n    }\n    const visible = this.#showPassword;\n    const icon = visible ? 'visibilityOff' : 'visibility';\n    return html`\n    <ui-icon-button \n      aria-label=\"Toggle password visibility\" \n      @click=\"${this.#handlePasswordToggle}\"\n      title=\"Shows or hides the password\"\n    >\n      <ui-icon icon=\"${icon}\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderDataList(): TemplateResult | typeof nothing {\n    const { list } = this;\n    if (!Array.isArray(list) || !list.length) {\n      return nothing;\n    }\n    return html`\n    <datalist id=\"input-list\">\n    ${list.map(i => html`<option value=\"${i}\">`)}\n    </datalist>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui/input/Input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, PropertyValues, TemplateResult } from \"lit\";\nimport { property, query, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { SupportedAutocapitalize, SupportedAutocomplete, SupportedInputTypes } from \"../../types/input.js\";\nimport { ARIAAutoComplete, ARIAExpanded, ARIARole } from \"../../types/role.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\n\n// export type SupportedInputTypes = \"text\" | \"search\" | \"tel\" | \"url\" | \"email\" | \"password\" | \n//   \"datetime\" | \"date\" | \"month\" | \"week\" | \"time\" | \"datetime-local\" | \"number\" | \"color\" | \"file\";\n\nconst floatTypes = [\n  'date',\n  'color',\n  'datetime-local',\n  'file',\n  'month',\n  'time',\n  'week',\n];\n\n/**\n * @slot prefix - A slot in which to render prefixes of the input\n * @slot suffix - A slot in which to render suffixes of the input\n */\nexport default abstract class Input extends UiElement {\n  #_userInteracted: boolean;\n\n  // static override shadowRootOptions: ShadowRootInit = {mode: 'open', delegatesFocus: true};\n\n  static get formAssociated(): boolean {\n    return true;\n  }\n\n  #_internals = this.attachInternals();\n\n  get form(): HTMLFormElement | null {\n    return this.#_internals && this.#_internals.form;\n  }\n\n  /**\n   * @attribute\n   */\n  @property({type: String, reflect: true}) type: SupportedInputTypes;\n\n  /**\n   * Disables the input.\n   * @attribute\n   */\n  get disabled(): boolean {\n    return isDisabled(this);\n  }\n\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this);\n    setDisabled(this, value);\n    this.requestUpdate('disabled', old);\n    this._updateFormValue();\n    if (value) {\n      this.dataset.tabindex = this.getAttribute('tabindex') || '0';\n      this.removeAttribute('tabindex');\n    } else {\n      const index = this.dataset.tabindex || '0';\n      this.setAttribute('tabindex', index);\n      this.blur();\n    }\n  }\n\n  /**\n   * The name of the form control, submitted as a pair with the control's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) name?: string;\n\n  /**\n   * When a form is submitted, only checkboxes which are currently checked are submitted to the server, \n   * and the reported value is the `value` of the value attribute. \n   * If the `value` is not otherwise specified, it is the string `on` by default. \n   * @attribute\n   */\n  @property({ type: String }) value = '';\n\n  #_required?: boolean;\n\n  /**\n   * Set to true to mark the input element as required. \n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  get required(): boolean | undefined {\n    return this.#_required;\n  }\n\n  set required(value: boolean | undefined) {\n    const old = this.#_required;\n    if (old === value) {\n      return;\n    }\n    this.#_required = value;\n    this.requestUpdate('required', 'old');\n    this._updateFormValue();\n  }\n\n  /**\n   * While the element can be easily styled with the `:valid` and `:invalid` pseudo classes\n   * it also exposes an attribute to style the element as invalid. This attribute changes \n   * when the element validation is performed.\n   * \n   * Calling `reportValidity()` will automatically update `invalid`.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) invalid?: boolean;\n\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   * @attribute\n   */\n  @property({ type: String }) invalidText = '';\n\n  /**\n   * The label to be rendered with the input.\n   * @attribute\n   */\n  @property({ type: String }) label?: string;\n\n  /**\n   * Whether or not the text field has a leading icon. Used for SSR.\n   * @attribute\n   */\n  @property({ type: Boolean }) hasPrefix = false;\n\n  /**\n   * Whether or not the text field has a trailing icon. Used for SSR.\n   * @attribute\n   */\n  @property({ type: Boolean }) hasSuffix = false;\n\n  /**\n   * Conveys additional information below the text field, such as how it should\n   * be used.\n   * @attribute\n   */\n  @property({ type: String }) supportingText = '';\n\n  /**\n   * Override the input text CSS `direction`. Useful for RTL languages that use\n   * LTR notation for fractions.\n   * @attribute\n   */\n  @property({ type: String }) textDirection = '';\n\n  /**\n   * When set the label of the input disappears after input rather than float over the input.\n   * @attribute\n   */\n  @property({ type: Boolean }) noFloating?: boolean;\n\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   * @attribute\n   */\n  @property({ type: String }) max = '';\n\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   * @attribute\n   */\n  @property({ type: Number }) maxLength = -1;\n\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   * @attribute\n   */\n  @property({ type: String }) min = '';\n\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   * @attribute\n   */\n  @property({ type: Number }) minLength = -1;\n\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   * @attribute\n   */\n  @property({ type: String }) pattern = '';\n\n  /**\n   * @attribute\n   */\n  @property({ type: String }) 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   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Bind the `<input>`'s `autocomplete` property.\n   * @default off\n   * @attribute\n   */\n  @property({ type: String }) autocomplete: SupportedAutocomplete = 'off';\n\n  /**\n   * Binds this to the `<input>`'s `inputMode` property.\n   * @attribute\n   */\n  @property({ type: String }) override inputMode = '';\n\n  /**\n   * Binds this to the `<input>`'s `autocapitalize` property.\n   *\n   * Possible values are:\n   *\n   * - `off` or `none`: No autocapitalization is applied (all letters default to lowercase)\n   * - `on` or `sentences`: The first letter of each sentence defaults to a capital letter;\n   *  all other letters default to lowercase\n   * - `words`: The first letter of each word defaults to a capital letter; all other letters default to lowercase\n   * - `characters`: All letters should default to uppercase\n   *\n   * @default off\n   * @attr\n   */\n  override autocapitalize: SupportedAutocapitalize = 'off';\n\n  /**\n   * Binds this to the `<input>`'s `autocorrect` property.\n   * @default off\n   * @attribute\n   */\n  @property({ type: String }) autocorrect = 'off';\n\n  /**\n   * Binds this to the `<input>`'s `results` property,\n   * used with type=search.\n   *\n   * The maximum number of items that should be displayed in the\n   * drop-down list of previous search queries. Safari only.\n   * @attribute\n   */\n  @property({ type: Number }) results?: number;\n\n  /**\n   * Binds this to the `<input>`'s `accept` property,\n   * used with type=file.\n   * @attribute\n   */\n  @property({ type: String }) accept?: string;\n\n  /**\n   * Binds this to the`<input>`'s `multiple` property,\n   * used with type=file.\n   * @attribute\n   */\n  @property({ type: Boolean }) multiple?: boolean;\n\n  /**\n   * Binds this to the `<input>`'s `size` property.\n   * @attribute\n   */\n  @property({ type: Number }) size?: number;\n\n  protected pendingSetters = new Map<keyof HTMLInputElement, unknown>();\n\n  private setNativeValue(key: keyof HTMLInputElement, value: unknown): void {\n    const { input } = this;\n    if (input) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (input as any)[key] = value;\n    } else {\n      this.pendingSetters.set(key, value);\n    }\n  }\n\n  private getNativeValue(key: keyof HTMLInputElement): unknown {\n    const { input } = this;\n    if (input) {\n      return input[key];\n    }\n    return this.pendingSetters.get(key) || null;\n  }\n\n  /**\n   * Gets or sets the direction in which selection occurred.\n   */\n  get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n    return this.getNativeValue('selectionDirection') as 'forward' | 'backward' | 'none' | null;\n  }\n\n  set selectionDirection(value: 'forward' | 'backward' | 'none' | null) {\n    this.setNativeValue('selectionDirection', value);\n  }\n\n  /**\n   * Gets or sets the end position or offset of a text selection.\n   */\n  get selectionEnd(): number | null {\n    return this.getNativeValue('selectionEnd') as number | null;\n  }\n\n  set selectionEnd(value: number | null) {\n    this.setNativeValue('selectionEnd', value);\n  }\n\n  /**\n   * Gets or sets the starting position or offset of a text selection.\n   */\n  get selectionStart(): number | null {\n    return this.getNativeValue('selectionStart') as number | null;\n  }\n\n  set selectionStart(value: number | null) {\n    this.setNativeValue('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   * @attribute\n   */\n  @property({ type: String }) step = '';\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(): string {\n    return this.getNativeValue('validationMessage') as string | null ?? '';\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(): ValidityState {\n    return this.getNativeValue('validity') as ValidityState | null ?? this.#_internals.validity;\n  }\n\n  /**\n   * The text field's value as a number.\n   */\n  get valueAsNumber(): number {\n    return this.getNativeValue('valueAsNumber') as number | null ?? 0;\n  }\n  \n  set valueAsNumber(value: number) {\n    this.setNativeValue('valueAsNumber', value);\n  }\n\n  /**\n   * The text field's value as a Date.\n   */\n  get valueAsDate(): Date | null {\n    return this.getNativeValue('valueAsDate') as Date | null;\n  }\n\n  set valueAsDate(value: Date | null) {\n    this.setNativeValue('valueAsDate', 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(): boolean {\n    return this.getNativeValue('willValidate') as boolean | null ?? false;\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\n  @state() protected focused = false;\n\n  @query('.input') protected readonly input?: HTMLInputElement | null;\n\n  @queryAssignedElements({ slot: 'prefix' }) private readonly prefixes!: Element[];\n\n  @queryAssignedElements({ slot: 'suffix' }) private readonly suffixes!: Element[];\n\n  /**\n   * The validation message displayed from a native error via\n   * `reportValidity()`.\n   */\n  @state() protected nativeErrorText = '';\n\n  /**\n   * Whether or not a native error has been reported via `reportValidity()`.\n   */\n  @state() protected nativeError = false;\n\n  private readonly counterId = 'counter';\n\n  private readonly supportingTextId = 'support';\n\n  private readonly labelId = 'support';\n\n  @property({ type: String, attribute: 'data-aria-autocomplete', noAccessor: true })\n  override ariaAutoComplete: ARIAAutoComplete | null = null;\n\n  @property({ type: String, attribute: 'data-aria-controls', noAccessor: true })\n  ariaControls: string | null = null;\n\n  @property({ type: String, attribute: 'data-aria-activedescendant', noAccessor: true })\n  ariaActiveDescendant: string | null = null;\n\n  @property({ type: String, attribute: 'data-aria-expanded', noAccessor: true })\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  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  ariaLabelledBy!: string;\n\n  @property({ type: String, attribute: 'data-role', noAccessor: true })\n  dataRole: ARIARole | null = null;\n\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  /** \n   * When set is shows password in the `password` input.\n   * This is private so the password can be viewed only through user interaction.\n   */\n  #showPassword = false;\n\n  protected removingTabindex = false;\n\n  get files(): FileList | null {\n    return this.getNativeValue('files') as FileList | null;\n  }\n\n  /**\n   * When set it adds a `<datalist>` element to the input.\n   */\n  @property({ type: Array }) list?: string[];\n\n  constructor() {\n    super();\n    this.type = 'text';\n    this.#_userInteracted = false;\n    this.actionController.cancelKeyboardEvents = false;\n    this.addEventListener('click', this.handleClick.bind(this));\n    this.addEventListener('focus', this.handleFocus.bind(this));\n    this.addEventListener('blur', this.handleBlur.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0');\n    }\n    this.handleSlotChange();\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form has been reset\n   */\n  formResetCallback(): void {\n    this.value = '';\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form state has been restored\n   *\n   * @param formState Restored value\n   */\n  formStateRestoreCallback(formState?: string): void {\n    this.value = formState ?? '';\n  }\n\n  protected override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this._updateFormValue();\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  protected _updateFormValue(): void {\n    const { value = '', disabled } = this;\n    if (!value || disabled) {\n      this.#_internals.setFormValue(null);\n    } else {\n      this.#_internals.setFormValue(value);\n    }\n    this._updateValidationState();\n  }\n\n  protected _updateValidationState(): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\n    const { validationMessage, validity } = input;\n    if (!validity.valid) {\n      this.#_internals.setValidity({\n        valueMissing: validity.valueMissing,\n        badInput: validity.badInput,\n        patternMismatch: validity.patternMismatch,\n        rangeOverflow: validity.rangeOverflow,\n        rangeUnderflow: validity.rangeUnderflow,\n        stepMismatch: validity.stepMismatch,\n        tooLong: validity.tooLong,\n        tooShort: validity.tooShort,\n        typeMismatch: validity.typeMismatch,\n        customError: validity.customError,\n      }, validationMessage);\n      return;\n    }\n\n    this.#_internals.setValidity({});\n  }\n\n  protected invalidHandler(e: Event): void {\n    this.retargetEvent(e);\n    if (!this.#_userInteracted) {\n      return;\n    }\n    this.invalid = true;\n  }\n\n  protected handleSlotChange(): void {\n    this.hasPrefix = this.prefixes.length > 0;\n    this.hasSuffix = this.suffixes.length > 0;\n  }\n\n  protected getInputValue(): string {\n    return this.value || '';\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(): boolean {\n    this.#_userInteracted = true;\n    const { valid } = this.checkValidityAndDispatch();\n    this.invalid = !valid;\n    return valid;\n  }\n\n  /**\n   * Focuses the text field's input text.\n   */\n  override focus(): void {\n    if (this.disabled || this.matches(':focus-within')) {\n      return;\n    }\n    this.input?.focus();\n  }\n\n  /**\n   * Unfocuses the text field.\n   */\n  override blur(): void {\n    this.input?.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(): boolean {\n    this.#_userInteracted = true;\n    const { valid, canceled } = this.checkValidityAndDispatch();\n    this._updateValidationState();\n    if (!canceled) {\n      this.invalid = !valid;\n      const prevMessage = this.getErrorText();\n      this.nativeError = !valid;\n      this.nativeErrorText = this.validationMessage;\n\n      const needsRefresh = this.shouldErrorAnnounce() && prevMessage === this.getErrorText();\n      if (needsRefresh) {\n        this.refreshErrorAlert = true;\n      }\n    }\n\n    return valid;\n  }\n\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  protected getErrorText(): string {\n    return this.invalid ? this.invalidText : this.nativeErrorText;\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(): void {\n    this.input?.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): void {\n    this.input?.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\n  setRangeText(replacement: string, start: number, end: number, selectionMode?: SelectionMode): void;\n\n  setRangeText(...args: unknown[]): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\n    // Calling setRangeText with 1 vs 3-4 arguments has different behavior.\n    // Use spread syntax and type casting to ensure correct usage.\n    input.setRangeText(...args as Parameters<HTMLInputElement['setRangeText']>);\n    this.value = input.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(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void {\n    this.input?.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): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\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): void {\n    const { input } = this;\n    if (!input) {\n      return;\n    }\n    input.stepUp(stepIncrement);\n    this.value = input.value;\n  }\n\n  /**\n   * Reset the text field to its default value.\n   */\n  reset(): void {\n    this.dirty = false;\n    this.value = '';\n  }\n\n  override handleClick(): void {\n    this.focus();\n  }\n\n  protected handleFocus(): void {\n    const { input } = this;\n    if (this.disabled || !input) {\n      return;\n    }\n    this.focused = true;\n    this.#_userInteracted = true;\n    this.removingTabindex = true;\n    // Note, the input is automatically focused when form is being submitted and\n    // it won't pass validation. In this case the form will throw an error \n    // as the input is not focusable. In overall, this still works with forms and validation.\n    this.dataset.tabindex = this.getAttribute('tabindex') || '0';\n    this.removeAttribute('tabindex');\n    input.focus();\n    setTimeout(() => {\n      this.removingTabindex = false;\n    }, 1);\n  }\n\n  protected handleBlur(): void {\n    if (this.matches(':focus-within') || this.removingTabindex) {\n      // Changing focus to another child within the text field, like a button\n      return;\n    }\n    this.focused = false;\n    const index = this.dataset.tabindex || '0';\n    delete this.dataset.tabindex;\n    this.setAttribute('tabindex', index);\n  }\n\n  private checkValidityAndDispatch(): { valid: boolean, canceled: boolean } {\n    const { input } = this;\n    const valid = input?.checkValidity() ?? true;\n    let canceled = false;\n    if (!valid) {\n      canceled = !this.dispatchEvent(new Event('invalid', { cancelable: true }));\n    }\n    return { valid, canceled };\n  }\n\n  /**\n   * @returns `true` when the label is in resting state.\n   */\n  protected labelResting(): boolean {\n    const { value } = this;\n    if (!!value || String(value) === '0') {\n      return false;\n    }\n    if (floatTypes.includes(this.type || '')) {\n      return false;\n    }\n    return !this.placeholder && !this.focused;\n  }\n\n  /**\n   * @returns `true` when the label should be hidden\n   */\n  protected labelHidden(): boolean {\n    const { noFloating } = this;\n    return !this.labelResting() && !!noFloating;\n  }\n\n  protected renderLabelText(): string {\n    const labelText = this.label ?? '';\n    const optionalAsterisk = this.required && labelText ? '*' : '';\n    return labelText + optionalAsterisk;\n  }\n\n  protected getSupportingText(): string {\n    const errorText = this.getErrorText();\n    return this.getError() && errorText ? errorText : this.supportingText;\n  }\n\n  protected getError(): boolean {\n    return this.invalid || this.nativeError;\n  }\n\n  protected retargetEvent(event: Event): boolean {\n    if (event.bubbles && (!this.shadowRoot || event.composed)) {\n      event.stopPropagation();\n    }\n\n    const copy = Reflect.construct(event.constructor, [event.type, event]);\n    const dispatched = this.dispatchEvent(copy);\n    if (!dispatched) {\n      event.preventDefault();\n    }\n\n    return dispatched;\n  }\n\n  protected handleInput(event: InputEvent): void {\n    this.dirty = true;\n    this.value = (event.target as HTMLInputElement).value;\n    this.retargetEvent(event);\n    this.reportValidity();\n  }\n\n  protected hasCounter(): boolean {\n    return this.maxLength > -1;\n  }\n\n  protected getCounterText(): string {\n    const { length } = (this.value || '');\n    return `${length} / ${this.maxLength || 0}`;\n  }\n\n  protected getAriaDescribedBy(): string {\n    const hasSupport = !!this.getSupportingText();\n    const hasCounter = this.hasCounter();\n    if (hasSupport) {\n      return this.supportingTextId;\n    }\n    if (hasCounter) {\n      return this.counterId;\n    }\n    return '';\n  }\n\n  #handlePasswordToggle(): void {\n    this.#showPassword = !this.#showPassword;\n    this.requestUpdate();\n  }\n\n  protected get effectiveType(): SupportedInputTypes {\n    const { type } = this;\n    if (type !== 'password') {\n      return type;\n    }\n    const visible = this.#showPassword;\n    return visible ? 'text' : 'password';\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed=false } = this;\n    const containerClasses = classMap({\n      surface: true,\n      pressed,\n      labelResting: this.labelResting(),\n      labelHidden: this.labelHidden(),\n    });\n    return html`\n    <div class=\"${containerClasses}\">\n      <div class=\"container\"></div>\n      <div class=\"content\">\n        ${this.renderPrefix()}\n        ${this.renderBody()}\n        ${this.renderPasswordControl()}\n        ${this.renderSuffix()}\n        ${this.renderHighlight()}\n      </div>\n    </div>\n    ${this.renderSupportingText()}\n    ${this.renderDataList()}\n    `;\n  }\n\n  protected renderPrefix(): TemplateResult {\n    const classes = classMap({\n      start: true,\n      prefixed: this.hasPrefix,\n    });\n    return html`\n    <div class=\"${classes}\">\n      <slot name=\"prefix\" @slotchange=${this.handleSlotChange}></slot>\n    </div>`;\n  }\n\n  protected renderSuffix(): TemplateResult {\n    const classes = classMap({\n      end: true,\n      suffixed: this.hasSuffix,\n    });\n    return html`\n    <div class=\"${classes}\">\n      <slot name=\"suffix\" @slotchange=${this.handleSlotChange}></slot>\n    </div>`;\n  }\n\n  protected renderBody(): TemplateResult {\n    return html`\n    <div class=\"body\">\n      ${this.renderLabel()}\n      ${this.renderInput()}\n    </div>\n    `;\n  }\n\n  protected renderLabel(): TemplateResult {\n    const label = this.renderLabelText();\n    if (!label) {\n      return html``;\n    }\n    return html`\n    <span class=\"label\" id=\"${this.labelId}\">${this.renderLabelText()}</span>\n    `;\n  }\n\n  protected renderHighlight(): TemplateResult {\n    return html`\n    <span class=\"highlight\"></span>\n    `;\n  }\n\n  protected abstract renderInput(): TemplateResult;\n\n  protected renderSupportingText(): TemplateResult {\n    return html`\n      <span class=\"supporting-text\">\n        ${this.renderSupportingTextValue()}\n        ${this.renderCounter()}\n      </span>\n    `;\n  }\n\n  protected renderSupportingTextValue(): TemplateResult {\n    const text = this.getSupportingText();\n    if (!text) {\n      return html``;\n    }\n    const shouldAlert = this.shouldErrorAnnounce();\n    return html`\n    <span \n      class=\"supporting-text-start\" \n      id=\"${this.supportingTextId}\" \n      role=${ifDefined(shouldAlert ? 'alert' : undefined)}\n    >\n      ${text}\n    </span>\n    `;\n  }\n\n  protected renderCounter(): TemplateResult {\n    if (!this.hasCounter()) {\n      return html``;\n    }\n    // TODO: add aria-label and announcements\n    return html`<span id=${this.counterId} class=\"supporting-text-end\">${this.getCounterText()}</span>`;\n  }\n\n  protected renderPasswordControl(): TemplateResult | typeof nothing {\n    const { type } = this;\n    if (type !== 'password') {\n      return nothing;\n    }\n    const visible = this.#showPassword;\n    const icon = visible ? 'visibilityOff' : 'visibility';\n    return html`\n    <ui-icon-button \n      aria-label=\"Toggle password visibility\" \n      @click=\"${this.#handlePasswordToggle}\"\n      title=\"Shows or hides the password\"\n    >\n      <ui-icon icon=\"${icon}\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderDataList(): TemplateResult | typeof nothing {\n    const { list } = this;\n    if (!Array.isArray(list) || !list.length) {\n      return nothing;\n    }\n    return html`\n    <datalist id=\"input-list\">\n    ${list.map(i => html`<option value=\"${i}\">`)}\n    </datalist>\n    `;\n  }\n}\n"]}

package/dist/ui/input/RadioElement.js

@@ -33,19 +33,25 @@ import '../../define/ui/ui-ripple.js';
  * The grouping only affects inputs inside the form.
  */
 export default class RadioElement extends CheckedElement {
+    constructor() {
+        super(...arguments);
+        this.selection = new RadioSelectionController(this);
+        this.showRipple = false;
+        this.getRipple = () => {
+            this.showRipple = true;
+            return this.ripple;
+        };
+        this.renderRipple = () => {
+            const { disabled } = this;
+            return html `<ui-ripple class="ripple" ?disabled="${disabled}"></ui-ripple>`;
+        };
+    }
     static get styles() {
         return elementStyles;
     }
-    selection = new RadioSelectionController(this);
     get _validationError() {
         return 'Please select one of these options.';
     }
-    ripple;
-    showRipple = false;
-    getRipple = () => {
-        this.showRipple = true;
-        return this.ripple;
-    };
     endPress(config) {
         const downConfig = { ...config };
         if (this.checked) {
@@ -112,10 +118,6 @@ export default class RadioElement extends CheckedElement {
     </div>
     `;
     }
-    renderRipple = () => {
-        const { disabled } = this;
-        return html `<ui-ripple class="ripple" ?disabled="${disabled}"></ui-ripple>`;
-    };
 }
 __decorate([
     queryAsync('ui-ripple')

package/dist/ui/input/RadioElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../../src/ui/input/RadioElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResult, html, TemplateResult } from \"lit\";\nimport { queryAsync, state } from \"lit/decorators.js\";\nimport { when } from 'lit/directives/when.js';\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { RadioSelectionController } from \"../controllers/RadioSelectionController.js\";\nimport CheckedElement from \"./CheckedElement.js\";\nimport elementStyles from './Radio.styles.js';\nimport { ripple } from \"../effects/rippleDirective.js\";\nimport '../../define/ui/ui-ripple.js';\nimport UiRipple from \"../effects/ripple.js\";\nimport { EndPressConfig } from \"../controllers/ActionController.js\";\n\n/**\n * A form-associated radio button.\n * \n * ```html\n * <label>\n *  <api-radio name=\"fruit\" value=\"apple\"></api-radio>\n *  Apple\n * </label>\n * <label>\n *  <api-radio name=\"fruit\" value=\"banana\"></api-radio>\n *  Banana\n * </label>\n * <label>\n *  <api-radio name=\"fruit\" value=\"mango\"></api-radio>\n *  Mango\n * </label>\n * ```\n * \n * The radio supports keyboard navigation as the `<input type=\"radio\"/>` does. \n * Radio buttons are grouped by name. This means if another button with the same name\n * is selected, all other with the same name are deselected. It is possible to use \n * two radio inputs with the same name in different forms in the same document.\n * The grouping only affects inputs inside the form.\n */\nexport default class RadioElement extends CheckedElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return elementStyles;\n  }\n\n  protected selection = new RadioSelectionController(this);\n\n  protected override get _validationError(): string {\n    return 'Please select one of these options.';\n  }\n\n  @queryAsync('ui-ripple') protected ripple!: Promise<UiRipple | null>;\n\n  @state() protected showRipple = false;\n\n  protected readonly getRipple = (): Promise<UiRipple | null> => {\n    this.showRipple = true;\n    return this.ripple;\n  };\n\n  override endPress(config: EndPressConfig): void {\n    const downConfig: EndPressConfig = { ...config };\n    if (this.checked) {\n      // prohibits toggling of the radio button.\n      downConfig.cancelled = true;\n    }\n    super.endPress(downConfig);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.selection.clearRequired();\n    this.selection.clearTabindex();\n  }\n\n  override handleClick(e: MouseEvent): void {\n    super.handleClick(e);\n    this.selection.handleSelection();\n    this.focus();\n  }\n\n  protected override _setChecked(value = false): void {\n    if (value) {\n      this.selection.handleSelection();\n    }\n    this._updateFormValue();\n    this.setAttribute('aria-checked', String(value));\n  }\n\n  override async handleKeyDown(e: KeyboardEvent): Promise<void> {\n    super.handleKeyDown(e);\n    this.selection.handleKeyDown(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.beginPress();\n    }\n  }\n\n  override async handleKeyUp(e: KeyboardEvent): Promise<void> {\n    super.handleKeyUp(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.endPress();\n    }\n  }\n\n  protected override async handleFocus(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.beginFocus();\n  }\n\n  protected override async handleBlur(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.endFocus();\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed=false } = this;\n    const surfaceClasses = classMap({\n      surface: true,\n      pressed,\n    });\n    return html`\n    <div class=\"${surfaceClasses}\" ${ripple(this.getRipple)}>\n      <div class=\"container\"></div>\n      <div class=\"state\"></div>\n      ${when(this.showRipple, this.renderRipple)}\n      <div class=\"content\">\n        <div class=\"outer\"></div>\n        <div class=\"inner\"></div>\n      </div>\n    </div>\n    `;\n  }\n\n  protected renderRipple = (): TemplateResult => {\n    const { disabled } = this;\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${disabled}\"></ui-ripple>`;\n  };\n}\n"]}
+{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../../src/ui/input/RadioElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResult, html, TemplateResult } from \"lit\";\nimport { queryAsync, state } from \"lit/decorators.js\";\nimport { when } from 'lit/directives/when.js';\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { RadioSelectionController } from \"../controllers/RadioSelectionController.js\";\nimport CheckedElement from \"./CheckedElement.js\";\nimport elementStyles from './Radio.styles.js';\nimport { ripple } from \"../effects/rippleDirective.js\";\nimport '../../define/ui/ui-ripple.js';\nimport UiRipple from \"../effects/ripple.js\";\nimport { EndPressConfig } from \"../controllers/ActionController.js\";\n\n/**\n * A form-associated radio button.\n * \n * ```html\n * <label>\n *  <api-radio name=\"fruit\" value=\"apple\"></api-radio>\n *  Apple\n * </label>\n * <label>\n *  <api-radio name=\"fruit\" value=\"banana\"></api-radio>\n *  Banana\n * </label>\n * <label>\n *  <api-radio name=\"fruit\" value=\"mango\"></api-radio>\n *  Mango\n * </label>\n * ```\n * \n * The radio supports keyboard navigation as the `<input type=\"radio\"/>` does. \n * Radio buttons are grouped by name. This means if another button with the same name\n * is selected, all other with the same name are deselected. It is possible to use \n * two radio inputs with the same name in different forms in the same document.\n * The grouping only affects inputs inside the form.\n */\nexport default class RadioElement extends CheckedElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return elementStyles;\n  }\n\n  protected selection = new RadioSelectionController(this);\n\n  protected override get _validationError(): string {\n    return 'Please select one of these options.';\n  }\n\n  @queryAsync('ui-ripple') protected ripple!: Promise<UiRipple | null>;\n\n  @state() protected showRipple = false;\n\n  protected readonly getRipple = (): Promise<UiRipple | null> => {\n    this.showRipple = true;\n    return this.ripple;\n  };\n\n  override endPress(config: EndPressConfig): void {\n    const downConfig: EndPressConfig = { ...config };\n    if (this.checked) {\n      // prohibits toggling of the radio button.\n      downConfig.cancelled = true;\n    }\n    super.endPress(downConfig);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.selection.clearRequired();\n    this.selection.clearTabindex();\n  }\n\n  override handleClick(e: MouseEvent): void {\n    super.handleClick(e);\n    this.selection.handleSelection();\n    this.focus();\n  }\n\n  protected override _setChecked(value = false): void {\n    if (value) {\n      this.selection.handleSelection();\n    }\n    this._updateFormValue();\n    this.setAttribute('aria-checked', String(value));\n  }\n\n  override async handleKeyDown(e: KeyboardEvent): Promise<void> {\n    super.handleKeyDown(e);\n    this.selection.handleKeyDown(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.beginPress();\n    }\n  }\n\n  override async handleKeyUp(e: KeyboardEvent): Promise<void> {\n    super.handleKeyUp(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.endPress();\n    }\n  }\n\n  protected override async handleFocus(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.beginFocus();\n  }\n\n  protected override async handleBlur(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.endFocus();\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed=false } = this;\n    const surfaceClasses = classMap({\n      surface: true,\n      pressed,\n    });\n    return html`\n    <div class=\"${surfaceClasses}\" ${ripple(this.getRipple)}>\n      <div class=\"container\"></div>\n      <div class=\"state\"></div>\n      ${when(this.showRipple, this.renderRipple)}\n      <div class=\"content\">\n        <div class=\"outer\"></div>\n        <div class=\"inner\"></div>\n      </div>\n    </div>\n    `;\n  }\n\n  protected renderRipple = (): TemplateResult => {\n    const { disabled } = this;\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${disabled}\"></ui-ripple>`;\n  };\n}\n"]}

package/dist/ui/input/SwitchElement.js

@@ -15,24 +15,6 @@ export default class SwitchElement extends CheckedElement {
     renderOffIcon() {
         return close;
     }
-    /**
-     * When true it renders the "on" icon
-     * @attribute
-     */
-    onIcon;
-    /**
-     * When true it renders the "off" icon
-     * @attribute
-     */
-    offIcon;
-    /**
-     * An instance of the `SVGTemplateResult` passed as a property that describes the `off` icon.
-     */
-    offIconInstance;
-    /**
-     * An instance of the `SVGTemplateResult` passed as a property that describes the `on` icon.
-     */
-    onIconInstance;
     /**
      * Whether any icon is rendered.
      */

package/dist/ui/input/SwitchElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchElement.js","sourceRoot":"","sources":["../../../src/ui/input/SwitchElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,IAAI,EAAqC,MAAM,KAAK,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,cAAc;IACvD,MAAM,KAAc,MAAM;QACxB,OAAO,aAAa,CAAC;IACvB,CAAC;IAES,YAAY;QACpB,OAAO,KAAK,CAAC;IACf,CAAC;IAES,aAAa;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;OAGG;IACyC,MAAM,CAAW;IAE7D;;;OAGG;IACyC,OAAO,CAAW;IAE9D;;OAEG;IACyB,eAAe,CAAqB;IAEhE;;OAEG;IACyB,cAAc,CAAqB;IAE/D;;OAEG;IACH,IAAc,aAAa;QACzB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;SACtB;QACD,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAc,YAAY;QACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAA,EAAE,CAAC;SACf;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;YAChC,OAAO,cAAc,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;SAC9C;QACD,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,OAAO,eAAe,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;IACjD,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,OAAO,GAAC,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC9C,MAAM,cAAc,GAAG,QAAQ,CAAC;YAC9B,OAAO,EAAE,IAAI;YACb,OAAO;YACP,QAAQ,EAAE,aAAa;SACxB,CAAC,CAAC;QACH,OAAO,IAAI,CAAA;kBACG,cAAc;;;;;YAKpB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;;;KAI1D,CAAC;IACJ,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,YAAY;KACpC,CAAC;IACJ,CAAC;CACF;AAjE6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AAMjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAmB;AAKlC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAqC;AAKpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAoC","sourcesContent":["import { CSSResult, html, SVGTemplateResult, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport elementStyles from './Switch.styles.js';\nimport CheckedElement from \"./CheckedElement.js\";\nimport { check, close } from '../icons/Icons.js';\n\nexport default class SwitchElement extends CheckedElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return elementStyles;\n  }\n\n  protected renderOnIcon(): SVGTemplateResult {\n    return check;\n  }\n\n  protected renderOffIcon(): SVGTemplateResult {\n    return close;\n  }\n\n  /**\n   * When true it renders the \"on\" icon\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) onIcon?: boolean;\n\n  /**\n   * When true it renders the \"off\" icon\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) offIcon?: boolean;\n\n  /**\n   * An instance of the `SVGTemplateResult` passed as a property that describes the `off` icon.\n   */\n  @property({ type: Object }) offIconInstance?: SVGTemplateResult;\n\n  /**\n   * An instance of the `SVGTemplateResult` passed as a property that describes the `on` icon.\n   */\n  @property({ type: Object }) onIconInstance?: SVGTemplateResult;\n\n  /**\n   * Whether any icon is rendered.\n   */\n  protected get _rendersIcons(): boolean {\n    if (this.checked) {\n      return !!this.onIcon;\n    }\n    return !!this.offIcon;\n  }\n\n  protected get _currentIcon(): SVGTemplateResult | TemplateResult {\n    if (!this._rendersIcons) {\n      return html``;\n    }\n    if (this.checked) {\n      const { onIconInstance } = this;\n      return onIconInstance || this.renderOnIcon();\n    }\n    const { offIconInstance } = this;\n    return offIconInstance || this.renderOffIcon();\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed=false, _rendersIcons } = this;\n    const surfaceClasses = classMap({\n      surface: true,\n      pressed,\n      withIcon: _rendersIcons,\n    });\n    return html`\n    <div class=\"${surfaceClasses}\">\n      <div class=\"container track\"></div>\n      <div class=\"state\"></div>\n      <div class=\"content\">\n        <div class=\"thumb\">\n          ${this._rendersIcons ? this._iconsTemplate() : html``}\n        </div>\n      </div>\n    </div>\n    `;\n  }\n\n  protected _iconsTemplate(): TemplateResult {\n    return html`\n    <div class=\"icon\">${this._currentIcon}</div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"SwitchElement.js","sourceRoot":"","sources":["../../../src/ui/input/SwitchElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,IAAI,EAAqC,MAAM,KAAK,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,cAAc;IACvD,MAAM,KAAc,MAAM;QACxB,OAAO,aAAa,CAAC;IACvB,CAAC;IAES,YAAY;QACpB,OAAO,KAAK,CAAC;IACf,CAAC;IAES,aAAa;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IAwBD;;OAEG;IACH,IAAc,aAAa;QACzB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;SACtB;QACD,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAc,YAAY;QACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAA,EAAE,CAAC;SACf;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;YAChC,OAAO,cAAc,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;SAC9C;QACD,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,OAAO,eAAe,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;IACjD,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,OAAO,GAAC,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC9C,MAAM,cAAc,GAAG,QAAQ,CAAC;YAC9B,OAAO,EAAE,IAAI;YACb,OAAO;YACP,QAAQ,EAAE,aAAa;SACxB,CAAC,CAAC;QACH,OAAO,IAAI,CAAA;kBACG,cAAc;;;;;YAKpB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;;;KAI1D,CAAC;IACJ,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,YAAY;KACpC,CAAC;IACJ,CAAC;CACF;AAjE6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AAMjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAmB;AAKlC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAqC;AAKpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAoC","sourcesContent":["import { CSSResult, html, SVGTemplateResult, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport elementStyles from './Switch.styles.js';\nimport CheckedElement from \"./CheckedElement.js\";\nimport { check, close } from '../icons/Icons.js';\n\nexport default class SwitchElement extends CheckedElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return elementStyles;\n  }\n\n  protected renderOnIcon(): SVGTemplateResult {\n    return check;\n  }\n\n  protected renderOffIcon(): SVGTemplateResult {\n    return close;\n  }\n\n  /**\n   * When true it renders the \"on\" icon\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) onIcon?: boolean;\n\n  /**\n   * When true it renders the \"off\" icon\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) offIcon?: boolean;\n\n  /**\n   * An instance of the `SVGTemplateResult` passed as a property that describes the `off` icon.\n   */\n  @property({ type: Object }) offIconInstance?: SVGTemplateResult;\n\n  /**\n   * An instance of the `SVGTemplateResult` passed as a property that describes the `on` icon.\n   */\n  @property({ type: Object }) onIconInstance?: SVGTemplateResult;\n\n  /**\n   * Whether any icon is rendered.\n   */\n  protected get _rendersIcons(): boolean {\n    if (this.checked) {\n      return !!this.onIcon;\n    }\n    return !!this.offIcon;\n  }\n\n  protected get _currentIcon(): SVGTemplateResult | TemplateResult {\n    if (!this._rendersIcons) {\n      return html``;\n    }\n    if (this.checked) {\n      const { onIconInstance } = this;\n      return onIconInstance || this.renderOnIcon();\n    }\n    const { offIconInstance } = this;\n    return offIconInstance || this.renderOffIcon();\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed=false, _rendersIcons } = this;\n    const surfaceClasses = classMap({\n      surface: true,\n      pressed,\n      withIcon: _rendersIcons,\n    });\n    return html`\n    <div class=\"${surfaceClasses}\">\n      <div class=\"container track\"></div>\n      <div class=\"state\"></div>\n      <div class=\"content\">\n        <div class=\"thumb\">\n          ${this._rendersIcons ? this._iconsTemplate() : html``}\n        </div>\n      </div>\n    </div>\n    `;\n  }\n\n  protected _iconsTemplate(): TemplateResult {\n    return html`\n    <div class=\"icon\">${this._currentIcon}</div>\n    `;\n  }\n}\n"]}

package/dist/ui/input/TextAreaElement.js

@@ -6,21 +6,6 @@ import { live } from "lit/directives/live.js";
 import { styleMap } from "lit/directives/style-map.js";
 import Input from "./Input.js";
 export default class TextAreaElement extends Input {
-    /**
-     * Binds this to the `<textarea>`'s `cols` property.
-     * @attr
-     */
-    cols;
-    /**
-     * Binds this to the `<textarea>`'s `rows` property.
-     * @attr
-     */
-    rows;
-    /**
-     * Binds this to the `<textarea>`'s `wrap` property.
-     * @attr
-     */
-    wrap;
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('aria-multiline', 'true');

package/dist/ui/input/TextAreaElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaElement.js","sourceRoot":"","sources":["../../../src/ui/input/TextAreaElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { StyleInfo, styleMap } from \"lit/directives/style-map.js\";\nimport Input from \"./Input.js\";\n\nexport default class TextAreaElement extends Input {\n  /**\n   * Binds this to the `<textarea>`'s `cols` property.\n   * @attr\n   */\n  @property({ type: Number })\n  cols?: number;\n\n  /**\n   * Binds this to the `<textarea>`'s `rows` property.\n   * @attr\n   */\n  @property({ type: Number })\n  rows?: number;\n\n  /**\n   * Binds this to the `<textarea>`'s `wrap` property.\n   * @attr\n   */\n  @property({ type: String })\n  wrap?: \"soft\" | \"hard\";\n  \n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('aria-multiline', 'true');\n  }\n\n  protected override renderInput(): TemplateResult {\n    const placeholderValue = this.placeholder || undefined;\n    const maxLengthValue = this.maxLength > -1 ? this.maxLength : undefined;\n    const minLengthValue = this.minLength > -1 ? this.minLength : undefined;\n    const patternValue = this.pattern || undefined;\n    const roleValue = this.dataRole || undefined;\n    const stepValue = this.step || undefined;\n    const { disabled } = this;\n\n    const style: StyleInfo = {};\n    if (this.textDirection) {\n      style.direction = this.textDirection;\n    }\n\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\n    return html`\n    <textarea\n      class=\"input\"\n      style=${styleMap(style)}\n      name=\"${ifDefined(this.name)}\" \n      .value=${live(this.getInputValue())}\n      maxlength=${ifDefined(maxLengthValue)}\n      minlength=${ifDefined(minLengthValue)}\n      pattern=${ifDefined(patternValue)}\n      placeholder=${ifDefined(placeholderValue)}\n      role=${ifDefined(roleValue as 'textbox')}\n      ?disabled=${disabled}\n      ?readonly=${this.readOnly}\n      ?required=${this.required}\n      step=${ifDefined(stepValue as unknown as number)}\n      autocomplete=\"${ifDefined(this.autocomplete)}\"\n      autocapitalize=\"${ifDefined(this.autocapitalize)}\"\n      autocorrect=\"${ifDefined(this.autocorrect)}\"\n      inputmode=\"${ifDefined(this.inputMode)}\"\n      cols=\"${ifDefined(this.cols)}\"\n      rows=\"${ifDefined(this.rows)}\"\n      wrap=\"${ifDefined(this.wrap)}\"\n      spellcheck=\"${ifDefined(this.spellcheck)}\"\n      @change=${this.retargetEvent}\n      @input=${this.handleInput}\n      @select=${this.retargetEvent}\n      @invalid=${this.invalidHandler}\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    ></textarea>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TextAreaElement.js","sourceRoot":"","sources":["../../../src/ui/input/TextAreaElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { StyleInfo, styleMap } from \"lit/directives/style-map.js\";\nimport Input from \"./Input.js\";\n\nexport default class TextAreaElement extends Input {\n  /**\n   * Binds this to the `<textarea>`'s `cols` property.\n   * @attr\n   */\n  @property({ type: Number })\n  cols?: number;\n\n  /**\n   * Binds this to the `<textarea>`'s `rows` property.\n   * @attr\n   */\n  @property({ type: Number })\n  rows?: number;\n\n  /**\n   * Binds this to the `<textarea>`'s `wrap` property.\n   * @attr\n   */\n  @property({ type: String })\n  wrap?: \"soft\" | \"hard\";\n  \n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('aria-multiline', 'true');\n  }\n\n  protected override renderInput(): TemplateResult {\n    const placeholderValue = this.placeholder || undefined;\n    const maxLengthValue = this.maxLength > -1 ? this.maxLength : undefined;\n    const minLengthValue = this.minLength > -1 ? this.minLength : undefined;\n    const patternValue = this.pattern || undefined;\n    const roleValue = this.dataRole || undefined;\n    const stepValue = this.step || undefined;\n    const { disabled } = this;\n\n    const style: StyleInfo = {};\n    if (this.textDirection) {\n      style.direction = this.textDirection;\n    }\n\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\n    return html`\n    <textarea\n      class=\"input\"\n      style=${styleMap(style)}\n      name=\"${ifDefined(this.name)}\" \n      .value=${live(this.getInputValue())}\n      maxlength=${ifDefined(maxLengthValue)}\n      minlength=${ifDefined(minLengthValue)}\n      pattern=${ifDefined(patternValue)}\n      placeholder=${ifDefined(placeholderValue)}\n      role=${ifDefined(roleValue as 'textbox')}\n      ?disabled=${disabled}\n      ?readonly=${this.readOnly}\n      ?required=${this.required}\n      step=${ifDefined(stepValue as unknown as number)}\n      autocomplete=\"${ifDefined(this.autocomplete)}\"\n      autocapitalize=\"${ifDefined(this.autocapitalize)}\"\n      autocorrect=\"${ifDefined(this.autocorrect)}\"\n      inputmode=\"${ifDefined(this.inputMode)}\"\n      cols=\"${ifDefined(this.cols)}\"\n      rows=\"${ifDefined(this.rows)}\"\n      wrap=\"${ifDefined(this.wrap)}\"\n      spellcheck=\"${ifDefined(this.spellcheck)}\"\n      @change=${this.retargetEvent}\n      @input=${this.handleInput}\n      @select=${this.retargetEvent}\n      @invalid=${this.invalidHandler}\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    ></textarea>\n    `;\n  }\n}\n"]}

package/dist/ui/list/DividerElement.js

@@ -60,18 +60,13 @@ export default class DividerElement extends LitElement {
     }
     `;
     }
-    /**
-     * The predefined type of the divider.
-     * @attribute
-     */
-    type;
-    /**
-     * Whether to render the divider as a horizontal separation.
-     * @attribute
-     */
-    horizontal = false;
     constructor() {
         super();
+        /**
+         * Whether to render the divider as a horizontal separation.
+         * @attribute
+         */
+        this.horizontal = false;
         this.type = DividerType.full;
     }
     render() {

package/dist/ui/list/DividerElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../src/ui/list/DividerElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAa,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,gCAAmB,CAAA;AACrB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM,KAAc,MAAM;QACxB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8CT,CAAC;IACJ,CAAC;IAED;;;OAGG;IACwC,IAAI,CAAc;IAE7D;;;OAGG;IACyC,UAAU,GAAG,KAAK,CAAC;IAE/D;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAC/B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF;AAhB4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAmB;AAMjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAoB","sourcesContent":["import { css, CSSResult, html, LitElement, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nexport enum DividerType {\n  'full' = 'full',\n  'inset' = 'inset',\n  'middle' = 'middle',\n}\n\n/**\n * A divider element.\n */\nexport default class DividerElement extends LitElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return css`\n    :host {\n      display: block;\n      margin-top: 8px;\n      margin-bottom: 8px;\n\n      --ui-divider-padding: 16px;\n      --ui-divider-horizontal-separation: 8px;\n    }\n\n    .container {\n      height: 1px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    .container::before {\n      content: '';\n      height: inherit;\n      background-color: var(--md-sys-color-outline-variant);\n      display: block;\n    }\n\n    :host([type=\"inset\"]) .container {\n      padding-left: var(--ui-divider-padding);\n    }\n\n    :host([type=\"middle\"]) .container {\n      padding-left: var(--ui-divider-padding);\n      padding-right: var(--ui-divider-padding);\n    }\n\n    :host([horizontal]) {\n      margin: 0;\n      height: 100%;\n    }\n\n    :host([horizontal]) .container {\n      width: 1px;\n      height: 100%;\n      margin: 0 var(--ui-divider-horizontal-separation);\n    }\n\n    :host([horizontal][type=\"middle\"]) .container {\n      padding: var(--ui-divider-padding) 0 var(--ui-divider-padding) 0;\n    }\n    `;\n  }\n\n  /**\n   * The predefined type of the divider.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) type: DividerType;\n\n  /**\n   * Whether to render the divider as a horizontal separation.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) horizontal = false;\n\n  constructor() {\n    super();\n    this.type = DividerType.full;\n  }\n\n  protected override render(): TemplateResult {\n    return html`<div class=\"container\"></div>`;\n  }\n}\n"]}
+{"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../src/ui/list/DividerElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAa,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,gCAAmB,CAAA;AACrB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM,KAAc,MAAM;QACxB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8CT,CAAC;IACJ,CAAC;IAcD;QACE,KAAK,EAAE,CAAC;QAPV;;;WAGG;QACyC,eAAU,GAAG,KAAK,CAAC;QAI7D,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAC/B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF;AAhB4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAmB;AAMjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAoB","sourcesContent":["import { css, CSSResult, html, LitElement, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nexport enum DividerType {\n  'full' = 'full',\n  'inset' = 'inset',\n  'middle' = 'middle',\n}\n\n/**\n * A divider element.\n */\nexport default class DividerElement extends LitElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return css`\n    :host {\n      display: block;\n      margin-top: 8px;\n      margin-bottom: 8px;\n\n      --ui-divider-padding: 16px;\n      --ui-divider-horizontal-separation: 8px;\n    }\n\n    .container {\n      height: 1px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    .container::before {\n      content: '';\n      height: inherit;\n      background-color: var(--md-sys-color-outline-variant);\n      display: block;\n    }\n\n    :host([type=\"inset\"]) .container {\n      padding-left: var(--ui-divider-padding);\n    }\n\n    :host([type=\"middle\"]) .container {\n      padding-left: var(--ui-divider-padding);\n      padding-right: var(--ui-divider-padding);\n    }\n\n    :host([horizontal]) {\n      margin: 0;\n      height: 100%;\n    }\n\n    :host([horizontal]) .container {\n      width: 1px;\n      height: 100%;\n      margin: 0 var(--ui-divider-horizontal-separation);\n    }\n\n    :host([horizontal][type=\"middle\"]) .container {\n      padding: var(--ui-divider-padding) 0 var(--ui-divider-padding) 0;\n    }\n    `;\n  }\n\n  /**\n   * The predefined type of the divider.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) type: DividerType;\n\n  /**\n   * Whether to render the divider as a horizontal separation.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) horizontal = false;\n\n  constructor() {\n    super();\n    this.type = DividerType.full;\n  }\n\n  protected override render(): TemplateResult {\n    return html`<div class=\"container\"></div>`;\n  }\n}\n"]}

package/dist/ui/list/UiDropdownList.js

@@ -27,53 +27,6 @@ const itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
  * @fires open - An event dispatched when the open state change through a user interaction
  */
 export default class UiDropdownList extends LitElement {
-    triggers;
-    dropdowns;
-    triggerId = `ui-trigger-${randomString(4)}`;
-    menuId = `ui-menu-${randomString(4)}`;
-    /**
-     * Whether the menu is opened.
-     * @attribute
-     */
-    open = false;
-    /**
-     * The vertical (y-axis) alignment of the dropdown content.
-     * - top
-     * - bottom
-     * - middle
-     *
-     * No value means the natural position according to the box model.
-     * @attribute
-     */
-    verticalAlign;
-    /**
-     * The horizontal (x-axis) alignment of the dropdown content.
-     * - top
-     * - bottom
-     * - middle
-     *
-     * No value means the natural position according to the box model.
-     * @attribute
-     */
-    horizontalAlign;
-    /**
-     * Affects the `horizontal` and `vertical` positioning so that the target element does not overlap with the anchor.
-     * For example, when the `vertical` align is `top`, the top edge of the target will be rendered at the bottom
-     * of the anchor down to the edge of the viewport.
-     * @attribute
-     */
-    noOverlap;
-    /**
-     * When set it closes the opened list when registering a click outside the list.
-     * @attribute
-     */
-    closeOnOutsideClick;
-    /**
-     * When set it makes the drop-down to match the width of the trigger.
-     * Be careful as this may crop the content when the trigger is not wide enough.
-     * @attribute
-     */
-    matchTriggerWidth;
     /**
      * The first element located in the default slot.
      */
@@ -96,9 +49,15 @@ export default class UiDropdownList extends LitElement {
         const [content] = dropdowns;
         return content;
     }
-    overlayPositioning;
     constructor() {
         super();
+        this.triggerId = `ui-trigger-${randomString(4)}`;
+        this.menuId = `ui-menu-${randomString(4)}`;
+        /**
+         * Whether the menu is opened.
+         * @attribute
+         */
+        this.open = false;
         this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this);
         this.scrollHandler = this.scrollHandler.bind(this);
         this.clickHandler = this.clickHandler.bind(this);