@umbraco-ui/uui 1.15.0-rc.0 → 1.16.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 +43 -0
- package/dist/uui.min.js +60 -64
- package/dist/uui.min.js.map +1 -1
- package/package.json +85 -85
- package/vscode-html-custom-data.json +26 -14
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.16.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,89 +37,89 @@
|
|
|
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-copy-text": "1.
|
|
50
|
-
"@umbraco-ui/uui-button-group": "1.
|
|
51
|
-
"@umbraco-ui/uui-button-inline-create": "1.
|
|
52
|
-
"@umbraco-ui/uui-card": "1.
|
|
53
|
-
"@umbraco-ui/uui-card-block-type": "1.
|
|
54
|
-
"@umbraco-ui/uui-card-content-node": "1.
|
|
55
|
-
"@umbraco-ui/uui-card-media": "1.
|
|
56
|
-
"@umbraco-ui/uui-card-user": "1.
|
|
57
|
-
"@umbraco-ui/uui-caret": "1.
|
|
58
|
-
"@umbraco-ui/uui-checkbox": "1.
|
|
59
|
-
"@umbraco-ui/uui-color-area": "1.
|
|
60
|
-
"@umbraco-ui/uui-color-picker": "1.
|
|
61
|
-
"@umbraco-ui/uui-color-slider": "1.
|
|
62
|
-
"@umbraco-ui/uui-color-swatch": "1.
|
|
63
|
-
"@umbraco-ui/uui-color-swatches": "1.
|
|
64
|
-
"@umbraco-ui/uui-combobox": "1.
|
|
65
|
-
"@umbraco-ui/uui-combobox-list": "1.
|
|
66
|
-
"@umbraco-ui/uui-css": "1.
|
|
67
|
-
"@umbraco-ui/uui-dialog": "1.
|
|
68
|
-
"@umbraco-ui/uui-dialog-layout": "1.
|
|
69
|
-
"@umbraco-ui/uui-file-dropzone": "1.
|
|
70
|
-
"@umbraco-ui/uui-file-preview": "1.
|
|
71
|
-
"@umbraco-ui/uui-form": "1.
|
|
72
|
-
"@umbraco-ui/uui-form-layout-item": "1.
|
|
73
|
-
"@umbraco-ui/uui-form-validation-message": "1.
|
|
74
|
-
"@umbraco-ui/uui-icon": "1.
|
|
75
|
-
"@umbraco-ui/uui-icon-registry": "1.
|
|
76
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.
|
|
77
|
-
"@umbraco-ui/uui-input": "1.
|
|
78
|
-
"@umbraco-ui/uui-input-file": "1.
|
|
79
|
-
"@umbraco-ui/uui-input-lock": "1.
|
|
80
|
-
"@umbraco-ui/uui-input-password": "1.
|
|
81
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.
|
|
82
|
-
"@umbraco-ui/uui-label": "1.
|
|
83
|
-
"@umbraco-ui/uui-loader": "1.
|
|
84
|
-
"@umbraco-ui/uui-loader-bar": "1.
|
|
85
|
-
"@umbraco-ui/uui-loader-circle": "1.
|
|
86
|
-
"@umbraco-ui/uui-menu-item": "1.
|
|
87
|
-
"@umbraco-ui/uui-modal": "1.
|
|
88
|
-
"@umbraco-ui/uui-pagination": "1.
|
|
89
|
-
"@umbraco-ui/uui-popover": "1.
|
|
90
|
-
"@umbraco-ui/uui-popover-container": "1.
|
|
91
|
-
"@umbraco-ui/uui-progress-bar": "1.
|
|
92
|
-
"@umbraco-ui/uui-radio": "1.
|
|
93
|
-
"@umbraco-ui/uui-range-slider": "1.
|
|
94
|
-
"@umbraco-ui/uui-ref": "1.
|
|
95
|
-
"@umbraco-ui/uui-ref-list": "1.
|
|
96
|
-
"@umbraco-ui/uui-ref-node": "1.
|
|
97
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.
|
|
98
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.
|
|
99
|
-
"@umbraco-ui/uui-ref-node-form": "1.
|
|
100
|
-
"@umbraco-ui/uui-ref-node-member": "1.
|
|
101
|
-
"@umbraco-ui/uui-ref-node-package": "1.
|
|
102
|
-
"@umbraco-ui/uui-ref-node-user": "1.
|
|
103
|
-
"@umbraco-ui/uui-scroll-container": "1.
|
|
104
|
-
"@umbraco-ui/uui-select": "1.
|
|
105
|
-
"@umbraco-ui/uui-slider": "1.
|
|
106
|
-
"@umbraco-ui/uui-symbol-expand": "1.
|
|
107
|
-
"@umbraco-ui/uui-symbol-file": "1.
|
|
108
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.
|
|
109
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.
|
|
110
|
-
"@umbraco-ui/uui-symbol-folder": "1.
|
|
111
|
-
"@umbraco-ui/uui-symbol-lock": "1.
|
|
112
|
-
"@umbraco-ui/uui-symbol-more": "1.
|
|
113
|
-
"@umbraco-ui/uui-symbol-sort": "1.
|
|
114
|
-
"@umbraco-ui/uui-table": "1.
|
|
115
|
-
"@umbraco-ui/uui-tabs": "1.
|
|
116
|
-
"@umbraco-ui/uui-tag": "1.
|
|
117
|
-
"@umbraco-ui/uui-textarea": "1.
|
|
118
|
-
"@umbraco-ui/uui-toast-notification": "1.
|
|
119
|
-
"@umbraco-ui/uui-toast-notification-container": "1.
|
|
120
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.
|
|
121
|
-
"@umbraco-ui/uui-toggle": "1.
|
|
122
|
-
"@umbraco-ui/uui-visually-hidden": "1.
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.16.0-rc.0",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.16.0-rc.0",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.16.0-rc.0",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.16.0-rc.0",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.16.0-rc.0",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.16.0-rc.0",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.16.0-rc.0",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.16.0-rc.0",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.16.0-rc.0",
|
|
49
|
+
"@umbraco-ui/uui-button-copy-text": "1.16.0-rc.0",
|
|
50
|
+
"@umbraco-ui/uui-button-group": "1.16.0-rc.0",
|
|
51
|
+
"@umbraco-ui/uui-button-inline-create": "1.16.0-rc.0",
|
|
52
|
+
"@umbraco-ui/uui-card": "1.16.0-rc.0",
|
|
53
|
+
"@umbraco-ui/uui-card-block-type": "1.16.0-rc.0",
|
|
54
|
+
"@umbraco-ui/uui-card-content-node": "1.16.0-rc.0",
|
|
55
|
+
"@umbraco-ui/uui-card-media": "1.16.0-rc.0",
|
|
56
|
+
"@umbraco-ui/uui-card-user": "1.16.0-rc.0",
|
|
57
|
+
"@umbraco-ui/uui-caret": "1.16.0-rc.0",
|
|
58
|
+
"@umbraco-ui/uui-checkbox": "1.16.0-rc.0",
|
|
59
|
+
"@umbraco-ui/uui-color-area": "1.16.0-rc.0",
|
|
60
|
+
"@umbraco-ui/uui-color-picker": "1.16.0-rc.0",
|
|
61
|
+
"@umbraco-ui/uui-color-slider": "1.16.0-rc.0",
|
|
62
|
+
"@umbraco-ui/uui-color-swatch": "1.16.0-rc.0",
|
|
63
|
+
"@umbraco-ui/uui-color-swatches": "1.16.0-rc.0",
|
|
64
|
+
"@umbraco-ui/uui-combobox": "1.16.0-rc.0",
|
|
65
|
+
"@umbraco-ui/uui-combobox-list": "1.16.0-rc.0",
|
|
66
|
+
"@umbraco-ui/uui-css": "1.16.0-rc.0",
|
|
67
|
+
"@umbraco-ui/uui-dialog": "1.16.0-rc.0",
|
|
68
|
+
"@umbraco-ui/uui-dialog-layout": "1.16.0-rc.0",
|
|
69
|
+
"@umbraco-ui/uui-file-dropzone": "1.16.0-rc.0",
|
|
70
|
+
"@umbraco-ui/uui-file-preview": "1.16.0-rc.0",
|
|
71
|
+
"@umbraco-ui/uui-form": "1.16.0-rc.0",
|
|
72
|
+
"@umbraco-ui/uui-form-layout-item": "1.16.0-rc.0",
|
|
73
|
+
"@umbraco-ui/uui-form-validation-message": "1.16.0-rc.0",
|
|
74
|
+
"@umbraco-ui/uui-icon": "1.16.0-rc.0",
|
|
75
|
+
"@umbraco-ui/uui-icon-registry": "1.16.0-rc.0",
|
|
76
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.16.0-rc.0",
|
|
77
|
+
"@umbraco-ui/uui-input": "1.16.0-rc.0",
|
|
78
|
+
"@umbraco-ui/uui-input-file": "1.16.0-rc.0",
|
|
79
|
+
"@umbraco-ui/uui-input-lock": "1.16.0-rc.0",
|
|
80
|
+
"@umbraco-ui/uui-input-password": "1.16.0-rc.0",
|
|
81
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.16.0-rc.0",
|
|
82
|
+
"@umbraco-ui/uui-label": "1.16.0-rc.0",
|
|
83
|
+
"@umbraco-ui/uui-loader": "1.16.0-rc.0",
|
|
84
|
+
"@umbraco-ui/uui-loader-bar": "1.16.0-rc.0",
|
|
85
|
+
"@umbraco-ui/uui-loader-circle": "1.16.0-rc.0",
|
|
86
|
+
"@umbraco-ui/uui-menu-item": "1.16.0-rc.0",
|
|
87
|
+
"@umbraco-ui/uui-modal": "1.16.0-rc.0",
|
|
88
|
+
"@umbraco-ui/uui-pagination": "1.16.0-rc.0",
|
|
89
|
+
"@umbraco-ui/uui-popover": "1.16.0-rc.0",
|
|
90
|
+
"@umbraco-ui/uui-popover-container": "1.16.0-rc.0",
|
|
91
|
+
"@umbraco-ui/uui-progress-bar": "1.16.0-rc.0",
|
|
92
|
+
"@umbraco-ui/uui-radio": "1.16.0-rc.0",
|
|
93
|
+
"@umbraco-ui/uui-range-slider": "1.16.0-rc.0",
|
|
94
|
+
"@umbraco-ui/uui-ref": "1.16.0-rc.0",
|
|
95
|
+
"@umbraco-ui/uui-ref-list": "1.16.0-rc.0",
|
|
96
|
+
"@umbraco-ui/uui-ref-node": "1.16.0-rc.0",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.16.0-rc.0",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.16.0-rc.0",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-form": "1.16.0-rc.0",
|
|
100
|
+
"@umbraco-ui/uui-ref-node-member": "1.16.0-rc.0",
|
|
101
|
+
"@umbraco-ui/uui-ref-node-package": "1.16.0-rc.0",
|
|
102
|
+
"@umbraco-ui/uui-ref-node-user": "1.16.0-rc.0",
|
|
103
|
+
"@umbraco-ui/uui-scroll-container": "1.16.0-rc.0",
|
|
104
|
+
"@umbraco-ui/uui-select": "1.16.0-rc.0",
|
|
105
|
+
"@umbraco-ui/uui-slider": "1.16.0-rc.0",
|
|
106
|
+
"@umbraco-ui/uui-symbol-expand": "1.16.0-rc.0",
|
|
107
|
+
"@umbraco-ui/uui-symbol-file": "1.16.0-rc.0",
|
|
108
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.16.0-rc.0",
|
|
109
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.16.0-rc.0",
|
|
110
|
+
"@umbraco-ui/uui-symbol-folder": "1.16.0-rc.0",
|
|
111
|
+
"@umbraco-ui/uui-symbol-lock": "1.16.0-rc.0",
|
|
112
|
+
"@umbraco-ui/uui-symbol-more": "1.16.0-rc.0",
|
|
113
|
+
"@umbraco-ui/uui-symbol-sort": "1.16.0-rc.0",
|
|
114
|
+
"@umbraco-ui/uui-table": "1.16.0-rc.0",
|
|
115
|
+
"@umbraco-ui/uui-tabs": "1.16.0-rc.0",
|
|
116
|
+
"@umbraco-ui/uui-tag": "1.16.0-rc.0",
|
|
117
|
+
"@umbraco-ui/uui-textarea": "1.16.0-rc.0",
|
|
118
|
+
"@umbraco-ui/uui-toast-notification": "1.16.0-rc.0",
|
|
119
|
+
"@umbraco-ui/uui-toast-notification-container": "1.16.0-rc.0",
|
|
120
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.16.0-rc.0",
|
|
121
|
+
"@umbraco-ui/uui-toggle": "1.16.0-rc.0",
|
|
122
|
+
"@umbraco-ui/uui-visually-hidden": "1.16.0-rc.0"
|
|
123
123
|
},
|
|
124
124
|
"scripts": {
|
|
125
125
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -132,5 +132,5 @@
|
|
|
132
132
|
"storybook": {
|
|
133
133
|
"url": "https://uui.umbraco.com"
|
|
134
134
|
},
|
|
135
|
-
"gitHead": "
|
|
135
|
+
"gitHead": "7bf1acd40b60feb81d82067ba2342d2b3e33c057"
|
|
136
136
|
}
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
},
|
|
165
165
|
{
|
|
166
166
|
"name": "uui-button-copy-text",
|
|
167
|
-
"description": "Events:\n\n * `copying` - Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard\n\n * `copied` - Fires when the content is copied to the clipboard\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - Use to replace the default content of the copy icon\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copy-from` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copyFrom` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animationStateDelay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
167
|
+
"description": "Events:\n\n * `copying` - Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard\n\n * `copied` - Fires when the content is copied to the clipboard\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - Use to replace the default content of the copy icon\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copy-from` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copyFrom` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animationStateDelay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
168
168
|
"attributes": [
|
|
169
169
|
{
|
|
170
170
|
"name": "text",
|
|
@@ -294,6 +294,10 @@
|
|
|
294
294
|
"description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
|
|
295
295
|
"values": []
|
|
296
296
|
},
|
|
297
|
+
{
|
|
298
|
+
"name": "title",
|
|
299
|
+
"description": "`title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\nProperty: title\n\nDefault: ''"
|
|
300
|
+
},
|
|
297
301
|
{
|
|
298
302
|
"name": "name",
|
|
299
303
|
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
@@ -404,7 +408,7 @@
|
|
|
404
408
|
},
|
|
405
409
|
{
|
|
406
410
|
"name": "uui-button",
|
|
407
|
-
"description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
411
|
+
"description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
408
412
|
"attributes": [
|
|
409
413
|
{
|
|
410
414
|
"name": "type",
|
|
@@ -522,6 +526,10 @@
|
|
|
522
526
|
"description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
|
|
523
527
|
"values": []
|
|
524
528
|
},
|
|
529
|
+
{
|
|
530
|
+
"name": "title",
|
|
531
|
+
"description": "`title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\nProperty: title\n\nDefault: ''"
|
|
532
|
+
},
|
|
525
533
|
{
|
|
526
534
|
"name": "name",
|
|
527
535
|
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
@@ -1099,7 +1107,7 @@
|
|
|
1099
1107
|
},
|
|
1100
1108
|
{
|
|
1101
1109
|
"name": "uui-color-picker",
|
|
1102
|
-
"description": "Events:\n\n * `change` - Fired when the color changes\n\nAttributes:\n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `no-format-toggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input`
|
|
1110
|
+
"description": "Events:\n\n * `change` - Fired when the color changes\n\nAttributes:\n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `no-format-toggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` - \n\n * `_previewButton` {`HTMLButtonElement`} - \n\n * `_swatches` - \n\n * `_value` {`string`} - \n\n * `inputValue` {`string`} - \n\n * `hue` {`number`} - \n\n * `saturation` {`number`} - \n\n * `lightness` {`number`} - \n\n * `alpha` {`number`} - \n\n * `_colord` - \n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `noFormatToggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `swatches` {`string[]`} - An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.\n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1103
1111
|
"attributes": [
|
|
1104
1112
|
{
|
|
1105
1113
|
"name": "value",
|
|
@@ -1313,7 +1321,7 @@
|
|
|
1313
1321
|
},
|
|
1314
1322
|
{
|
|
1315
1323
|
"name": "uui-color-swatches",
|
|
1316
|
-
"description": "Put uui-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n * ` ` {} - Default slot for content.\n\nAttributes:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `_swatches` {`UUIColorSwatchElement[]`} - \n\n * `__activeElement`
|
|
1324
|
+
"description": "Put uui-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n * ` ` {} - Default slot for content.\n\nAttributes:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `_swatches` {`UUIColorSwatchElement[]`} - \n\n * `__activeElement` - \n\n * `_activeElement` - \n\n * `_selectedElement` - \n\n * `_onSelected` - \n\n * `_onDeselected` - \n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1317
1325
|
"attributes": [
|
|
1318
1326
|
{
|
|
1319
1327
|
"name": "value",
|
|
@@ -1383,7 +1391,7 @@
|
|
|
1383
1391
|
},
|
|
1384
1392
|
{
|
|
1385
1393
|
"name": "uui-combobox-list",
|
|
1386
|
-
"description": "Events:\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n * `value` {FormDataEntryValue | FormData} - Value of selected option.\n\n * `displayValue` {string} - A readable value to display to show the selected value.\n\n * `for` {HTMLElement} - provide another element of which keyboard navigation\n\nProperties:\n\n * `value` {FormDataEntryValue | FormData} - Value of selected option.\n\n * `displayValue` {string} - A readable value to display to show the selected value.\n\n * `_for` {`HTMLElement | undefined`} - \n\n * `for` {HTMLElement} - provide another element of which keyboard navigation\n\n * `_options` {`UUIComboboxListOptionElement[]`} - \n\n * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n * `_value` {`FormDataEntryValue | FormData`} - \n\n * `_activeElementValue` {`string | null`} - \n\n * `_selectedElement`
|
|
1394
|
+
"description": "Events:\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n * `value` {FormDataEntryValue | FormData} - Value of selected option.\n\n * `displayValue` {string} - A readable value to display to show the selected value.\n\n * `for` {HTMLElement} - provide another element of which keyboard navigation\n\nProperties:\n\n * `value` {FormDataEntryValue | FormData} - Value of selected option.\n\n * `displayValue` {string} - A readable value to display to show the selected value.\n\n * `_for` {`HTMLElement | undefined`} - \n\n * `for` {HTMLElement} - provide another element of which keyboard navigation\n\n * `_options` {`UUIComboboxListOptionElement[]`} - \n\n * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n * `_value` {`FormDataEntryValue | FormData`} - \n\n * `_activeElementValue` {`string | null`} - \n\n * `_selectedElement` - \n\n * `_onSlotChange` - \n\n * `_onSelected` - \n\n * `_onDeselected` - \n\n * `_getActiveIndex` {`number`} - \n\n * `_getActiveElement` - \n\n * `_moveIndex` - \n\n * `_onKeyDown` - \n\n * `styles` {`CSSResult[]`} - ",
|
|
1387
1395
|
"attributes": [
|
|
1388
1396
|
{
|
|
1389
1397
|
"name": "value",
|
|
@@ -1407,7 +1415,7 @@
|
|
|
1407
1415
|
},
|
|
1408
1416
|
{
|
|
1409
1417
|
"name": "uui-combobox",
|
|
1410
|
-
"description": "Events:\n\n * `input` - fires when search input is changed\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\n * `input-prepend` {} - prepend for the uui-input\n\n * `input-append` {} - append for the uui-input\n\nAttributes:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `close-label` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `hide-expand-symbol` {boolean} - Removes the expand symbol.\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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `closeLabel` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `hideExpandSymbol` {boolean} - Removes the expand symbol.\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 * `_input` {`HTMLInputElement`} - \n\n * `_comboboxPopoverElement`
|
|
1418
|
+
"description": "Events:\n\n * `input` - fires when search input is changed\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\n * `input-prepend` {} - prepend for the uui-input\n\n * `input-append` {} - append for the uui-input\n\nAttributes:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `close-label` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `hide-expand-symbol` {boolean} - Removes the expand symbol.\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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `closeLabel` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `hideExpandSymbol` {boolean} - Removes the expand symbol.\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 * `_input` {`HTMLInputElement`} - \n\n * `_comboboxPopoverElement` - \n\n * `_comboboxListElements` {`UUIComboboxListElement[] | undefined`} - \n\n * `_displayValue` {`string`} - \n\n * `_search` {`string`} - \n\n * `_isPhone` {`boolean`} - \n\n * `_isOpen` {`boolean`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
1411
1419
|
"attributes": [
|
|
1412
1420
|
{
|
|
1413
1421
|
"name": "search",
|
|
@@ -1587,12 +1595,12 @@
|
|
|
1587
1595
|
},
|
|
1588
1596
|
{
|
|
1589
1597
|
"name": "uui-icon-registry-essential",
|
|
1590
|
-
"description": "Properties:\n\n * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n * `icons` - \n\n * `_registry`
|
|
1598
|
+
"description": "Properties:\n\n * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n * `icons` - \n\n * `_registry` - \n\n * `registry` - ",
|
|
1591
1599
|
"attributes": []
|
|
1592
1600
|
},
|
|
1593
1601
|
{
|
|
1594
1602
|
"name": "uui-icon-registry",
|
|
1595
|
-
"description": "Properties:\n\n * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n * `icons` - \n\n * `_registry`
|
|
1603
|
+
"description": "Properties:\n\n * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n * `icons` - \n\n * `_registry` - \n\n * `registry` - ",
|
|
1596
1604
|
"attributes": []
|
|
1597
1605
|
},
|
|
1598
1606
|
{
|
|
@@ -1626,7 +1634,7 @@
|
|
|
1626
1634
|
},
|
|
1627
1635
|
{
|
|
1628
1636
|
"name": "uui-input-file",
|
|
1629
|
-
"description": "Attributes:\n\n * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `_dropzone`
|
|
1637
|
+
"description": "Attributes:\n\n * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `_dropzone` - \n\n * `_dropZone` - \n\n * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `_files` {`File[]`} - \n\n * `_updateFileWrappers` - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
1630
1638
|
"attributes": [
|
|
1631
1639
|
{
|
|
1632
1640
|
"name": "accept",
|
|
@@ -2354,7 +2362,7 @@
|
|
|
2354
2362
|
},
|
|
2355
2363
|
{
|
|
2356
2364
|
"name": "uui-menu-item",
|
|
2357
|
-
"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 * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2365
|
+
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-mode` {string} - Sets the selection mode.\n\n * `caret-label` {`string`} - Sets the aria-label for the caret button.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `selectMode` {string} - Sets the selection mode.\n\n * `caretLabel` {`string`} - Sets the aria-label for the caret button.\n\n * `renderExpandSymbol` - Overwrite the expand symbol rendering, this replaces the Expand Symbol from UI Library.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2358
2366
|
"attributes": [
|
|
2359
2367
|
{
|
|
2360
2368
|
"name": "disabled",
|
|
@@ -2468,7 +2476,7 @@
|
|
|
2468
2476
|
},
|
|
2469
2477
|
{
|
|
2470
2478
|
"name": "modal-example",
|
|
2471
|
-
"description": "Properties:\n\n * `_modals` {`TemplateResult<1>[]`} - \n\n * `styles`
|
|
2479
|
+
"description": "Properties:\n\n * `_modals` {`TemplateResult<1>[]`} - \n\n * `styles` - ",
|
|
2472
2480
|
"attributes": []
|
|
2473
2481
|
},
|
|
2474
2482
|
{
|
|
@@ -2633,7 +2641,7 @@
|
|
|
2633
2641
|
},
|
|
2634
2642
|
{
|
|
2635
2643
|
"name": "uui-popover-container",
|
|
2636
|
-
"description": "Events:\n\n * `uui-popover-before-toggle` {`CustomEvent<{ oldState: any; newState: any; }>`} - \n\nAttributes:\n\n * `margin` {number} - Set the distance between popover container element and target element.\n\n * `open` {boolean} - Read-only attribute to check if the popover is open\n\n * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\nProperties:\n\n * `margin` {number} - Set the distance between popover container element and target element.\n\n * `open` {boolean} - Read-only attribute to check if the popover is open\n\n * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n * `_placement` {`PopoverContainerPlacement`} - \n\n * `_open` {`boolean`} - \n\n * `_actualPlacement` {`PopoverContainerPlacement`} - \n\n * `styles` {`CSSResult[]`} - ",
|
|
2644
|
+
"description": "Events:\n\n * `uui-popover-before-toggle` {`CustomEvent<{ oldState: any; newState: any; }>`} - \n\nAttributes:\n\n * `margin` {number} - Set the distance between popover container element and target element.\n\n * `open` {boolean} - Read-only attribute to check if the popover is open\n\n * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n * `popover` - Indicates that the element is a popover container\n\nProperties:\n\n * `margin` {number} - Set the distance between popover container element and target element.\n\n * `open` {boolean} - Read-only attribute to check if the popover is open\n\n * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n * `_placement` {`PopoverContainerPlacement`} - \n\n * `_open` {`boolean`} - \n\n * `_actualPlacement` {`PopoverContainerPlacement`} - \n\n * `styles` {`CSSResult[]`} - ",
|
|
2637
2645
|
"attributes": [
|
|
2638
2646
|
{
|
|
2639
2647
|
"name": "margin",
|
|
@@ -2686,6 +2694,10 @@
|
|
|
2686
2694
|
}
|
|
2687
2695
|
]
|
|
2688
2696
|
},
|
|
2697
|
+
{
|
|
2698
|
+
"name": "popover",
|
|
2699
|
+
"description": "`popover` - Indicates that the element is a popover container\n\n"
|
|
2700
|
+
},
|
|
2689
2701
|
{
|
|
2690
2702
|
"name": "onuui-popover-before-toggle",
|
|
2691
2703
|
"description": "`uui-popover-before-toggle` {`CustomEvent<{ oldState: any; newState: any; }>`} - "
|
|
@@ -3982,7 +3994,7 @@
|
|
|
3982
3994
|
},
|
|
3983
3995
|
{
|
|
3984
3996
|
"name": "uui-tab-group",
|
|
3985
|
-
"description": "Slots:\n\n * ` ` {} - Default slot for the tab group\n\nAttributes:\n\n * `dropdown-content-direction` {string} - Set the flex direction of the content of the dropdown.\n\nProperties:\n\n * `_moreButtonElement`
|
|
3997
|
+
"description": "Slots:\n\n * ` ` {} - Default slot for the tab group\n\nAttributes:\n\n * `dropdown-content-direction` {string} - Set the flex direction of the content of the dropdown.\n\nProperties:\n\n * `_moreButtonElement` - \n\n * `_popoverContainerElement` - \n\n * `_mainElement` {`HTMLElement`} - \n\n * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n * `dropdownContentDirection` {string} - Set the flex direction of the content of the dropdown.\n\n * `styles` {`CSSResult[]`} - ",
|
|
3986
3998
|
"attributes": [
|
|
3987
3999
|
{
|
|
3988
4000
|
"name": "dropdown-content-direction",
|
|
@@ -4320,7 +4332,7 @@
|
|
|
4320
4332
|
},
|
|
4321
4333
|
{
|
|
4322
4334
|
"name": "uui-toast-notification",
|
|
4323
|
-
"description": "Events:\n\n * `opening` - fires when the toast is starting to open\n\n * `opened` - fires when the toast is open after the open-animation\n\n * `closing` - fires when the toast is starting to close\n\n * `closed` - fires when the toast is closed\n\nSlots:\n\n * ` ` {} - slot for dialog layout/content\n\nAttributes:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `open` {`boolean`} - define if this toast should open or close.\n\nProperties:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `_autoClose` {`number | null`} - \n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `_onOpenTimerComplete` - \n\n * `_toastEl` {`HTMLElement`} - \n\n * `_timer`
|
|
4335
|
+
"description": "Events:\n\n * `opening` - fires when the toast is starting to open\n\n * `opened` - fires when the toast is open after the open-animation\n\n * `closing` - fires when the toast is starting to close\n\n * `closed` - fires when the toast is closed\n\nSlots:\n\n * ` ` {} - slot for dialog layout/content\n\nAttributes:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `open` {`boolean`} - define if this toast should open or close.\n\nProperties:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `_autoClose` {`number | null`} - \n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `_onOpenTimerComplete` - \n\n * `_toastEl` {`HTMLElement`} - \n\n * `_timer` - \n\n * `_pauseTimer` {`boolean`} - \n\n * `isOpen` {`boolean`} - \n\n * `_open` {`boolean`} - \n\n * `_animate` {`boolean`} - \n\n * `_animationTimeout` {`number | undefined`} - \n\n * `open` {`boolean`} - define if this toast should open or close.\n\n * `_requestAnimationUpdate` {`number`} - \n\n * `styles` {`CSSResult[]`} - ",
|
|
4324
4336
|
"attributes": [
|
|
4325
4337
|
{
|
|
4326
4338
|
"name": "color",
|