@umbraco-ui/uui 1.17.0 → 1.17.2
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/dist/uui.min.js +371 -366
- package/dist/uui.min.js.map +1 -1
- package/package.json +85 -85
- package/vscode-html-custom-data.json +15 -15
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.17.
|
|
3
|
+
"version": "1.17.2",
|
|
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,89 +37,89 @@
|
|
|
37
37
|
"vscode-html-custom-data.json"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@umbraco-ui/uui-action-bar": "1.17.
|
|
41
|
-
"@umbraco-ui/uui-avatar": "1.17.
|
|
42
|
-
"@umbraco-ui/uui-avatar-group": "1.17.
|
|
43
|
-
"@umbraco-ui/uui-badge": "1.17.
|
|
44
|
-
"@umbraco-ui/uui-base": "1.17.
|
|
45
|
-
"@umbraco-ui/uui-boolean-input": "1.17.
|
|
46
|
-
"@umbraco-ui/uui-box": "1.17.
|
|
47
|
-
"@umbraco-ui/uui-breadcrumbs": "1.17.
|
|
48
|
-
"@umbraco-ui/uui-button": "1.17.
|
|
49
|
-
"@umbraco-ui/uui-button-copy-text": "1.17.
|
|
50
|
-
"@umbraco-ui/uui-button-group": "1.17.
|
|
51
|
-
"@umbraco-ui/uui-button-inline-create": "1.17.
|
|
52
|
-
"@umbraco-ui/uui-card": "1.17.
|
|
53
|
-
"@umbraco-ui/uui-card-block-type": "1.17.
|
|
54
|
-
"@umbraco-ui/uui-card-content-node": "1.17.
|
|
55
|
-
"@umbraco-ui/uui-card-media": "1.17.
|
|
56
|
-
"@umbraco-ui/uui-card-user": "1.17.
|
|
57
|
-
"@umbraco-ui/uui-caret": "1.17.
|
|
58
|
-
"@umbraco-ui/uui-checkbox": "1.17.
|
|
59
|
-
"@umbraco-ui/uui-color-area": "1.17.
|
|
60
|
-
"@umbraco-ui/uui-color-picker": "1.17.
|
|
61
|
-
"@umbraco-ui/uui-color-slider": "1.17.
|
|
62
|
-
"@umbraco-ui/uui-color-swatch": "1.17.
|
|
63
|
-
"@umbraco-ui/uui-color-swatches": "1.17.
|
|
64
|
-
"@umbraco-ui/uui-combobox": "1.17.
|
|
65
|
-
"@umbraco-ui/uui-combobox-list": "1.17.
|
|
66
|
-
"@umbraco-ui/uui-css": "1.17.
|
|
67
|
-
"@umbraco-ui/uui-dialog": "1.17.
|
|
68
|
-
"@umbraco-ui/uui-dialog-layout": "1.17.
|
|
69
|
-
"@umbraco-ui/uui-file-dropzone": "1.17.
|
|
70
|
-
"@umbraco-ui/uui-file-preview": "1.17.
|
|
71
|
-
"@umbraco-ui/uui-form": "1.17.
|
|
72
|
-
"@umbraco-ui/uui-form-layout-item": "1.17.
|
|
73
|
-
"@umbraco-ui/uui-form-validation-message": "1.17.
|
|
74
|
-
"@umbraco-ui/uui-icon": "1.17.
|
|
75
|
-
"@umbraco-ui/uui-icon-registry": "1.17.
|
|
76
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.17.
|
|
77
|
-
"@umbraco-ui/uui-input": "1.17.
|
|
78
|
-
"@umbraco-ui/uui-input-file": "1.17.
|
|
79
|
-
"@umbraco-ui/uui-input-lock": "1.17.
|
|
80
|
-
"@umbraco-ui/uui-input-password": "1.17.
|
|
81
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.17.
|
|
82
|
-
"@umbraco-ui/uui-label": "1.17.
|
|
83
|
-
"@umbraco-ui/uui-loader": "1.17.
|
|
84
|
-
"@umbraco-ui/uui-loader-bar": "1.17.
|
|
85
|
-
"@umbraco-ui/uui-loader-circle": "1.17.
|
|
86
|
-
"@umbraco-ui/uui-menu-item": "1.17.
|
|
87
|
-
"@umbraco-ui/uui-modal": "1.17.
|
|
88
|
-
"@umbraco-ui/uui-pagination": "1.17.
|
|
89
|
-
"@umbraco-ui/uui-popover": "1.17.
|
|
90
|
-
"@umbraco-ui/uui-popover-container": "1.17.
|
|
91
|
-
"@umbraco-ui/uui-progress-bar": "1.17.
|
|
92
|
-
"@umbraco-ui/uui-radio": "1.17.
|
|
93
|
-
"@umbraco-ui/uui-range-slider": "1.17.
|
|
94
|
-
"@umbraco-ui/uui-ref": "1.17.
|
|
95
|
-
"@umbraco-ui/uui-ref-list": "1.17.
|
|
96
|
-
"@umbraco-ui/uui-ref-node": "1.17.
|
|
97
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.17.
|
|
98
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.17.
|
|
99
|
-
"@umbraco-ui/uui-ref-node-form": "1.17.
|
|
100
|
-
"@umbraco-ui/uui-ref-node-member": "1.17.
|
|
101
|
-
"@umbraco-ui/uui-ref-node-package": "1.17.
|
|
102
|
-
"@umbraco-ui/uui-ref-node-user": "1.17.
|
|
103
|
-
"@umbraco-ui/uui-scroll-container": "1.17.
|
|
104
|
-
"@umbraco-ui/uui-select": "1.17.
|
|
105
|
-
"@umbraco-ui/uui-slider": "1.17.
|
|
106
|
-
"@umbraco-ui/uui-symbol-expand": "1.17.
|
|
107
|
-
"@umbraco-ui/uui-symbol-file": "1.17.
|
|
108
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.17.
|
|
109
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.17.
|
|
110
|
-
"@umbraco-ui/uui-symbol-folder": "1.17.
|
|
111
|
-
"@umbraco-ui/uui-symbol-lock": "1.17.
|
|
112
|
-
"@umbraco-ui/uui-symbol-more": "1.17.
|
|
113
|
-
"@umbraco-ui/uui-symbol-sort": "1.17.
|
|
114
|
-
"@umbraco-ui/uui-table": "1.17.
|
|
115
|
-
"@umbraco-ui/uui-tabs": "1.17.
|
|
116
|
-
"@umbraco-ui/uui-tag": "1.17.
|
|
117
|
-
"@umbraco-ui/uui-textarea": "1.17.
|
|
118
|
-
"@umbraco-ui/uui-toast-notification": "1.17.
|
|
119
|
-
"@umbraco-ui/uui-toast-notification-container": "1.17.
|
|
120
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.17.
|
|
121
|
-
"@umbraco-ui/uui-toggle": "1.17.
|
|
122
|
-
"@umbraco-ui/uui-visually-hidden": "1.17.
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.17.2",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.17.2",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.17.2",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.17.2",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.17.2",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.17.2",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.17.2",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.17.2",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.17.2",
|
|
49
|
+
"@umbraco-ui/uui-button-copy-text": "1.17.2",
|
|
50
|
+
"@umbraco-ui/uui-button-group": "1.17.2",
|
|
51
|
+
"@umbraco-ui/uui-button-inline-create": "1.17.2",
|
|
52
|
+
"@umbraco-ui/uui-card": "1.17.2",
|
|
53
|
+
"@umbraco-ui/uui-card-block-type": "1.17.2",
|
|
54
|
+
"@umbraco-ui/uui-card-content-node": "1.17.2",
|
|
55
|
+
"@umbraco-ui/uui-card-media": "1.17.2",
|
|
56
|
+
"@umbraco-ui/uui-card-user": "1.17.2",
|
|
57
|
+
"@umbraco-ui/uui-caret": "1.17.2",
|
|
58
|
+
"@umbraco-ui/uui-checkbox": "1.17.2",
|
|
59
|
+
"@umbraco-ui/uui-color-area": "1.17.2",
|
|
60
|
+
"@umbraco-ui/uui-color-picker": "1.17.2",
|
|
61
|
+
"@umbraco-ui/uui-color-slider": "1.17.2",
|
|
62
|
+
"@umbraco-ui/uui-color-swatch": "1.17.2",
|
|
63
|
+
"@umbraco-ui/uui-color-swatches": "1.17.2",
|
|
64
|
+
"@umbraco-ui/uui-combobox": "1.17.2",
|
|
65
|
+
"@umbraco-ui/uui-combobox-list": "1.17.2",
|
|
66
|
+
"@umbraco-ui/uui-css": "1.17.2",
|
|
67
|
+
"@umbraco-ui/uui-dialog": "1.17.2",
|
|
68
|
+
"@umbraco-ui/uui-dialog-layout": "1.17.2",
|
|
69
|
+
"@umbraco-ui/uui-file-dropzone": "1.17.2",
|
|
70
|
+
"@umbraco-ui/uui-file-preview": "1.17.2",
|
|
71
|
+
"@umbraco-ui/uui-form": "1.17.2",
|
|
72
|
+
"@umbraco-ui/uui-form-layout-item": "1.17.2",
|
|
73
|
+
"@umbraco-ui/uui-form-validation-message": "1.17.2",
|
|
74
|
+
"@umbraco-ui/uui-icon": "1.17.2",
|
|
75
|
+
"@umbraco-ui/uui-icon-registry": "1.17.2",
|
|
76
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.17.2",
|
|
77
|
+
"@umbraco-ui/uui-input": "1.17.2",
|
|
78
|
+
"@umbraco-ui/uui-input-file": "1.17.2",
|
|
79
|
+
"@umbraco-ui/uui-input-lock": "1.17.2",
|
|
80
|
+
"@umbraco-ui/uui-input-password": "1.17.2",
|
|
81
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.17.2",
|
|
82
|
+
"@umbraco-ui/uui-label": "1.17.2",
|
|
83
|
+
"@umbraco-ui/uui-loader": "1.17.2",
|
|
84
|
+
"@umbraco-ui/uui-loader-bar": "1.17.2",
|
|
85
|
+
"@umbraco-ui/uui-loader-circle": "1.17.2",
|
|
86
|
+
"@umbraco-ui/uui-menu-item": "1.17.2",
|
|
87
|
+
"@umbraco-ui/uui-modal": "1.17.2",
|
|
88
|
+
"@umbraco-ui/uui-pagination": "1.17.2",
|
|
89
|
+
"@umbraco-ui/uui-popover": "1.17.2",
|
|
90
|
+
"@umbraco-ui/uui-popover-container": "1.17.2",
|
|
91
|
+
"@umbraco-ui/uui-progress-bar": "1.17.2",
|
|
92
|
+
"@umbraco-ui/uui-radio": "1.17.2",
|
|
93
|
+
"@umbraco-ui/uui-range-slider": "1.17.2",
|
|
94
|
+
"@umbraco-ui/uui-ref": "1.17.2",
|
|
95
|
+
"@umbraco-ui/uui-ref-list": "1.17.2",
|
|
96
|
+
"@umbraco-ui/uui-ref-node": "1.17.2",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.17.2",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.17.2",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-form": "1.17.2",
|
|
100
|
+
"@umbraco-ui/uui-ref-node-member": "1.17.2",
|
|
101
|
+
"@umbraco-ui/uui-ref-node-package": "1.17.2",
|
|
102
|
+
"@umbraco-ui/uui-ref-node-user": "1.17.2",
|
|
103
|
+
"@umbraco-ui/uui-scroll-container": "1.17.2",
|
|
104
|
+
"@umbraco-ui/uui-select": "1.17.2",
|
|
105
|
+
"@umbraco-ui/uui-slider": "1.17.2",
|
|
106
|
+
"@umbraco-ui/uui-symbol-expand": "1.17.2",
|
|
107
|
+
"@umbraco-ui/uui-symbol-file": "1.17.2",
|
|
108
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.17.2",
|
|
109
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.17.2",
|
|
110
|
+
"@umbraco-ui/uui-symbol-folder": "1.17.2",
|
|
111
|
+
"@umbraco-ui/uui-symbol-lock": "1.17.2",
|
|
112
|
+
"@umbraco-ui/uui-symbol-more": "1.17.2",
|
|
113
|
+
"@umbraco-ui/uui-symbol-sort": "1.17.2",
|
|
114
|
+
"@umbraco-ui/uui-table": "1.17.2",
|
|
115
|
+
"@umbraco-ui/uui-tabs": "1.17.2",
|
|
116
|
+
"@umbraco-ui/uui-tag": "1.17.2",
|
|
117
|
+
"@umbraco-ui/uui-textarea": "1.17.2",
|
|
118
|
+
"@umbraco-ui/uui-toast-notification": "1.17.2",
|
|
119
|
+
"@umbraco-ui/uui-toast-notification-container": "1.17.2",
|
|
120
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.17.2",
|
|
121
|
+
"@umbraco-ui/uui-toggle": "1.17.2",
|
|
122
|
+
"@umbraco-ui/uui-visually-hidden": "1.17.2"
|
|
123
123
|
},
|
|
124
124
|
"scripts": {
|
|
125
125
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -132,5 +132,5 @@
|
|
|
132
132
|
"storybook": {
|
|
133
133
|
"url": "https://uui.umbraco.com"
|
|
134
134
|
},
|
|
135
|
-
"gitHead": "
|
|
135
|
+
"gitHead": "773aaaeb28591e78a90d5fa0d2c2ceff0eaba855"
|
|
136
136
|
}
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
},
|
|
165
165
|
{
|
|
166
166
|
"name": "uui-button-copy-text",
|
|
167
|
-
"description": "Events:\n\n * `copying` - Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard\n\n * `copied` - Fires when the content is copied to the clipboard\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - Use to replace the default content of the copy icon\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copy-from` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\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 * `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 * `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 * `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 * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copyFrom` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animationStateDelay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \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`} - \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 * `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 * `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` - ",
|
|
167
|
+
"description": "Events:\n\n * `copying` - Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard\n\n * `copied` - Fires when the content is copied to the clipboard\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - Use to replace the default content of the copy icon\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copy-from` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\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 * `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 * `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 * `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 * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copyFrom` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animationStateDelay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \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`} - \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 * `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 * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
168
168
|
"attributes": [
|
|
169
169
|
{
|
|
170
170
|
"name": "text",
|
|
@@ -408,7 +408,7 @@
|
|
|
408
408
|
},
|
|
409
409
|
{
|
|
410
410
|
"name": "uui-button",
|
|
411
|
-
"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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\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 * `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 * `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 * `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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \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`} - \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 * `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 * `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` - ",
|
|
411
|
+
"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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\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 * `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 * `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 * `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 and fail states display icons. State is automatically reset to the default 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 * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \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`} - \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 * `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 * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
412
412
|
"attributes": [
|
|
413
413
|
{
|
|
414
414
|
"name": "type",
|
|
@@ -984,7 +984,7 @@
|
|
|
984
984
|
},
|
|
985
985
|
{
|
|
986
986
|
"name": "uui-checkbox",
|
|
987
|
-
"description": "Umbraco checkbox, toggles between checked and uncheck\n\nEvents:\n\n * `change` - fires when the element is begin checked by a user action\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `_input` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `inputRole` {`\"checkbox\" | \"switch\"`} - \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} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
987
|
+
"description": "Umbraco checkbox, toggles between checked and uncheck\n\nEvents:\n\n * `change` - fires when the element is begin checked by a user action\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `_input` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `inputRole` {`\"checkbox\" | \"switch\"`} - \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} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
988
988
|
"attributes": [
|
|
989
989
|
{
|
|
990
990
|
"name": "label-position",
|
|
@@ -1107,7 +1107,7 @@
|
|
|
1107
1107
|
},
|
|
1108
1108
|
{
|
|
1109
1109
|
"name": "uui-color-picker",
|
|
1110
|
-
"description": "Events:\n\n * `change` - Fired when the color changes\n\nAttributes:\n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `no-format-toggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` - \n\n * `_previewButton` {`HTMLButtonElement`} - \n\n * `_swatches` - \n\n * `_value` {`string`} - \n\n * `inputValue` {`string`} - \n\n * `hue` {`number`} - \n\n * `saturation` {`number`} - \n\n * `lightness` {`number`} - \n\n * `alpha` {`number`} - \n\n * `_colord` - \n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `noFormatToggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `swatches` {`string[]`} - An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.\n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1110
|
+
"description": "Events:\n\n * `change` - Fired when the color changes\n\nAttributes:\n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `no-format-toggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` - \n\n * `_previewButton` {`HTMLButtonElement`} - \n\n * `_swatches` - \n\n * `_value` {`string`} - \n\n * `inputValue` {`string`} - \n\n * `hue` {`number`} - \n\n * `saturation` {`number`} - \n\n * `lightness` {`number`} - \n\n * `alpha` {`number`} - \n\n * `_colord` - \n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `noFormatToggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `swatches` {`string[]`} - An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.\n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1111
1111
|
"attributes": [
|
|
1112
1112
|
{
|
|
1113
1113
|
"name": "value",
|
|
@@ -1192,7 +1192,7 @@
|
|
|
1192
1192
|
},
|
|
1193
1193
|
{
|
|
1194
1194
|
"name": "uui-color-slider",
|
|
1195
|
-
"description": "Events:\n\n * `change` - Fires when the value of the slider changes.\n\nAttributes:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hide-value-label` {boolean} - Hides the value label under the slider.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hideValueLabel` {boolean} - Hides the value label under the slider.\n\n * `container` {`HTMLElement`} - \n\n * `handle` {`HTMLElement`} - \n\n * `cssPropCurrentValue` {`number`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1195
|
+
"description": "Events:\n\n * `change` - Fires when the value of the slider changes.\n\nAttributes:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hide-value-label` {boolean} - Hides the value label under the slider.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hideValueLabel` {boolean} - Hides the value label under the slider.\n\n * `container` {`HTMLElement`} - \n\n * `handle` {`HTMLElement`} - \n\n * `cssPropCurrentValue` {`number`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1196
1196
|
"attributes": [
|
|
1197
1197
|
{
|
|
1198
1198
|
"name": "type",
|
|
@@ -1264,7 +1264,7 @@
|
|
|
1264
1264
|
},
|
|
1265
1265
|
{
|
|
1266
1266
|
"name": "uui-color-swatch",
|
|
1267
|
-
"description": "Color swatch, can have label and be selectable, disabled or readonly.\n\nEvents:\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * `label` {} - Default slot for the label.\n\nAttributes:\n\n * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `disabled` {boolean} - Sets the swatch to disabled.\n\n * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n * `_value` {`string | undefined`} - \n\n * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `_color` {`string | undefined`} - \n\n * `disabled` {boolean} - Sets the swatch to disabled.\n\n * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n * `styles` {`CSSResult[]`} - \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 * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
|
|
1267
|
+
"description": "Color swatch, can have label and be selectable, disabled or readonly.\n\nEvents:\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * `label` {} - Default slot for the label.\n\nAttributes:\n\n * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `disabled` {boolean} - Sets the swatch to disabled.\n\n * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n * `_value` {`string | undefined`} - \n\n * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `_color` {`string | undefined`} - \n\n * `disabled` {boolean} - Sets the swatch to disabled.\n\n * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
|
|
1268
1268
|
"attributes": [
|
|
1269
1269
|
{
|
|
1270
1270
|
"name": "value",
|
|
@@ -1321,7 +1321,7 @@
|
|
|
1321
1321
|
},
|
|
1322
1322
|
{
|
|
1323
1323
|
"name": "uui-color-swatches",
|
|
1324
|
-
"description": "Put uui-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n * ` ` {} - Default slot for content.\n\nAttributes:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `_swatches` {`UUIColorSwatchElement[]`} - \n\n * `__activeElement` - \n\n * `_activeElement` - \n\n * `_selectedElement` - \n\n * `_onSelected` - \n\n * `_onDeselected` - \n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1324
|
+
"description": "Put uui-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n * ` ` {} - Default slot for content.\n\nAttributes:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `_swatches` {`UUIColorSwatchElement[]`} - \n\n * `__activeElement` - \n\n * `_activeElement` - \n\n * `_selectedElement` - \n\n * `_onSelected` - \n\n * `_onDeselected` - \n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1325
1325
|
"attributes": [
|
|
1326
1326
|
{
|
|
1327
1327
|
"name": "value",
|
|
@@ -1509,7 +1509,7 @@
|
|
|
1509
1509
|
},
|
|
1510
1510
|
{
|
|
1511
1511
|
"name": "uui-file-dropzone",
|
|
1512
|
-
"description": "Events:\n\n * `change` - fires when a file has been selected.\n\n * `reject` - fires when files are rejected due to not matching the accept attribute.\n\nSlots:\n\n * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n * `disallow-folder-upload` {`boolean`} - \n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` {`HTMLInputElement`} - \n\n * `_dropzone` {`HTMLElement`} - \n\n * `_acceptedFileExtensions` {`string[]`} - \n\n * `_acceptedMimeTypes` {`string[]`} - \n\n * `_accept` {`string`} - \n\n * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n * `disallowFolderUpload` {`boolean`} - \n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1512
|
+
"description": "Events:\n\n * `change` - fires when a file has been selected.\n\n * `reject` - fires when files are rejected due to not matching the accept attribute.\n\nSlots:\n\n * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n * `disallow-folder-upload` {`boolean`} - \n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` {`HTMLInputElement`} - \n\n * `_dropzone` {`HTMLElement`} - \n\n * `_acceptedFileExtensions` {`string[]`} - \n\n * `_acceptedMimeTypes` {`string[]`} - \n\n * `_accept` {`string`} - \n\n * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n * `disallowFolderUpload` {`boolean`} - \n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1513
1513
|
"attributes": [
|
|
1514
1514
|
{
|
|
1515
1515
|
"name": "accept",
|
|
@@ -1685,7 +1685,7 @@
|
|
|
1685
1685
|
},
|
|
1686
1686
|
{
|
|
1687
1687
|
"name": "uui-input-lock",
|
|
1688
|
-
"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 * `unlock-label` {string} - Define the label for the unlock button.\n\n * `lock-label` {string} - Define the label for the lock button.\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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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 * `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 * `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 * `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 * `unlockLabel` {string} - Define the label for the unlock button.\n\n * `lockLabel` {string} - Define the label for the lock button.\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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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`} - \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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1688
|
+
"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 * `unlock-label` {string} - Define the label for the unlock button.\n\n * `lock-label` {string} - Define the label for the lock button.\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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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 * `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 * `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 * `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 * `unlockLabel` {string} - Define the label for the unlock button.\n\n * `lockLabel` {string} - Define the label for the lock button.\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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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`} - \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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1689
1689
|
"attributes": [
|
|
1690
1690
|
{
|
|
1691
1691
|
"name": "locked",
|
|
@@ -1899,7 +1899,7 @@
|
|
|
1899
1899
|
},
|
|
1900
1900
|
{
|
|
1901
1901
|
"name": "uui-input-password",
|
|
1902
|
-
"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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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 * `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 * `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 * `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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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`} - \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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1902
|
+
"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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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 * `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 * `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 * `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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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`} - \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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1903
1903
|
"attributes": [
|
|
1904
1904
|
{
|
|
1905
1905
|
"name": "min",
|
|
@@ -2100,7 +2100,7 @@
|
|
|
2100
2100
|
},
|
|
2101
2101
|
{
|
|
2102
2102
|
"name": "uui-input",
|
|
2103
|
-
"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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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 * `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 * `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 * `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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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`} - \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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2103
|
+
"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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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 * `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 * `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 * `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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\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`} - \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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2104
2104
|
"attributes": [
|
|
2105
2105
|
{
|
|
2106
2106
|
"name": "min",
|
|
@@ -2366,7 +2366,7 @@
|
|
|
2366
2366
|
},
|
|
2367
2367
|
{
|
|
2368
2368
|
"name": "uui-menu-item",
|
|
2369
|
-
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label 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 * `select-mode` {string} - Sets the selection mode.\n\n * `caret-label` {`string`} - Sets the aria-label for the caret button.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label 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 * `selectMode` {string} - Sets the selection mode.\n\n * `caretLabel` {`string`} - Sets the aria-label for the caret button.\n\n * `renderExpandSymbol` - Overwrite the expand symbol rendering, this replaces the Expand Symbol from UI Library.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2369
|
+
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label 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 * `select-mode` {string} - Sets the selection mode.\n\n * `caret-label` {`string`} - Sets the aria-label for the caret button.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label 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 * `selectMode` {string} - Sets the selection mode.\n\n * `caretLabel` {`string`} - Sets the aria-label for the caret button.\n\n * `renderExpandSymbol` - Overwrite the expand symbol rendering, this replaces the Expand Symbol from UI Library.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2370
2370
|
"attributes": [
|
|
2371
2371
|
{
|
|
2372
2372
|
"name": "disabled",
|
|
@@ -4034,7 +4034,7 @@
|
|
|
4034
4034
|
},
|
|
4035
4035
|
{
|
|
4036
4036
|
"name": "uui-tabs",
|
|
4037
|
-
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `styles` {`CSSResult[]`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
4037
|
+
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `styles` {`CSSResult[]`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
4038
4038
|
"attributes": [
|
|
4039
4039
|
{
|
|
4040
4040
|
"name": "disabled",
|
|
@@ -4094,7 +4094,7 @@
|
|
|
4094
4094
|
},
|
|
4095
4095
|
{
|
|
4096
4096
|
"name": "uui-tab",
|
|
4097
|
-
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `styles` {`CSSResult[]`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
4097
|
+
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner 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 * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `styles` {`CSSResult[]`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
4098
4098
|
"attributes": [
|
|
4099
4099
|
{
|
|
4100
4100
|
"name": "disabled",
|
|
@@ -4409,7 +4409,7 @@
|
|
|
4409
4409
|
},
|
|
4410
4410
|
{
|
|
4411
4411
|
"name": "uui-toggle",
|
|
4412
|
-
"description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.\n\nEvents:\n\n * `change-` {} - fires when the element is begin checked by a user action\n\n * `change` {} - on change\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `_input` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `inputRole` {`\"checkbox\" | \"switch\"`} - \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} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
4412
|
+
"description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.\n\nEvents:\n\n * `change-` {} - fires when the element is begin checked by a user action\n\n * `change` {} - on change\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for 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 * `_input` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `inputRole` {`\"checkbox\" | \"switch\"`} - \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} - intentional overwrite of FormControlMixins value getter and setter method.\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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` {`MutationObserver | undefined`} - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
4413
4413
|
"attributes": [
|
|
4414
4414
|
{
|
|
4415
4415
|
"name": "label-position",
|