@umbraco-ui/uui 1.9.0-rc.2 → 1.10.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +57 -16
- package/dist/uui.min.js +63 -63
- package/dist/uui.min.js.map +1 -1
- package/package.json +84 -84
- package/vscode-html-custom-data.json +31 -20
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.10.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.",
|
|
6
6
|
"keywords": [
|
|
@@ -37,88 +37,88 @@
|
|
|
37
37
|
"vscode-html-custom-data.json"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@umbraco-ui/uui-action-bar": "1.
|
|
41
|
-
"@umbraco-ui/uui-avatar": "1.
|
|
42
|
-
"@umbraco-ui/uui-avatar-group": "1.
|
|
43
|
-
"@umbraco-ui/uui-badge": "1.
|
|
44
|
-
"@umbraco-ui/uui-base": "1.
|
|
45
|
-
"@umbraco-ui/uui-boolean-input": "1.
|
|
46
|
-
"@umbraco-ui/uui-box": "1.
|
|
47
|
-
"@umbraco-ui/uui-breadcrumbs": "1.
|
|
48
|
-
"@umbraco-ui/uui-button": "1.
|
|
49
|
-
"@umbraco-ui/uui-button-group": "1.
|
|
50
|
-
"@umbraco-ui/uui-button-inline-create": "1.
|
|
51
|
-
"@umbraco-ui/uui-card": "1.
|
|
52
|
-
"@umbraco-ui/uui-card-block-type": "1.
|
|
53
|
-
"@umbraco-ui/uui-card-content-node": "1.
|
|
54
|
-
"@umbraco-ui/uui-card-media": "1.
|
|
55
|
-
"@umbraco-ui/uui-card-user": "1.
|
|
56
|
-
"@umbraco-ui/uui-caret": "1.
|
|
57
|
-
"@umbraco-ui/uui-checkbox": "1.
|
|
58
|
-
"@umbraco-ui/uui-color-area": "1.
|
|
59
|
-
"@umbraco-ui/uui-color-picker": "1.
|
|
60
|
-
"@umbraco-ui/uui-color-slider": "1.
|
|
61
|
-
"@umbraco-ui/uui-color-swatch": "1.
|
|
62
|
-
"@umbraco-ui/uui-color-swatches": "1.
|
|
63
|
-
"@umbraco-ui/uui-combobox": "1.
|
|
64
|
-
"@umbraco-ui/uui-combobox-list": "1.
|
|
65
|
-
"@umbraco-ui/uui-css": "1.
|
|
66
|
-
"@umbraco-ui/uui-dialog": "1.
|
|
67
|
-
"@umbraco-ui/uui-dialog-layout": "1.
|
|
68
|
-
"@umbraco-ui/uui-file-dropzone": "1.
|
|
69
|
-
"@umbraco-ui/uui-file-preview": "1.
|
|
70
|
-
"@umbraco-ui/uui-form": "1.
|
|
71
|
-
"@umbraco-ui/uui-form-layout-item": "1.
|
|
72
|
-
"@umbraco-ui/uui-form-validation-message": "1.
|
|
73
|
-
"@umbraco-ui/uui-icon": "1.
|
|
74
|
-
"@umbraco-ui/uui-icon-registry": "1.
|
|
75
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.
|
|
76
|
-
"@umbraco-ui/uui-input": "1.
|
|
77
|
-
"@umbraco-ui/uui-input-file": "1.
|
|
78
|
-
"@umbraco-ui/uui-input-lock": "1.
|
|
79
|
-
"@umbraco-ui/uui-input-password": "1.
|
|
80
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.
|
|
81
|
-
"@umbraco-ui/uui-label": "1.
|
|
82
|
-
"@umbraco-ui/uui-loader": "1.
|
|
83
|
-
"@umbraco-ui/uui-loader-bar": "1.
|
|
84
|
-
"@umbraco-ui/uui-loader-circle": "1.
|
|
85
|
-
"@umbraco-ui/uui-menu-item": "1.
|
|
86
|
-
"@umbraco-ui/uui-modal": "1.
|
|
87
|
-
"@umbraco-ui/uui-pagination": "1.
|
|
88
|
-
"@umbraco-ui/uui-popover": "1.
|
|
89
|
-
"@umbraco-ui/uui-popover-container": "1.
|
|
90
|
-
"@umbraco-ui/uui-progress-bar": "1.
|
|
91
|
-
"@umbraco-ui/uui-radio": "1.
|
|
92
|
-
"@umbraco-ui/uui-range-slider": "1.
|
|
93
|
-
"@umbraco-ui/uui-ref": "1.
|
|
94
|
-
"@umbraco-ui/uui-ref-list": "1.
|
|
95
|
-
"@umbraco-ui/uui-ref-node": "1.
|
|
96
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.
|
|
97
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.
|
|
98
|
-
"@umbraco-ui/uui-ref-node-form": "1.
|
|
99
|
-
"@umbraco-ui/uui-ref-node-member": "1.
|
|
100
|
-
"@umbraco-ui/uui-ref-node-package": "1.
|
|
101
|
-
"@umbraco-ui/uui-ref-node-user": "1.
|
|
102
|
-
"@umbraco-ui/uui-scroll-container": "1.
|
|
103
|
-
"@umbraco-ui/uui-select": "1.
|
|
104
|
-
"@umbraco-ui/uui-slider": "1.
|
|
105
|
-
"@umbraco-ui/uui-symbol-expand": "1.
|
|
106
|
-
"@umbraco-ui/uui-symbol-file": "1.
|
|
107
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.
|
|
108
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.
|
|
109
|
-
"@umbraco-ui/uui-symbol-folder": "1.
|
|
110
|
-
"@umbraco-ui/uui-symbol-lock": "1.
|
|
111
|
-
"@umbraco-ui/uui-symbol-more": "1.
|
|
112
|
-
"@umbraco-ui/uui-symbol-sort": "1.
|
|
113
|
-
"@umbraco-ui/uui-table": "1.
|
|
114
|
-
"@umbraco-ui/uui-tabs": "1.
|
|
115
|
-
"@umbraco-ui/uui-tag": "1.
|
|
116
|
-
"@umbraco-ui/uui-textarea": "1.
|
|
117
|
-
"@umbraco-ui/uui-toast-notification": "1.
|
|
118
|
-
"@umbraco-ui/uui-toast-notification-container": "1.
|
|
119
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.
|
|
120
|
-
"@umbraco-ui/uui-toggle": "1.
|
|
121
|
-
"@umbraco-ui/uui-visually-hidden": "1.
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.10.0-rc.0",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.10.0-rc.0",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.10.0-rc.0",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.10.0-rc.0",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.10.0-rc.0",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.10.0-rc.0",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.10.0-rc.0",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.10.0-rc.0",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.10.0-rc.0",
|
|
49
|
+
"@umbraco-ui/uui-button-group": "1.10.0-rc.0",
|
|
50
|
+
"@umbraco-ui/uui-button-inline-create": "1.10.0-rc.0",
|
|
51
|
+
"@umbraco-ui/uui-card": "1.10.0-rc.0",
|
|
52
|
+
"@umbraco-ui/uui-card-block-type": "1.10.0-rc.0",
|
|
53
|
+
"@umbraco-ui/uui-card-content-node": "1.10.0-rc.0",
|
|
54
|
+
"@umbraco-ui/uui-card-media": "1.10.0-rc.0",
|
|
55
|
+
"@umbraco-ui/uui-card-user": "1.10.0-rc.0",
|
|
56
|
+
"@umbraco-ui/uui-caret": "1.10.0-rc.0",
|
|
57
|
+
"@umbraco-ui/uui-checkbox": "1.10.0-rc.0",
|
|
58
|
+
"@umbraco-ui/uui-color-area": "1.10.0-rc.0",
|
|
59
|
+
"@umbraco-ui/uui-color-picker": "1.10.0-rc.0",
|
|
60
|
+
"@umbraco-ui/uui-color-slider": "1.10.0-rc.0",
|
|
61
|
+
"@umbraco-ui/uui-color-swatch": "1.10.0-rc.0",
|
|
62
|
+
"@umbraco-ui/uui-color-swatches": "1.10.0-rc.0",
|
|
63
|
+
"@umbraco-ui/uui-combobox": "1.10.0-rc.0",
|
|
64
|
+
"@umbraco-ui/uui-combobox-list": "1.10.0-rc.0",
|
|
65
|
+
"@umbraco-ui/uui-css": "1.10.0-rc.0",
|
|
66
|
+
"@umbraco-ui/uui-dialog": "1.10.0-rc.0",
|
|
67
|
+
"@umbraco-ui/uui-dialog-layout": "1.10.0-rc.0",
|
|
68
|
+
"@umbraco-ui/uui-file-dropzone": "1.10.0-rc.0",
|
|
69
|
+
"@umbraco-ui/uui-file-preview": "1.10.0-rc.0",
|
|
70
|
+
"@umbraco-ui/uui-form": "1.10.0-rc.0",
|
|
71
|
+
"@umbraco-ui/uui-form-layout-item": "1.10.0-rc.0",
|
|
72
|
+
"@umbraco-ui/uui-form-validation-message": "1.10.0-rc.0",
|
|
73
|
+
"@umbraco-ui/uui-icon": "1.10.0-rc.0",
|
|
74
|
+
"@umbraco-ui/uui-icon-registry": "1.10.0-rc.0",
|
|
75
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.10.0-rc.0",
|
|
76
|
+
"@umbraco-ui/uui-input": "1.10.0-rc.0",
|
|
77
|
+
"@umbraco-ui/uui-input-file": "1.10.0-rc.0",
|
|
78
|
+
"@umbraco-ui/uui-input-lock": "1.10.0-rc.0",
|
|
79
|
+
"@umbraco-ui/uui-input-password": "1.10.0-rc.0",
|
|
80
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.10.0-rc.0",
|
|
81
|
+
"@umbraco-ui/uui-label": "1.10.0-rc.0",
|
|
82
|
+
"@umbraco-ui/uui-loader": "1.10.0-rc.0",
|
|
83
|
+
"@umbraco-ui/uui-loader-bar": "1.10.0-rc.0",
|
|
84
|
+
"@umbraco-ui/uui-loader-circle": "1.10.0-rc.0",
|
|
85
|
+
"@umbraco-ui/uui-menu-item": "1.10.0-rc.0",
|
|
86
|
+
"@umbraco-ui/uui-modal": "1.10.0-rc.0",
|
|
87
|
+
"@umbraco-ui/uui-pagination": "1.10.0-rc.0",
|
|
88
|
+
"@umbraco-ui/uui-popover": "1.10.0-rc.0",
|
|
89
|
+
"@umbraco-ui/uui-popover-container": "1.10.0-rc.0",
|
|
90
|
+
"@umbraco-ui/uui-progress-bar": "1.10.0-rc.0",
|
|
91
|
+
"@umbraco-ui/uui-radio": "1.10.0-rc.0",
|
|
92
|
+
"@umbraco-ui/uui-range-slider": "1.10.0-rc.0",
|
|
93
|
+
"@umbraco-ui/uui-ref": "1.10.0-rc.0",
|
|
94
|
+
"@umbraco-ui/uui-ref-list": "1.10.0-rc.0",
|
|
95
|
+
"@umbraco-ui/uui-ref-node": "1.10.0-rc.0",
|
|
96
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.10.0-rc.0",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.10.0-rc.0",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-form": "1.10.0-rc.0",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-member": "1.10.0-rc.0",
|
|
100
|
+
"@umbraco-ui/uui-ref-node-package": "1.10.0-rc.0",
|
|
101
|
+
"@umbraco-ui/uui-ref-node-user": "1.10.0-rc.0",
|
|
102
|
+
"@umbraco-ui/uui-scroll-container": "1.10.0-rc.0",
|
|
103
|
+
"@umbraco-ui/uui-select": "1.10.0-rc.0",
|
|
104
|
+
"@umbraco-ui/uui-slider": "1.10.0-rc.0",
|
|
105
|
+
"@umbraco-ui/uui-symbol-expand": "1.10.0-rc.0",
|
|
106
|
+
"@umbraco-ui/uui-symbol-file": "1.10.0-rc.0",
|
|
107
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.10.0-rc.0",
|
|
108
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.10.0-rc.0",
|
|
109
|
+
"@umbraco-ui/uui-symbol-folder": "1.10.0-rc.0",
|
|
110
|
+
"@umbraco-ui/uui-symbol-lock": "1.10.0-rc.0",
|
|
111
|
+
"@umbraco-ui/uui-symbol-more": "1.10.0-rc.0",
|
|
112
|
+
"@umbraco-ui/uui-symbol-sort": "1.10.0-rc.0",
|
|
113
|
+
"@umbraco-ui/uui-table": "1.10.0-rc.0",
|
|
114
|
+
"@umbraco-ui/uui-tabs": "1.10.0-rc.0",
|
|
115
|
+
"@umbraco-ui/uui-tag": "1.10.0-rc.0",
|
|
116
|
+
"@umbraco-ui/uui-textarea": "1.10.0-rc.0",
|
|
117
|
+
"@umbraco-ui/uui-toast-notification": "1.10.0-rc.0",
|
|
118
|
+
"@umbraco-ui/uui-toast-notification-container": "1.10.0-rc.0",
|
|
119
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.10.0-rc.0",
|
|
120
|
+
"@umbraco-ui/uui-toggle": "1.10.0-rc.0",
|
|
121
|
+
"@umbraco-ui/uui-visually-hidden": "1.10.0-rc.0"
|
|
122
122
|
},
|
|
123
123
|
"scripts": {
|
|
124
124
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"storybook": {
|
|
132
132
|
"url": "https://v1-contrib--62189360eeb21b003ab2f4ad.chromatic.com/"
|
|
133
133
|
},
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "f7982264bca0f2db4109c638e458f10719b1c22f"
|
|
135
135
|
}
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
},
|
|
210
210
|
{
|
|
211
211
|
"name": "uui-button",
|
|
212
|
-
"description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} -
|
|
212
|
+
"description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_button` {`HTMLInputElement`} - \n\n * `_resetStateTimeout` {`number | undefined`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
213
213
|
"attributes": [
|
|
214
214
|
{
|
|
215
215
|
"name": "type",
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
},
|
|
359
359
|
{
|
|
360
360
|
"name": "label",
|
|
361
|
-
"description": "`label` {string} -
|
|
361
|
+
"description": "`label` {string} - label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
362
362
|
},
|
|
363
363
|
{
|
|
364
364
|
"name": "popovertarget",
|
|
@@ -769,7 +769,7 @@
|
|
|
769
769
|
},
|
|
770
770
|
{
|
|
771
771
|
"name": "uui-checkbox",
|
|
772
|
-
"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 * `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 * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_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 * `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} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
772
|
+
"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 * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_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} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
773
773
|
"attributes": [
|
|
774
774
|
{
|
|
775
775
|
"name": "label-position",
|
|
@@ -794,6 +794,11 @@
|
|
|
794
794
|
"description": "`checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\nProperty: checked\n\nDefault: false",
|
|
795
795
|
"valueSet": "v"
|
|
796
796
|
},
|
|
797
|
+
{
|
|
798
|
+
"name": "indeterminate",
|
|
799
|
+
"description": "`indeterminate` {boolean} - Indeterminate state for the input.\n\nProperty: indeterminate\n\nDefault: false",
|
|
800
|
+
"valueSet": "v"
|
|
801
|
+
},
|
|
797
802
|
{
|
|
798
803
|
"name": "disabled",
|
|
799
804
|
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
@@ -1416,7 +1421,7 @@
|
|
|
1416
1421
|
},
|
|
1417
1422
|
{
|
|
1418
1423
|
"name": "uui-input-lock",
|
|
1419
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} -
|
|
1424
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1420
1425
|
"attributes": [
|
|
1421
1426
|
{
|
|
1422
1427
|
"name": "locked",
|
|
@@ -1541,12 +1546,11 @@
|
|
|
1541
1546
|
},
|
|
1542
1547
|
{
|
|
1543
1548
|
"name": "name",
|
|
1544
|
-
"description": "`name` {string} -
|
|
1549
|
+
"description": "`name` {string} - get/set the name of the input\n\nProperty: name\n\nDefault: ''"
|
|
1545
1550
|
},
|
|
1546
1551
|
{
|
|
1547
1552
|
"name": "value",
|
|
1548
|
-
"description": "`value` {string} -
|
|
1549
|
-
"values": []
|
|
1553
|
+
"description": "`value` {string} - get/set the value of the input\n\nProperty: value\n\nDefault: ''"
|
|
1550
1554
|
},
|
|
1551
1555
|
{
|
|
1552
1556
|
"name": "pristine",
|
|
@@ -1591,7 +1595,7 @@
|
|
|
1591
1595
|
},
|
|
1592
1596
|
{
|
|
1593
1597
|
"name": "uui-input-password",
|
|
1594
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} -
|
|
1598
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1595
1599
|
"attributes": [
|
|
1596
1600
|
{
|
|
1597
1601
|
"name": "min",
|
|
@@ -1711,12 +1715,11 @@
|
|
|
1711
1715
|
},
|
|
1712
1716
|
{
|
|
1713
1717
|
"name": "name",
|
|
1714
|
-
"description": "`name` {string} -
|
|
1718
|
+
"description": "`name` {string} - get/set the name of the input\n\nProperty: name\n\nDefault: ''"
|
|
1715
1719
|
},
|
|
1716
1720
|
{
|
|
1717
1721
|
"name": "value",
|
|
1718
|
-
"description": "`value` {string} -
|
|
1719
|
-
"values": []
|
|
1722
|
+
"description": "`value` {string} - get/set the value of the input\n\nProperty: value\n\nDefault: ''"
|
|
1720
1723
|
},
|
|
1721
1724
|
{
|
|
1722
1725
|
"name": "pristine",
|
|
@@ -1761,7 +1764,7 @@
|
|
|
1761
1764
|
},
|
|
1762
1765
|
{
|
|
1763
1766
|
"name": "uui-input",
|
|
1764
|
-
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} -
|
|
1767
|
+
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1765
1768
|
"attributes": [
|
|
1766
1769
|
{
|
|
1767
1770
|
"name": "min",
|
|
@@ -1881,12 +1884,11 @@
|
|
|
1881
1884
|
},
|
|
1882
1885
|
{
|
|
1883
1886
|
"name": "name",
|
|
1884
|
-
"description": "`name` {string} -
|
|
1887
|
+
"description": "`name` {string} - get/set the name of the input\n\nProperty: name\n\nDefault: ''"
|
|
1885
1888
|
},
|
|
1886
1889
|
{
|
|
1887
1890
|
"name": "value",
|
|
1888
|
-
"description": "`value` {string} -
|
|
1889
|
-
"values": []
|
|
1891
|
+
"description": "`value` {string} - get/set the value of the input\n\nProperty: value\n\nDefault: ''"
|
|
1890
1892
|
},
|
|
1891
1893
|
{
|
|
1892
1894
|
"name": "pristine",
|
|
@@ -1996,7 +1998,7 @@
|
|
|
1996
1998
|
},
|
|
1997
1999
|
{
|
|
1998
2000
|
"name": "uui-menu-item",
|
|
1999
|
-
"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 * `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 * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `_onLabelClicked` - \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 * `handleSelectKeydown` - \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`} - ",
|
|
2001
|
+
"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 * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `_onLabelClicked` - \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 * `handleSelectKeydown` - \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`} - ",
|
|
2000
2002
|
"attributes": [
|
|
2001
2003
|
{
|
|
2002
2004
|
"name": "disabled",
|
|
@@ -2058,6 +2060,10 @@
|
|
|
2058
2060
|
}
|
|
2059
2061
|
]
|
|
2060
2062
|
},
|
|
2063
|
+
{
|
|
2064
|
+
"name": "caret-label",
|
|
2065
|
+
"description": "`caret-label` {`string`} - Sets the aria-label for the caret button.\n\nProperty: caretLabel\n\nDefault: 'Reveal the underlying items'"
|
|
2066
|
+
},
|
|
2061
2067
|
{
|
|
2062
2068
|
"name": "select-only",
|
|
2063
2069
|
"description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
|
|
@@ -2370,7 +2376,7 @@
|
|
|
2370
2376
|
},
|
|
2371
2377
|
{
|
|
2372
2378
|
"name": "uui-radio-group",
|
|
2373
|
-
"description": "Slots:\n\n * ` ` {} - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n\nAttributes:\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} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\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 * `
|
|
2379
|
+
"description": "Slots:\n\n * ` ` {} - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n\nAttributes:\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} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\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 * `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. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
2374
2380
|
"attributes": [
|
|
2375
2381
|
{
|
|
2376
2382
|
"name": "disabled",
|
|
@@ -2418,7 +2424,7 @@
|
|
|
2418
2424
|
},
|
|
2419
2425
|
{
|
|
2420
2426
|
"name": "uui-radio",
|
|
2421
|
-
"description": "Events:\n\n * `change` {} - on input change\n\nSlots:\n\n * ` ` {} - slot to set the label if no `label` attribute is set.\n\nAttributes:\n\n * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n * `value` {string} - This is a value property of the `<uui-radio>`.\n\n * `label` {`string`} - \n\n * `checked` {`boolean`} - \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\nProperties:\n\n * `
|
|
2427
|
+
"description": "Events:\n\n * `change` {} - on input change\n\nSlots:\n\n * ` ` {} - slot to set the label if no `label` attribute is set.\n\nAttributes:\n\n * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n * `value` {string} - This is a value property of the `<uui-radio>`.\n\n * `label` {`string`} - \n\n * `checked` {`boolean`} - \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\nProperties:\n\n * `_inputElement` {`HTMLInputElement`} - \n\n * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n * `value` {string} - This is a value property of the `<uui-radio>`.\n\n * `label` {`string`} - \n\n * `checked` {`boolean`} - \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 * `styles` {`CSSResult[]`} - ",
|
|
2422
2428
|
"attributes": [
|
|
2423
2429
|
{
|
|
2424
2430
|
"name": "name",
|
|
@@ -2434,7 +2440,7 @@
|
|
|
2434
2440
|
},
|
|
2435
2441
|
{
|
|
2436
2442
|
"name": "checked",
|
|
2437
|
-
"description": "`checked` {`boolean`} - \n\nProperty: checked",
|
|
2443
|
+
"description": "`checked` {`boolean`} - \n\nProperty: checked\n\nDefault: false",
|
|
2438
2444
|
"valueSet": "v"
|
|
2439
2445
|
},
|
|
2440
2446
|
{
|
|
@@ -3970,7 +3976,7 @@
|
|
|
3970
3976
|
},
|
|
3971
3977
|
{
|
|
3972
3978
|
"name": "uui-toggle",
|
|
3973
|
-
"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 * `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 * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_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 * `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} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
3979
|
+
"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 * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_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} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
3974
3980
|
"attributes": [
|
|
3975
3981
|
{
|
|
3976
3982
|
"name": "label-position",
|
|
@@ -3995,6 +4001,11 @@
|
|
|
3995
4001
|
"description": "`checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\nProperty: checked\n\nDefault: false",
|
|
3996
4002
|
"valueSet": "v"
|
|
3997
4003
|
},
|
|
4004
|
+
{
|
|
4005
|
+
"name": "indeterminate",
|
|
4006
|
+
"description": "`indeterminate` {boolean} - Indeterminate state for the input.\n\nProperty: indeterminate\n\nDefault: false",
|
|
4007
|
+
"valueSet": "v"
|
|
4008
|
+
},
|
|
3998
4009
|
{
|
|
3999
4010
|
"name": "disabled",
|
|
4000
4011
|
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|