@umbraco-ui/uui 1.9.0-rc.1 → 1.9.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 +43 -2
- 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 +20 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.9.0
|
|
3
|
+
"version": "1.9.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.",
|
|
6
6
|
"keywords": [
|
|
@@ -37,88 +37,88 @@
|
|
|
37
37
|
"vscode-html-custom-data.json"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@umbraco-ui/uui-action-bar": "1.9.0
|
|
41
|
-
"@umbraco-ui/uui-avatar": "1.9.0
|
|
42
|
-
"@umbraco-ui/uui-avatar-group": "1.9.0
|
|
43
|
-
"@umbraco-ui/uui-badge": "1.9.0
|
|
44
|
-
"@umbraco-ui/uui-base": "1.9.0
|
|
45
|
-
"@umbraco-ui/uui-boolean-input": "1.9.0
|
|
46
|
-
"@umbraco-ui/uui-box": "1.9.0
|
|
47
|
-
"@umbraco-ui/uui-breadcrumbs": "1.9.0
|
|
48
|
-
"@umbraco-ui/uui-button": "1.9.0
|
|
49
|
-
"@umbraco-ui/uui-button-group": "1.9.0
|
|
50
|
-
"@umbraco-ui/uui-button-inline-create": "1.9.0
|
|
51
|
-
"@umbraco-ui/uui-card": "1.9.0
|
|
52
|
-
"@umbraco-ui/uui-card-block-type": "1.9.0
|
|
53
|
-
"@umbraco-ui/uui-card-content-node": "1.9.0
|
|
54
|
-
"@umbraco-ui/uui-card-media": "1.9.0
|
|
55
|
-
"@umbraco-ui/uui-card-user": "1.9.0
|
|
56
|
-
"@umbraco-ui/uui-caret": "1.9.0
|
|
57
|
-
"@umbraco-ui/uui-checkbox": "1.9.0
|
|
58
|
-
"@umbraco-ui/uui-color-area": "1.9.0
|
|
59
|
-
"@umbraco-ui/uui-color-picker": "1.9.0
|
|
60
|
-
"@umbraco-ui/uui-color-slider": "1.9.0
|
|
61
|
-
"@umbraco-ui/uui-color-swatch": "1.9.0
|
|
62
|
-
"@umbraco-ui/uui-color-swatches": "1.9.0
|
|
63
|
-
"@umbraco-ui/uui-combobox": "1.9.0
|
|
64
|
-
"@umbraco-ui/uui-combobox-list": "1.9.0
|
|
65
|
-
"@umbraco-ui/uui-css": "1.9.0
|
|
66
|
-
"@umbraco-ui/uui-dialog": "1.9.0
|
|
67
|
-
"@umbraco-ui/uui-dialog-layout": "1.9.0
|
|
68
|
-
"@umbraco-ui/uui-file-dropzone": "1.9.0
|
|
69
|
-
"@umbraco-ui/uui-file-preview": "1.9.0
|
|
70
|
-
"@umbraco-ui/uui-form": "1.9.0
|
|
71
|
-
"@umbraco-ui/uui-form-layout-item": "1.9.0
|
|
72
|
-
"@umbraco-ui/uui-form-validation-message": "1.9.0
|
|
73
|
-
"@umbraco-ui/uui-icon": "1.9.0
|
|
74
|
-
"@umbraco-ui/uui-icon-registry": "1.9.0
|
|
75
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.9.0
|
|
76
|
-
"@umbraco-ui/uui-input": "1.9.0
|
|
77
|
-
"@umbraco-ui/uui-input-file": "1.9.0
|
|
78
|
-
"@umbraco-ui/uui-input-lock": "1.9.0
|
|
79
|
-
"@umbraco-ui/uui-input-password": "1.9.0
|
|
80
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.9.0
|
|
81
|
-
"@umbraco-ui/uui-label": "1.9.0
|
|
82
|
-
"@umbraco-ui/uui-loader": "1.9.0
|
|
83
|
-
"@umbraco-ui/uui-loader-bar": "1.9.0
|
|
84
|
-
"@umbraco-ui/uui-loader-circle": "1.9.0
|
|
85
|
-
"@umbraco-ui/uui-menu-item": "1.9.0
|
|
86
|
-
"@umbraco-ui/uui-modal": "1.9.0
|
|
87
|
-
"@umbraco-ui/uui-pagination": "1.9.0
|
|
88
|
-
"@umbraco-ui/uui-popover": "1.9.0
|
|
89
|
-
"@umbraco-ui/uui-popover-container": "1.9.0
|
|
90
|
-
"@umbraco-ui/uui-progress-bar": "1.9.0
|
|
91
|
-
"@umbraco-ui/uui-radio": "1.9.0
|
|
92
|
-
"@umbraco-ui/uui-range-slider": "1.9.0
|
|
93
|
-
"@umbraco-ui/uui-ref": "1.9.0
|
|
94
|
-
"@umbraco-ui/uui-ref-list": "1.9.0
|
|
95
|
-
"@umbraco-ui/uui-ref-node": "1.9.0
|
|
96
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.9.0
|
|
97
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.9.0
|
|
98
|
-
"@umbraco-ui/uui-ref-node-form": "1.9.0
|
|
99
|
-
"@umbraco-ui/uui-ref-node-member": "1.9.0
|
|
100
|
-
"@umbraco-ui/uui-ref-node-package": "1.9.0
|
|
101
|
-
"@umbraco-ui/uui-ref-node-user": "1.9.0
|
|
102
|
-
"@umbraco-ui/uui-scroll-container": "1.9.0
|
|
103
|
-
"@umbraco-ui/uui-select": "1.9.0
|
|
104
|
-
"@umbraco-ui/uui-slider": "1.9.0
|
|
105
|
-
"@umbraco-ui/uui-symbol-expand": "1.9.0
|
|
106
|
-
"@umbraco-ui/uui-symbol-file": "1.9.0
|
|
107
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.9.0
|
|
108
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.9.0
|
|
109
|
-
"@umbraco-ui/uui-symbol-folder": "1.9.0
|
|
110
|
-
"@umbraco-ui/uui-symbol-lock": "1.9.0
|
|
111
|
-
"@umbraco-ui/uui-symbol-more": "1.9.0
|
|
112
|
-
"@umbraco-ui/uui-symbol-sort": "1.9.0
|
|
113
|
-
"@umbraco-ui/uui-table": "1.9.0
|
|
114
|
-
"@umbraco-ui/uui-tabs": "1.9.0
|
|
115
|
-
"@umbraco-ui/uui-tag": "1.9.0
|
|
116
|
-
"@umbraco-ui/uui-textarea": "1.9.0
|
|
117
|
-
"@umbraco-ui/uui-toast-notification": "1.9.0
|
|
118
|
-
"@umbraco-ui/uui-toast-notification-container": "1.9.0
|
|
119
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.9.0
|
|
120
|
-
"@umbraco-ui/uui-toggle": "1.9.0
|
|
121
|
-
"@umbraco-ui/uui-visually-hidden": "1.9.0
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.9.0",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.9.0",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.9.0",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.9.0",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.9.0",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.9.0",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.9.0",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.9.0",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.9.0",
|
|
49
|
+
"@umbraco-ui/uui-button-group": "1.9.0",
|
|
50
|
+
"@umbraco-ui/uui-button-inline-create": "1.9.0",
|
|
51
|
+
"@umbraco-ui/uui-card": "1.9.0",
|
|
52
|
+
"@umbraco-ui/uui-card-block-type": "1.9.0",
|
|
53
|
+
"@umbraco-ui/uui-card-content-node": "1.9.0",
|
|
54
|
+
"@umbraco-ui/uui-card-media": "1.9.0",
|
|
55
|
+
"@umbraco-ui/uui-card-user": "1.9.0",
|
|
56
|
+
"@umbraco-ui/uui-caret": "1.9.0",
|
|
57
|
+
"@umbraco-ui/uui-checkbox": "1.9.0",
|
|
58
|
+
"@umbraco-ui/uui-color-area": "1.9.0",
|
|
59
|
+
"@umbraco-ui/uui-color-picker": "1.9.0",
|
|
60
|
+
"@umbraco-ui/uui-color-slider": "1.9.0",
|
|
61
|
+
"@umbraco-ui/uui-color-swatch": "1.9.0",
|
|
62
|
+
"@umbraco-ui/uui-color-swatches": "1.9.0",
|
|
63
|
+
"@umbraco-ui/uui-combobox": "1.9.0",
|
|
64
|
+
"@umbraco-ui/uui-combobox-list": "1.9.0",
|
|
65
|
+
"@umbraco-ui/uui-css": "1.9.0",
|
|
66
|
+
"@umbraco-ui/uui-dialog": "1.9.0",
|
|
67
|
+
"@umbraco-ui/uui-dialog-layout": "1.9.0",
|
|
68
|
+
"@umbraco-ui/uui-file-dropzone": "1.9.0",
|
|
69
|
+
"@umbraco-ui/uui-file-preview": "1.9.0",
|
|
70
|
+
"@umbraco-ui/uui-form": "1.9.0",
|
|
71
|
+
"@umbraco-ui/uui-form-layout-item": "1.9.0",
|
|
72
|
+
"@umbraco-ui/uui-form-validation-message": "1.9.0",
|
|
73
|
+
"@umbraco-ui/uui-icon": "1.9.0",
|
|
74
|
+
"@umbraco-ui/uui-icon-registry": "1.9.0",
|
|
75
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.9.0",
|
|
76
|
+
"@umbraco-ui/uui-input": "1.9.0",
|
|
77
|
+
"@umbraco-ui/uui-input-file": "1.9.0",
|
|
78
|
+
"@umbraco-ui/uui-input-lock": "1.9.0",
|
|
79
|
+
"@umbraco-ui/uui-input-password": "1.9.0",
|
|
80
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.9.0",
|
|
81
|
+
"@umbraco-ui/uui-label": "1.9.0",
|
|
82
|
+
"@umbraco-ui/uui-loader": "1.9.0",
|
|
83
|
+
"@umbraco-ui/uui-loader-bar": "1.9.0",
|
|
84
|
+
"@umbraco-ui/uui-loader-circle": "1.9.0",
|
|
85
|
+
"@umbraco-ui/uui-menu-item": "1.9.0",
|
|
86
|
+
"@umbraco-ui/uui-modal": "1.9.0",
|
|
87
|
+
"@umbraco-ui/uui-pagination": "1.9.0",
|
|
88
|
+
"@umbraco-ui/uui-popover": "1.9.0",
|
|
89
|
+
"@umbraco-ui/uui-popover-container": "1.9.0",
|
|
90
|
+
"@umbraco-ui/uui-progress-bar": "1.9.0",
|
|
91
|
+
"@umbraco-ui/uui-radio": "1.9.0",
|
|
92
|
+
"@umbraco-ui/uui-range-slider": "1.9.0",
|
|
93
|
+
"@umbraco-ui/uui-ref": "1.9.0",
|
|
94
|
+
"@umbraco-ui/uui-ref-list": "1.9.0",
|
|
95
|
+
"@umbraco-ui/uui-ref-node": "1.9.0",
|
|
96
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.9.0",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.9.0",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-form": "1.9.0",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-member": "1.9.0",
|
|
100
|
+
"@umbraco-ui/uui-ref-node-package": "1.9.0",
|
|
101
|
+
"@umbraco-ui/uui-ref-node-user": "1.9.0",
|
|
102
|
+
"@umbraco-ui/uui-scroll-container": "1.9.0",
|
|
103
|
+
"@umbraco-ui/uui-select": "1.9.0",
|
|
104
|
+
"@umbraco-ui/uui-slider": "1.9.0",
|
|
105
|
+
"@umbraco-ui/uui-symbol-expand": "1.9.0",
|
|
106
|
+
"@umbraco-ui/uui-symbol-file": "1.9.0",
|
|
107
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.9.0",
|
|
108
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.9.0",
|
|
109
|
+
"@umbraco-ui/uui-symbol-folder": "1.9.0",
|
|
110
|
+
"@umbraco-ui/uui-symbol-lock": "1.9.0",
|
|
111
|
+
"@umbraco-ui/uui-symbol-more": "1.9.0",
|
|
112
|
+
"@umbraco-ui/uui-symbol-sort": "1.9.0",
|
|
113
|
+
"@umbraco-ui/uui-table": "1.9.0",
|
|
114
|
+
"@umbraco-ui/uui-tabs": "1.9.0",
|
|
115
|
+
"@umbraco-ui/uui-tag": "1.9.0",
|
|
116
|
+
"@umbraco-ui/uui-textarea": "1.9.0",
|
|
117
|
+
"@umbraco-ui/uui-toast-notification": "1.9.0",
|
|
118
|
+
"@umbraco-ui/uui-toast-notification-container": "1.9.0",
|
|
119
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.9.0",
|
|
120
|
+
"@umbraco-ui/uui-toggle": "1.9.0",
|
|
121
|
+
"@umbraco-ui/uui-visually-hidden": "1.9.0"
|
|
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": "37111ea2cebb5883dcef0e682916f1e101013123"
|
|
135
135
|
}
|
|
@@ -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",
|
|
@@ -1996,7 +2001,7 @@
|
|
|
1996
2001
|
},
|
|
1997
2002
|
{
|
|
1998
2003
|
"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`} - ",
|
|
2004
|
+
"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
2005
|
"attributes": [
|
|
2001
2006
|
{
|
|
2002
2007
|
"name": "disabled",
|
|
@@ -2058,6 +2063,10 @@
|
|
|
2058
2063
|
}
|
|
2059
2064
|
]
|
|
2060
2065
|
},
|
|
2066
|
+
{
|
|
2067
|
+
"name": "caret-label",
|
|
2068
|
+
"description": "`caret-label` {`string`} - Sets the aria-label for the caret button.\n\nProperty: caretLabel\n\nDefault: 'Reveal the underlying items'"
|
|
2069
|
+
},
|
|
2061
2070
|
{
|
|
2062
2071
|
"name": "select-only",
|
|
2063
2072
|
"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 +2379,7 @@
|
|
|
2370
2379
|
},
|
|
2371
2380
|
{
|
|
2372
2381
|
"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 * `
|
|
2382
|
+
"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
2383
|
"attributes": [
|
|
2375
2384
|
{
|
|
2376
2385
|
"name": "disabled",
|
|
@@ -2418,7 +2427,7 @@
|
|
|
2418
2427
|
},
|
|
2419
2428
|
{
|
|
2420
2429
|
"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 * `
|
|
2430
|
+
"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
2431
|
"attributes": [
|
|
2423
2432
|
{
|
|
2424
2433
|
"name": "name",
|
|
@@ -2434,7 +2443,7 @@
|
|
|
2434
2443
|
},
|
|
2435
2444
|
{
|
|
2436
2445
|
"name": "checked",
|
|
2437
|
-
"description": "`checked` {`boolean`} - \n\nProperty: checked",
|
|
2446
|
+
"description": "`checked` {`boolean`} - \n\nProperty: checked\n\nDefault: false",
|
|
2438
2447
|
"valueSet": "v"
|
|
2439
2448
|
},
|
|
2440
2449
|
{
|
|
@@ -3970,7 +3979,7 @@
|
|
|
3970
3979
|
},
|
|
3971
3980
|
{
|
|
3972
3981
|
"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`} - ",
|
|
3982
|
+
"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
3983
|
"attributes": [
|
|
3975
3984
|
{
|
|
3976
3985
|
"name": "label-position",
|
|
@@ -3995,6 +4004,11 @@
|
|
|
3995
4004
|
"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
4005
|
"valueSet": "v"
|
|
3997
4006
|
},
|
|
4007
|
+
{
|
|
4008
|
+
"name": "indeterminate",
|
|
4009
|
+
"description": "`indeterminate` {boolean} - Indeterminate state for the input.\n\nProperty: indeterminate\n\nDefault: false",
|
|
4010
|
+
"valueSet": "v"
|
|
4011
|
+
},
|
|
3998
4012
|
{
|
|
3999
4013
|
"name": "disabled",
|
|
4000
4014
|
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|