@umbraco-ui/uui 1.9.0 → 1.10.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui",
3
- "version": "1.9.0",
3
+ "version": "1.10.0-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.",
6
6
  "keywords": [
@@ -37,88 +37,88 @@
37
37
  "vscode-html-custom-data.json"
38
38
  ],
39
39
  "dependencies": {
40
- "@umbraco-ui/uui-action-bar": "1.9.0",
41
- "@umbraco-ui/uui-avatar": "1.9.0",
42
- "@umbraco-ui/uui-avatar-group": "1.9.0",
43
- "@umbraco-ui/uui-badge": "1.9.0",
44
- "@umbraco-ui/uui-base": "1.9.0",
45
- "@umbraco-ui/uui-boolean-input": "1.9.0",
46
- "@umbraco-ui/uui-box": "1.9.0",
47
- "@umbraco-ui/uui-breadcrumbs": "1.9.0",
48
- "@umbraco-ui/uui-button": "1.9.0",
49
- "@umbraco-ui/uui-button-group": "1.9.0",
50
- "@umbraco-ui/uui-button-inline-create": "1.9.0",
51
- "@umbraco-ui/uui-card": "1.9.0",
52
- "@umbraco-ui/uui-card-block-type": "1.9.0",
53
- "@umbraco-ui/uui-card-content-node": "1.9.0",
54
- "@umbraco-ui/uui-card-media": "1.9.0",
55
- "@umbraco-ui/uui-card-user": "1.9.0",
56
- "@umbraco-ui/uui-caret": "1.9.0",
57
- "@umbraco-ui/uui-checkbox": "1.9.0",
58
- "@umbraco-ui/uui-color-area": "1.9.0",
59
- "@umbraco-ui/uui-color-picker": "1.9.0",
60
- "@umbraco-ui/uui-color-slider": "1.9.0",
61
- "@umbraco-ui/uui-color-swatch": "1.9.0",
62
- "@umbraco-ui/uui-color-swatches": "1.9.0",
63
- "@umbraco-ui/uui-combobox": "1.9.0",
64
- "@umbraco-ui/uui-combobox-list": "1.9.0",
65
- "@umbraco-ui/uui-css": "1.9.0",
66
- "@umbraco-ui/uui-dialog": "1.9.0",
67
- "@umbraco-ui/uui-dialog-layout": "1.9.0",
68
- "@umbraco-ui/uui-file-dropzone": "1.9.0",
69
- "@umbraco-ui/uui-file-preview": "1.9.0",
70
- "@umbraco-ui/uui-form": "1.9.0",
71
- "@umbraco-ui/uui-form-layout-item": "1.9.0",
72
- "@umbraco-ui/uui-form-validation-message": "1.9.0",
73
- "@umbraco-ui/uui-icon": "1.9.0",
74
- "@umbraco-ui/uui-icon-registry": "1.9.0",
75
- "@umbraco-ui/uui-icon-registry-essential": "1.9.0",
76
- "@umbraco-ui/uui-input": "1.9.0",
77
- "@umbraco-ui/uui-input-file": "1.9.0",
78
- "@umbraco-ui/uui-input-lock": "1.9.0",
79
- "@umbraco-ui/uui-input-password": "1.9.0",
80
- "@umbraco-ui/uui-keyboard-shortcut": "1.9.0",
81
- "@umbraco-ui/uui-label": "1.9.0",
82
- "@umbraco-ui/uui-loader": "1.9.0",
83
- "@umbraco-ui/uui-loader-bar": "1.9.0",
84
- "@umbraco-ui/uui-loader-circle": "1.9.0",
85
- "@umbraco-ui/uui-menu-item": "1.9.0",
86
- "@umbraco-ui/uui-modal": "1.9.0",
87
- "@umbraco-ui/uui-pagination": "1.9.0",
88
- "@umbraco-ui/uui-popover": "1.9.0",
89
- "@umbraco-ui/uui-popover-container": "1.9.0",
90
- "@umbraco-ui/uui-progress-bar": "1.9.0",
91
- "@umbraco-ui/uui-radio": "1.9.0",
92
- "@umbraco-ui/uui-range-slider": "1.9.0",
93
- "@umbraco-ui/uui-ref": "1.9.0",
94
- "@umbraco-ui/uui-ref-list": "1.9.0",
95
- "@umbraco-ui/uui-ref-node": "1.9.0",
96
- "@umbraco-ui/uui-ref-node-data-type": "1.9.0",
97
- "@umbraco-ui/uui-ref-node-document-type": "1.9.0",
98
- "@umbraco-ui/uui-ref-node-form": "1.9.0",
99
- "@umbraco-ui/uui-ref-node-member": "1.9.0",
100
- "@umbraco-ui/uui-ref-node-package": "1.9.0",
101
- "@umbraco-ui/uui-ref-node-user": "1.9.0",
102
- "@umbraco-ui/uui-scroll-container": "1.9.0",
103
- "@umbraco-ui/uui-select": "1.9.0",
104
- "@umbraco-ui/uui-slider": "1.9.0",
105
- "@umbraco-ui/uui-symbol-expand": "1.9.0",
106
- "@umbraco-ui/uui-symbol-file": "1.9.0",
107
- "@umbraco-ui/uui-symbol-file-dropzone": "1.9.0",
108
- "@umbraco-ui/uui-symbol-file-thumbnail": "1.9.0",
109
- "@umbraco-ui/uui-symbol-folder": "1.9.0",
110
- "@umbraco-ui/uui-symbol-lock": "1.9.0",
111
- "@umbraco-ui/uui-symbol-more": "1.9.0",
112
- "@umbraco-ui/uui-symbol-sort": "1.9.0",
113
- "@umbraco-ui/uui-table": "1.9.0",
114
- "@umbraco-ui/uui-tabs": "1.9.0",
115
- "@umbraco-ui/uui-tag": "1.9.0",
116
- "@umbraco-ui/uui-textarea": "1.9.0",
117
- "@umbraco-ui/uui-toast-notification": "1.9.0",
118
- "@umbraco-ui/uui-toast-notification-container": "1.9.0",
119
- "@umbraco-ui/uui-toast-notification-layout": "1.9.0",
120
- "@umbraco-ui/uui-toggle": "1.9.0",
121
- "@umbraco-ui/uui-visually-hidden": "1.9.0"
40
+ "@umbraco-ui/uui-action-bar": "1.10.0-rc.0",
41
+ "@umbraco-ui/uui-avatar": "1.10.0-rc.0",
42
+ "@umbraco-ui/uui-avatar-group": "1.10.0-rc.0",
43
+ "@umbraco-ui/uui-badge": "1.10.0-rc.0",
44
+ "@umbraco-ui/uui-base": "1.10.0-rc.0",
45
+ "@umbraco-ui/uui-boolean-input": "1.10.0-rc.0",
46
+ "@umbraco-ui/uui-box": "1.10.0-rc.0",
47
+ "@umbraco-ui/uui-breadcrumbs": "1.10.0-rc.0",
48
+ "@umbraco-ui/uui-button": "1.10.0-rc.0",
49
+ "@umbraco-ui/uui-button-group": "1.10.0-rc.0",
50
+ "@umbraco-ui/uui-button-inline-create": "1.10.0-rc.0",
51
+ "@umbraco-ui/uui-card": "1.10.0-rc.0",
52
+ "@umbraco-ui/uui-card-block-type": "1.10.0-rc.0",
53
+ "@umbraco-ui/uui-card-content-node": "1.10.0-rc.0",
54
+ "@umbraco-ui/uui-card-media": "1.10.0-rc.0",
55
+ "@umbraco-ui/uui-card-user": "1.10.0-rc.0",
56
+ "@umbraco-ui/uui-caret": "1.10.0-rc.0",
57
+ "@umbraco-ui/uui-checkbox": "1.10.0-rc.0",
58
+ "@umbraco-ui/uui-color-area": "1.10.0-rc.0",
59
+ "@umbraco-ui/uui-color-picker": "1.10.0-rc.0",
60
+ "@umbraco-ui/uui-color-slider": "1.10.0-rc.0",
61
+ "@umbraco-ui/uui-color-swatch": "1.10.0-rc.0",
62
+ "@umbraco-ui/uui-color-swatches": "1.10.0-rc.0",
63
+ "@umbraco-ui/uui-combobox": "1.10.0-rc.0",
64
+ "@umbraco-ui/uui-combobox-list": "1.10.0-rc.0",
65
+ "@umbraco-ui/uui-css": "1.10.0-rc.0",
66
+ "@umbraco-ui/uui-dialog": "1.10.0-rc.0",
67
+ "@umbraco-ui/uui-dialog-layout": "1.10.0-rc.0",
68
+ "@umbraco-ui/uui-file-dropzone": "1.10.0-rc.0",
69
+ "@umbraco-ui/uui-file-preview": "1.10.0-rc.0",
70
+ "@umbraco-ui/uui-form": "1.10.0-rc.0",
71
+ "@umbraco-ui/uui-form-layout-item": "1.10.0-rc.0",
72
+ "@umbraco-ui/uui-form-validation-message": "1.10.0-rc.0",
73
+ "@umbraco-ui/uui-icon": "1.10.0-rc.0",
74
+ "@umbraco-ui/uui-icon-registry": "1.10.0-rc.0",
75
+ "@umbraco-ui/uui-icon-registry-essential": "1.10.0-rc.0",
76
+ "@umbraco-ui/uui-input": "1.10.0-rc.0",
77
+ "@umbraco-ui/uui-input-file": "1.10.0-rc.0",
78
+ "@umbraco-ui/uui-input-lock": "1.10.0-rc.0",
79
+ "@umbraco-ui/uui-input-password": "1.10.0-rc.0",
80
+ "@umbraco-ui/uui-keyboard-shortcut": "1.10.0-rc.0",
81
+ "@umbraco-ui/uui-label": "1.10.0-rc.0",
82
+ "@umbraco-ui/uui-loader": "1.10.0-rc.0",
83
+ "@umbraco-ui/uui-loader-bar": "1.10.0-rc.0",
84
+ "@umbraco-ui/uui-loader-circle": "1.10.0-rc.0",
85
+ "@umbraco-ui/uui-menu-item": "1.10.0-rc.0",
86
+ "@umbraco-ui/uui-modal": "1.10.0-rc.0",
87
+ "@umbraco-ui/uui-pagination": "1.10.0-rc.0",
88
+ "@umbraco-ui/uui-popover": "1.10.0-rc.0",
89
+ "@umbraco-ui/uui-popover-container": "1.10.0-rc.0",
90
+ "@umbraco-ui/uui-progress-bar": "1.10.0-rc.0",
91
+ "@umbraco-ui/uui-radio": "1.10.0-rc.0",
92
+ "@umbraco-ui/uui-range-slider": "1.10.0-rc.0",
93
+ "@umbraco-ui/uui-ref": "1.10.0-rc.0",
94
+ "@umbraco-ui/uui-ref-list": "1.10.0-rc.0",
95
+ "@umbraco-ui/uui-ref-node": "1.10.0-rc.0",
96
+ "@umbraco-ui/uui-ref-node-data-type": "1.10.0-rc.0",
97
+ "@umbraco-ui/uui-ref-node-document-type": "1.10.0-rc.0",
98
+ "@umbraco-ui/uui-ref-node-form": "1.10.0-rc.0",
99
+ "@umbraco-ui/uui-ref-node-member": "1.10.0-rc.0",
100
+ "@umbraco-ui/uui-ref-node-package": "1.10.0-rc.0",
101
+ "@umbraco-ui/uui-ref-node-user": "1.10.0-rc.0",
102
+ "@umbraco-ui/uui-scroll-container": "1.10.0-rc.0",
103
+ "@umbraco-ui/uui-select": "1.10.0-rc.0",
104
+ "@umbraco-ui/uui-slider": "1.10.0-rc.0",
105
+ "@umbraco-ui/uui-symbol-expand": "1.10.0-rc.0",
106
+ "@umbraco-ui/uui-symbol-file": "1.10.0-rc.0",
107
+ "@umbraco-ui/uui-symbol-file-dropzone": "1.10.0-rc.0",
108
+ "@umbraco-ui/uui-symbol-file-thumbnail": "1.10.0-rc.0",
109
+ "@umbraco-ui/uui-symbol-folder": "1.10.0-rc.0",
110
+ "@umbraco-ui/uui-symbol-lock": "1.10.0-rc.0",
111
+ "@umbraco-ui/uui-symbol-more": "1.10.0-rc.0",
112
+ "@umbraco-ui/uui-symbol-sort": "1.10.0-rc.0",
113
+ "@umbraco-ui/uui-table": "1.10.0-rc.0",
114
+ "@umbraco-ui/uui-tabs": "1.10.0-rc.0",
115
+ "@umbraco-ui/uui-tag": "1.10.0-rc.0",
116
+ "@umbraco-ui/uui-textarea": "1.10.0-rc.0",
117
+ "@umbraco-ui/uui-toast-notification": "1.10.0-rc.0",
118
+ "@umbraco-ui/uui-toast-notification-container": "1.10.0-rc.0",
119
+ "@umbraco-ui/uui-toast-notification-layout": "1.10.0-rc.0",
120
+ "@umbraco-ui/uui-toggle": "1.10.0-rc.0",
121
+ "@umbraco-ui/uui-visually-hidden": "1.10.0-rc.0"
122
122
  },
123
123
  "scripts": {
124
124
  "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -131,5 +131,5 @@
131
131
  "storybook": {
132
132
  "url": "https://v1-contrib--62189360eeb21b003ab2f4ad.chromatic.com/"
133
133
  },
134
- "gitHead": "37111ea2cebb5883dcef0e682916f1e101013123"
134
+ "gitHead": "f7982264bca0f2db4109c638e458f10719b1c22f"
135
135
  }
@@ -209,7 +209,7 @@
209
209
  },
210
210
  {
211
211
  "name": "uui-button",
212
- "description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_button` {`HTMLInputElement`} - \n\n * `_resetStateTimeout` {`number | undefined`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
212
+ "description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_button` {`HTMLInputElement`} - \n\n * `_resetStateTimeout` {`number | undefined`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
213
213
  "attributes": [
214
214
  {
215
215
  "name": "type",
@@ -358,7 +358,7 @@
358
358
  },
359
359
  {
360
360
  "name": "label",
361
- "description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
361
+ "description": "`label` {string} - label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
362
362
  },
363
363
  {
364
364
  "name": "popovertarget",
@@ -1421,7 +1421,7 @@
1421
1421
  },
1422
1422
  {
1423
1423
  "name": "uui-input-lock",
1424
- "description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
1424
+ "description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
1425
1425
  "attributes": [
1426
1426
  {
1427
1427
  "name": "locked",
@@ -1546,12 +1546,11 @@
1546
1546
  },
1547
1547
  {
1548
1548
  "name": "name",
1549
- "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
1549
+ "description": "`name` {string} - get/set the name of the input\n\nProperty: name\n\nDefault: ''"
1550
1550
  },
1551
1551
  {
1552
1552
  "name": "value",
1553
- "description": "`value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\nProperty: value\n\nDefault: ''",
1554
- "values": []
1553
+ "description": "`value` {string} - get/set the value of the input\n\nProperty: value\n\nDefault: ''"
1555
1554
  },
1556
1555
  {
1557
1556
  "name": "pristine",
@@ -1596,7 +1595,7 @@
1596
1595
  },
1597
1596
  {
1598
1597
  "name": "uui-input-password",
1599
- "description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
1598
+ "description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
1600
1599
  "attributes": [
1601
1600
  {
1602
1601
  "name": "min",
@@ -1716,12 +1715,11 @@
1716
1715
  },
1717
1716
  {
1718
1717
  "name": "name",
1719
- "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
1718
+ "description": "`name` {string} - get/set the name of the input\n\nProperty: name\n\nDefault: ''"
1720
1719
  },
1721
1720
  {
1722
1721
  "name": "value",
1723
- "description": "`value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\nProperty: value\n\nDefault: ''",
1724
- "values": []
1722
+ "description": "`value` {string} - get/set the value of the input\n\nProperty: value\n\nDefault: ''"
1725
1723
  },
1726
1724
  {
1727
1725
  "name": "pristine",
@@ -1766,7 +1764,7 @@
1766
1764
  },
1767
1765
  {
1768
1766
  "name": "uui-input",
1769
- "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
1767
+ "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
1770
1768
  "attributes": [
1771
1769
  {
1772
1770
  "name": "min",
@@ -1886,12 +1884,11 @@
1886
1884
  },
1887
1885
  {
1888
1886
  "name": "name",
1889
- "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
1887
+ "description": "`name` {string} - get/set the name of the input\n\nProperty: name\n\nDefault: ''"
1890
1888
  },
1891
1889
  {
1892
1890
  "name": "value",
1893
- "description": "`value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\nProperty: value\n\nDefault: ''",
1894
- "values": []
1891
+ "description": "`value` {string} - get/set the value of the input\n\nProperty: value\n\nDefault: ''"
1895
1892
  },
1896
1893
  {
1897
1894
  "name": "pristine",