@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.0

package/dist/collection/components/text-field/text-field.js

@@ -1,581 +1,646 @@
-import { h, } from '@stencil/core';
-import classNames from 'classnames';
+import { h, } from "@stencil/core";
+import classNames from "classnames";
 export class TextField {
-  constructor() {
-    this.handleFocus = (ev) => {
-      this.inputFocus.emit(ev);
-    };
-    this.handleBlur = (ev) => {
-      this.inputBlur.emit(ev);
-    };
-    this.handleKeyDown = (ev) => {
-      if (ev.key === 'Enter' && this.nearbyForm != null) {
-        this.nearbyForm.dispatchEvent(new CustomEvent('submit', {
-          bubbles: true,
-          cancelable: true,
-        }));
-      }
-      else {
-        this.textFieldKeyDown.emit(ev);
-      }
-    };
-    this.handleChanged = () => {
-      this.inputChange.emit({ value: this.nativeInput.value });
-    };
-    this.handleInput = () => {
-      this.inputInput.emit({ value: this.nativeInput.value });
-    };
-    this.type = 'text';
-    this.name = undefined;
-    this.variant = 'standard';
-    this.fontSize = 'standard';
-    this.multiline = false;
-    this.minRows = 1;
-    this.maxRows = undefined;
-    this.placeholder = undefined;
-    this.autoFocus = undefined;
-    this.autoComplete = undefined;
-    this.autoCorrect = undefined;
-    this.value = '';
-    this.disabled = undefined;
-    this.hasError = undefined;
-  }
-  componentDidLoad() {
-    var _a;
-    if (this.autoFocus) {
-      (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-  }
-  /**
-   * updateInput is a method to take an input to automatically set the native input to the given input string
-   * @param input
-   */
-  async updateInput(input) {
-    if (this.nativeInput != null) {
-      this.nativeInput.value = input;
-    }
-  }
-  async blurInput() {
-    var _a;
-    (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.blur();
-  }
-  async getInputValue() {
-    return this.nativeInput.value;
-  }
-  /**
-   * A method to select all in the input
-   */
-  async selectAll() {
-    this.nativeInput.select();
-  }
-  render() {
-    var _a;
-    const classes = classNames('txt-wrapper', {
-      'txt-wrapper-border': !this.multiline,
-      'txt-standard': this.variant === 'standard',
-      'txt-filled': this.variant === 'filled',
-      'txt-underlined': this.variant === 'underlined',
-      'txt-blank': this.variant === 'blank',
-      'txt-size-standard': this.fontSize === 'standard',
-      'txt-size-sm': this.fontSize === 'sm',
-      'txt-size-md': this.fontSize === 'md',
-      'txt-size-lg': this.fontSize === 'lg',
-      'txt-size-xl': this.fontSize === 'xl',
-      'txt-size-xxl': this.fontSize === 'xxl',
-      disabled: this.disabled,
-      'has-error': this.hasError,
-    });
-    const commonProps = {
-      class: 'txt',
-      'data-testid': 'text-field',
-      name: this.name,
-      ref: (input) => {
-        if (input != null) {
-          this.nativeInput = input;
-        }
-      },
-      autoComplete: this.autoComplete,
-      autoFocus: this.autoFocus,
-      disabled: this.disabled,
-      placeholder: this.placeholder,
-      value: this.value || '',
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      onKeyDown: this.handleKeyDown,
-      onInput: this.handleInput,
-      onChange: this.handleChanged,
-      onAnimationStart: (ev) => {
-        if (['onAutoFillStart', 'onAutoFillCancel'].includes(ev.animationName)) {
-          this.inputAutofill.emit({ value: this.nativeInput.value });
-        }
-      },
-    };
-    return (h("div", { class: classes }, h("div", { class: "txt-slot" }, h("slot", { name: "left" })), this.multiline ? (h("vertex-auto-resize-textarea", { maxRows: this.maxRows, minRows: this.minRows, initialValue: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '' }, h("textarea", Object.assign({}, commonProps, { class: classNames(commonProps.class, 'txt-textarea', classes), rows: this.minRows })))) : (h("input", Object.assign({}, commonProps, { type: this.type }))), h("div", { class: "txt-slot" }, h("slot", { name: "right" }))));
-  }
-  connectedCallback() {
-    if (this.hostElement != null) {
-      this.nearbyForm = this.hostElement.closest('form');
-    }
-  }
-  static get is() { return "vertex-textfield"; }
-  static get encapsulation() { return "scoped"; }
-  static get properties() {
-    return {
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TextFieldType",
-          "resolved": "\"email\" | \"password\" | \"text\"",
-          "references": {
-            "TextFieldType": {
-              "location": "local"
+    constructor() {
+        /**
+         * The type of the <input>
+         * Can be "text", "password", or "email" and defaults to "text"
+         */
+        this.type = 'text';
+        /**
+         * The variant of this <vertex-textfield>.
+         * Can be "standard", "filled", or "underlined" and defaults to "standard".
+         */
+        this.variant = 'standard';
+        /**
+         * The size of the text.
+         * Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
+         */
+        this.fontSize = 'standard';
+        /**
+         * Whether this input should be displayed as a multiline input.
+         * Rows will have no minimum or maximum by default unless `min-rows`
+         * or `max-rows` are set.
+         */
+        this.multiline = false;
+        /**
+         * The minimum number of rows to display. This property has no effect
+         * if `multiline` is not `true`.
+         *
+         * Defaults to `1`.
+         */
+        this.minRows = 1;
+        /**
+         * Value for text input.
+         */
+        this.value = '';
+        this.handleFocus = (ev) => {
+            this.inputFocus.emit(ev);
+        };
+        this.handleBlur = (ev) => {
+            this.inputBlur.emit(ev);
+        };
+        this.handleKeyDown = (ev) => {
+            if (ev.key === 'Enter' && this.nearbyForm != null) {
+                this.nearbyForm.dispatchEvent(new CustomEvent('submit', {
+                    bubbles: true,
+                    cancelable: true,
+                }));
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The type of the <input>\nCan be \"text\", \"password\", or \"email\" and defaults to \"text\""
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'text'"
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The name of the <input>"
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TextFieldVariant",
-          "resolved": "\"blank\" | \"filled\" | \"standard\" | \"underlined\"",
-          "references": {
-            "TextFieldVariant": {
-              "location": "local"
+            else {
+                this.textFieldKeyDown.emit(ev);
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The variant of this <vertex-textfield>.\nCan be \"standard\", \"filled\", or \"underlined\" and defaults to \"standard\"."
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'standard'"
-      },
-      "fontSize": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TextSize",
-          "resolved": "\"lg\" | \"md\" | \"sm\" | \"standard\" | \"xl\" | \"xxl\"",
-          "references": {
-            "TextSize": {
-              "location": "local"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The size of the text.\nCan be \"standard,\" \"sm,\" \"md,\" \"lg,\" \"xl,\" or \"2xl\" and defaults to \"standard\"."
-        },
-        "attribute": "font-size",
-        "reflect": false,
-        "defaultValue": "'standard'"
-      },
-      "multiline": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether this input should be displayed as a multiline input.\nRows will have no minimum or maximum by default unless `min-rows`\nor `max-rows` are set."
-        },
-        "attribute": "multiline",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "minRows": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The minimum number of rows to display. This property has no effect\nif `multiline` is not `true`.\n\nDefaults to `1`."
-        },
-        "attribute": "min-rows",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "maxRows": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The minimum number of rows to display. This property has no effect\nif `multiline` is not `true`."
-        },
-        "attribute": "max-rows",
-        "reflect": false
-      },
-      "placeholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Placeholder for text input."
-        },
-        "attribute": "placeholder",
-        "reflect": false
-      },
-      "autoFocus": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Focus input when rendered"
-        },
-        "attribute": "auto-focus",
-        "reflect": false
-      },
-      "autoComplete": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TextFieldAutocomplete",
-          "resolved": "TextFieldAutocomplete | undefined",
-          "references": {
-            "TextFieldAutocomplete": {
-              "location": "local"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Sets autoComplete attribute on <input>"
-        },
-        "attribute": "auto-complete",
-        "reflect": false
-      },
-      "autoCorrect": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'on' | 'off'",
-          "resolved": "\"off\" | \"on\" | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Sets autoCorrect attribute on <input>"
-        },
-        "attribute": "auto-correct",
-        "reflect": false
-      },
-      "value": {
-        "type": "any",
-        "mutable": true,
-        "complexType": {
-          "original": "string | number | null",
-          "resolved": "null | number | string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Value for text input."
-        },
-        "attribute": "value",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Whether this input is disabled."
-        },
-        "attribute": "disabled",
-        "reflect": true
-      },
-      "hasError": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Whether this input is in error state"
-        },
-        "attribute": "has-error",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "inputFocus",
-        "name": "inputFocus",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when input focused"
-        },
-        "complexType": {
-          "original": "FocusEvent",
-          "resolved": "FocusEvent",
-          "references": {
-            "FocusEvent": {
-              "location": "global"
-            }
-          }
-        }
-      }, {
-        "method": "inputBlur",
-        "name": "inputBlur",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when input blurred"
-        },
-        "complexType": {
-          "original": "FocusEvent",
-          "resolved": "FocusEvent",
-          "references": {
-            "FocusEvent": {
-              "location": "global"
-            }
-          }
-        }
-      }, {
-        "method": "inputInput",
-        "name": "inputInput",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when a keyboard input occurred."
-        },
-        "complexType": {
-          "original": "InputChangeEventDetail",
-          "resolved": "InputChangeEventDetail",
-          "references": {
-            "InputChangeEventDetail": {
-              "location": "local"
-            }
-          }
-        }
-      }, {
-        "method": "inputChange",
-        "name": "inputChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the value has changed."
-        },
-        "complexType": {
-          "original": "InputChangeEventDetail",
-          "resolved": "InputChangeEventDetail",
-          "references": {
-            "InputChangeEventDetail": {
-              "location": "local"
-            }
-          }
-        }
-      }, {
-        "method": "textFieldKeyDown",
-        "name": "textFieldKeyDown",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "KeyboardEvent",
-          "resolved": "KeyboardEvent",
-          "references": {
-            "KeyboardEvent": {
-              "location": "global"
-            }
-          }
-        }
-      }, {
-        "method": "inputAutofill",
-        "name": "inputAutofill",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the input is set to a value through browser autofill."
-        },
-        "complexType": {
-          "original": "InputChangeEventDetail",
-          "resolved": "InputChangeEventDetail",
-          "references": {
-            "InputChangeEventDetail": {
-              "location": "local"
-            }
-          }
+        };
+        this.handleChanged = () => {
+            this.inputChange.emit({ value: this.nativeInput.value });
+        };
+        this.handleInput = () => {
+            this.inputInput.emit({ value: this.nativeInput.value });
+        };
+    }
+    componentDidLoad() {
+        var _a;
+        if (this.autoFocus) {
+            (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.focus();
         }
-      }];
-  }
-  static get methods() {
-    return {
-      "updateInput": {
-        "complexType": {
-          "signature": "(input: string) => Promise<void>",
-          "parameters": [{
-              "tags": [{
-                  "name": "param",
-                  "text": "input"
-                }],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "updateInput is a method to take an input to automatically set the native input to the given input string",
-          "tags": [{
-              "name": "param",
-              "text": "input"
-            }]
+    }
+    /**
+     * updateInput is a method to take an input to automatically set the native input to the given input string
+     * @param input
+     */
+    async updateInput(input) {
+        if (this.nativeInput != null) {
+            this.nativeInput.value = input;
         }
-      },
-      "blurInput": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+    }
+    async blurInput() {
+        var _a;
+        (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    async getInputValue() {
+        return this.nativeInput.value;
+    }
+    /**
+     * A method to select all in the input
+     */
+    async selectAll() {
+        this.nativeInput.select();
+    }
+    render() {
+        var _a;
+        const classes = classNames('txt-wrapper', {
+            'txt-wrapper-border': !this.multiline,
+            'txt-standard': this.variant === 'standard',
+            'txt-filled': this.variant === 'filled',
+            'txt-underlined': this.variant === 'underlined',
+            'txt-blank': this.variant === 'blank',
+            'txt-size-standard': this.fontSize === 'standard',
+            'txt-size-sm': this.fontSize === 'sm',
+            'txt-size-md': this.fontSize === 'md',
+            'txt-size-lg': this.fontSize === 'lg',
+            'txt-size-xl': this.fontSize === 'xl',
+            'txt-size-xxl': this.fontSize === 'xxl',
+            disabled: this.disabled,
+            'has-error': this.hasError,
+        });
+        const commonProps = {
+            class: 'txt',
+            'data-testid': 'text-field',
+            name: this.name,
+            ref: (input) => {
+                if (input != null) {
+                    this.nativeInput = input;
+                }
+            },
+            autoComplete: this.autoComplete,
+            autoFocus: this.autoFocus,
+            disabled: this.disabled,
+            placeholder: this.placeholder,
+            value: this.value || '',
+            onFocus: this.handleFocus,
+            onBlur: this.handleBlur,
+            onKeyDown: this.handleKeyDown,
+            onInput: this.handleInput,
+            onChange: this.handleChanged,
+            onAnimationStart: (ev) => {
+                if (['onAutoFillStart', 'onAutoFillCancel'].includes(ev.animationName)) {
+                    this.inputAutofill.emit({ value: this.nativeInput.value });
+                }
+            },
+        };
+        return (h("div", { key: '461fd5146c65dc7c1887a48e1ba119c9b5131958', class: classes }, h("div", { key: '68b5e4d3a6af4dfb7bacada29b7b31499fee5325', class: "txt-slot" }, h("slot", { key: '1fb79f18a99ce56f88838ea7e4a17f9318e6c831', name: "left" })), this.multiline ? (h("vertex-auto-resize-textarea", { maxRows: this.maxRows, minRows: this.minRows, initialValue: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '' }, h("textarea", { ...commonProps, class: classNames(commonProps.class, 'txt-textarea', classes), rows: this.minRows }))) : (h("input", { ...commonProps, type: this.type })), h("div", { key: '86e9f3a765be81bddbe6db80758e63cf6f3be1be', class: "txt-slot" }, h("slot", { key: '8143e56d2943d988a4439fb26e4450735370cb88', name: "right" }))));
+    }
+    connectedCallback() {
+        if (this.hostElement != null) {
+            this.nearbyForm = this.hostElement.closest('form');
         }
-      },
-      "getInputValue": {
-        "complexType": {
-          "signature": "() => Promise<string>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
+    }
+    static get is() { return "vertex-textfield"; }
+    static get encapsulation() { return "scoped"; }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextFieldType",
+                    "resolved": "\"email\" | \"password\" | \"text\"",
+                    "references": {
+                        "TextFieldType": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/text-field/text-field.tsx",
+                            "id": "src/components/text-field/text-field.tsx::TextFieldType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The type of the <input>\nCan be \"text\", \"password\", or \"email\" and defaults to \"text\""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type",
+                "defaultValue": "'text'"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The name of the <input>"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextFieldVariant",
+                    "resolved": "\"blank\" | \"filled\" | \"standard\" | \"underlined\"",
+                    "references": {
+                        "TextFieldVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/text-field/text-field.tsx",
+                            "id": "src/components/text-field/text-field.tsx::TextFieldVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The variant of this <vertex-textfield>.\nCan be \"standard\", \"filled\", or \"underlined\" and defaults to \"standard\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant",
+                "defaultValue": "'standard'"
+            },
+            "fontSize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"standard\" | \"xl\" | \"xxl\"",
+                    "references": {
+                        "TextSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/text-field/text-field.tsx",
+                            "id": "src/components/text-field/text-field.tsx::TextSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The size of the text.\nCan be \"standard,\" \"sm,\" \"md,\" \"lg,\" \"xl,\" or \"2xl\" and defaults to \"standard\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "font-size",
+                "defaultValue": "'standard'"
+            },
+            "multiline": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this input should be displayed as a multiline input.\nRows will have no minimum or maximum by default unless `min-rows`\nor `max-rows` are set."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "multiline",
+                "defaultValue": "false"
+            },
+            "minRows": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The minimum number of rows to display. This property has no effect\nif `multiline` is not `true`.\n\nDefaults to `1`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "min-rows",
+                "defaultValue": "1"
+            },
+            "maxRows": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The minimum number of rows to display. This property has no effect\nif `multiline` is not `true`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max-rows"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder for text input."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder"
+            },
+            "autoFocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Focus input when rendered"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "auto-focus"
+            },
+            "autoComplete": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextFieldAutocomplete",
+                    "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\" | undefined",
+                    "references": {
+                        "TextFieldAutocomplete": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/text-field/text-field.tsx",
+                            "id": "src/components/text-field/text-field.tsx::TextFieldAutocomplete"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets autoComplete attribute on <input>"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "auto-complete"
+            },
+            "autoCorrect": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'on' | 'off'",
+                    "resolved": "\"off\" | \"on\" | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets autoCorrect attribute on <input>"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "auto-correct"
+            },
+            "value": {
+                "type": "any",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | number | null",
+                    "resolved": "null | number | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Value for text input."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "''"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this input is disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled"
+            },
+            "hasError": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this input is in error state"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "has-error"
             }
-          },
-          "return": "Promise<string>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "selectAll": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
+        };
+    }
+    static get events() {
+        return [{
+                "method": "inputFocus",
+                "name": "inputFocus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when input focused"
+                },
+                "complexType": {
+                    "original": "FocusEvent",
+                    "resolved": "FocusEvent",
+                    "references": {
+                        "FocusEvent": {
+                            "location": "global",
+                            "id": "global::FocusEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "inputBlur",
+                "name": "inputBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when input blurred"
+                },
+                "complexType": {
+                    "original": "FocusEvent",
+                    "resolved": "FocusEvent",
+                    "references": {
+                        "FocusEvent": {
+                            "location": "global",
+                            "id": "global::FocusEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "inputInput",
+                "name": "inputInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when a keyboard input occurred."
+                },
+                "complexType": {
+                    "original": "InputChangeEventDetail",
+                    "resolved": "InputChangeEventDetail",
+                    "references": {
+                        "InputChangeEventDetail": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/text-field/text-field.tsx",
+                            "id": "src/components/text-field/text-field.tsx::InputChangeEventDetail"
+                        }
+                    }
+                }
+            }, {
+                "method": "inputChange",
+                "name": "inputChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the value has changed."
+                },
+                "complexType": {
+                    "original": "InputChangeEventDetail",
+                    "resolved": "InputChangeEventDetail",
+                    "references": {
+                        "InputChangeEventDetail": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/text-field/text-field.tsx",
+                            "id": "src/components/text-field/text-field.tsx::InputChangeEventDetail"
+                        }
+                    }
+                }
+            }, {
+                "method": "textFieldKeyDown",
+                "name": "textFieldKeyDown",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KeyboardEvent",
+                    "resolved": "KeyboardEvent",
+                    "references": {
+                        "KeyboardEvent": {
+                            "location": "global",
+                            "id": "global::KeyboardEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "inputAutofill",
+                "name": "inputAutofill",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the input is set to a value through browser autofill."
+                },
+                "complexType": {
+                    "original": "InputChangeEventDetail",
+                    "resolved": "InputChangeEventDetail",
+                    "references": {
+                        "InputChangeEventDetail": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/text-field/text-field.tsx",
+                            "id": "src/components/text-field/text-field.tsx::InputChangeEventDetail"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "updateInput": {
+                "complexType": {
+                    "signature": "(input: string) => Promise<void>",
+                    "parameters": [{
+                            "name": "input",
+                            "type": "string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "updateInput is a method to take an input to automatically set the native input to the given input string",
+                    "tags": [{
+                            "name": "param",
+                            "text": "input"
+                        }]
+                }
+            },
+            "blurInput": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getInputValue": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "selectAll": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "A method to select all in the input",
+                    "tags": []
+                }
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "A method to select all in the input",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "hostElement"; }
+        };
+    }
+    static get elementRef() { return "hostElement"; }
 }