@umbraco-ui/uui 1.2.0-rc.0 → 1.2.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +209 -0
- package/dist/uui.min.js +42 -38
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/package.json +84 -82
- package/vscode-html-custom-data.json +3181 -0
|
@@ -0,0 +1,3181 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 1,
|
|
3
|
+
"tags": [
|
|
4
|
+
{
|
|
5
|
+
"name": "uui-action-bar",
|
|
6
|
+
"description": "Slots:\n\n * ` ` {} - The slot for buttons. It supports `<uui-button>` elements out of the box.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
7
|
+
"attributes": []
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
"name": "uui-avatar-group",
|
|
11
|
+
"description": "Group a set of avatars, set a limit to minimize the visual space.\n\nSlots:\n\n * ` ` {} - Insert the `<uui-avatar>` elements in the default slot\n\nAttributes:\n\n * `limit` {number} - This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_avatarNodes` {`UUIAvatarElement[] | undefined`} - \n\n * `_avatarArray` {`UUIAvatarElement[]`} - \n\n * `limit` {number} - This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.",
|
|
12
|
+
"attributes": [
|
|
13
|
+
{
|
|
14
|
+
"name": "limit",
|
|
15
|
+
"description": "`limit` {number} - This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.\n\nProperty: limit\n\nDefault: 0"
|
|
16
|
+
}
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "uui-avatar",
|
|
21
|
+
"description": "Avatar for displaying users\n\nSlots:\n\n * ` ` {} - For anything other than initials (no more than 2-3 characters)\n\nAttributes:\n\n * `overflow` {boolean} - Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.\n\n * `img-src` {string} - Use this to apply a image src\n\n * `img-srcset` {string} - Use this to apply a image srcset\n\n * `name` {string} - Provide the name used for labels and to generate the initials.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `overflow` {boolean} - Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.\n\n * `imgSrc` {string} - Use this to apply a image src\n\n * `imgSrcset` {string} - Use this to apply a image srcset\n\n * `name` {string} - Provide the name used for labels and to generate the initials.\n\n * `_name` {`string`} - \n\n * `initials` {`string`} - ",
|
|
22
|
+
"attributes": [
|
|
23
|
+
{
|
|
24
|
+
"name": "overflow",
|
|
25
|
+
"description": "`overflow` {boolean} - Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.\n\nProperty: overflow\n\nDefault: true",
|
|
26
|
+
"valueSet": "v"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"name": "img-src",
|
|
30
|
+
"description": "`img-src` {string} - Use this to apply a image src\n\nProperty: imgSrc\n\nDefault: ''"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"name": "img-srcset",
|
|
34
|
+
"description": "`img-srcset` {string} - Use this to apply a image srcset\n\nProperty: imgSrcset\n\nDefault: ''"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "name",
|
|
38
|
+
"description": "`name` {string} - Provide the name used for labels and to generate the initials.\n\nProperty: name\n\nDefault: ''"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "uui-badge",
|
|
44
|
+
"description": "A badge to notify that there is something that requires attention of the user. The badge is positioned with `position: absolute`. It will determine its position against the first ancestor with `position: relative`.\n\nSlots:\n\n * ` ` {} - The slot for badge contents\n\nAttributes:\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 * `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 * `attention` {`boolean`} - Bring attention to this badge by applying a bounce animation.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \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 * `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 * `attention` {`boolean`} - Bring attention to this badge by applying a bounce animation.",
|
|
45
|
+
"attributes": [
|
|
46
|
+
{
|
|
47
|
+
"name": "color",
|
|
48
|
+
"description": "`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\nProperty: color\n\nDefault: \"default\"",
|
|
49
|
+
"values": [
|
|
50
|
+
{
|
|
51
|
+
"name": ""
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "default"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "positive"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "warning"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"name": "danger"
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "look",
|
|
69
|
+
"description": "`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\nProperty: look\n\nDefault: \"default\"",
|
|
70
|
+
"values": [
|
|
71
|
+
{
|
|
72
|
+
"name": ""
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"name": "default"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "primary"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"name": "secondary"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "outline"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"name": "placeholder"
|
|
88
|
+
}
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"name": "attention",
|
|
93
|
+
"description": "`attention` {`boolean`} - Bring attention to this badge by applying a bounce animation.\n\nProperty: attention\n\nDefault: false",
|
|
94
|
+
"valueSet": "v"
|
|
95
|
+
}
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"name": "uui-box",
|
|
100
|
+
"description": "A box for grouping elements\n\nSlots:\n\n * `headline` {} - headline area, this area is placed within the headline tag which is located inside the header. Use this to ensure the right headline styling.\n\n * `header` {} - header area, use this for things that is not the headline but located in the header.\n\n * ` ` {} - area for the content of the box\n\nAttributes:\n\n * `headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `_headerSlotHasContent` {`boolean`} - \n\n * `_headerSlotChanged` - ",
|
|
101
|
+
"attributes": [
|
|
102
|
+
{
|
|
103
|
+
"name": "headline",
|
|
104
|
+
"description": "`headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\nProperty: headline\n\nDefault: null",
|
|
105
|
+
"values": []
|
|
106
|
+
}
|
|
107
|
+
]
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"name": "uui-breadcrumb-item",
|
|
111
|
+
"description": "A breadcrumb-item to be used with the breadcrumbs component.\n\nSlots:\n\n * ` ` {} - This slot displays elements inside the breadcrumb\n\nAttributes:\n\n * `href` {String} - Specifies the link href.\n\n * `last-item` {Boolean} - Specifies if the element is the last item in the uui-breadcrumbs. Last item will not render as a link\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `href` {String} - Specifies the link href.\n\n * `lastItem` {Boolean} - Specifies if the element is the last item in the uui-breadcrumbs. Last item will not render as a link",
|
|
112
|
+
"attributes": [
|
|
113
|
+
{
|
|
114
|
+
"name": "href",
|
|
115
|
+
"description": "`href` {String} - Specifies the link href.\n\nProperty: href\n\nDefault: '#'"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"name": "last-item",
|
|
119
|
+
"description": "`last-item` {Boolean} - Specifies if the element is the last item in the uui-breadcrumbs. Last item will not render as a link\n\nProperty: lastItem\n\nDefault: 'false'",
|
|
120
|
+
"valueSet": "v"
|
|
121
|
+
}
|
|
122
|
+
]
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"name": "uui-breadcrumbs",
|
|
126
|
+
"description": "A breadcrumbs component to be used in combination with the uui-breadcrumb-item.\n\nSlots:\n\n * ` ` {} - Slot to display nested breadcrumb items. It supports `<uui-breadcrumb-item>` elements or elements containing the `role=\"listitem\"` attribute\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `slotNodes` {`HTMLElement[]`} - ",
|
|
127
|
+
"attributes": []
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"name": "uui-button-group",
|
|
131
|
+
"description": "Place <uui-button> elements in the slot. They will be nicely displayed.\n\nSlots:\n\n * ` ` {} - The slot for buttons. It supports `<uui-button>` elements out of the box.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
132
|
+
"attributes": []
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"name": "uui-button-inline-create",
|
|
136
|
+
"description": "Events:\n\n * `click` {} - on user click\n\nAttributes:\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `vertical` {Boolean} - Place the button vertically\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_position` {`number`} - \n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `vertical` {Boolean} - Place the button vertically",
|
|
137
|
+
"attributes": [
|
|
138
|
+
{
|
|
139
|
+
"name": "label",
|
|
140
|
+
"description": "`label` {string} - Label to be used for aria-label and eventually as visual label\n\nProperty: label",
|
|
141
|
+
"values": []
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"name": "vertical",
|
|
145
|
+
"description": "`vertical` {Boolean} - Place the button vertically\n\nProperty: vertical\n\nDefault: false",
|
|
146
|
+
"valueSet": "v"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"name": "onclick",
|
|
150
|
+
"description": "`click` {} - on user click"
|
|
151
|
+
}
|
|
152
|
+
]
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"name": "uui-button",
|
|
156
|
+
"description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * `extra` {} - for extra\n\n * ` ` {} - Override the default label\n\nAttributes:\n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\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 * `styles` {`CSSResult[]`} - \n\n * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `_button` {`HTMLInputElement`} - \n\n * `_resetStateTimeout` {`number | undefined`} - \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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
157
|
+
"attributes": [
|
|
158
|
+
{
|
|
159
|
+
"name": "type",
|
|
160
|
+
"description": "`type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\nProperty: type\n\nDefault: \"button\"",
|
|
161
|
+
"values": [
|
|
162
|
+
{
|
|
163
|
+
"name": "submit"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "button"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"name": "reset"
|
|
170
|
+
}
|
|
171
|
+
]
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"name": "disabled",
|
|
175
|
+
"description": "`disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\nProperty: disabled\n\nDefault: false",
|
|
176
|
+
"valueSet": "v"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"name": "look",
|
|
180
|
+
"description": "`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\nProperty: look\n\nDefault: \"default\"",
|
|
181
|
+
"values": [
|
|
182
|
+
{
|
|
183
|
+
"name": ""
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"name": "default"
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"name": "primary"
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"name": "secondary"
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"name": "outline"
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "placeholder"
|
|
199
|
+
}
|
|
200
|
+
]
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "color",
|
|
204
|
+
"description": "`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\nProperty: color\n\nDefault: \"default\"",
|
|
205
|
+
"values": [
|
|
206
|
+
{
|
|
207
|
+
"name": ""
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "default"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "positive"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "warning"
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "danger"
|
|
220
|
+
}
|
|
221
|
+
]
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "compact",
|
|
225
|
+
"description": "`compact` {boolean} - Makes the left and right padding of the button narrower.\n\nProperty: compact\n\nDefault: false",
|
|
226
|
+
"valueSet": "v"
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"name": "state",
|
|
230
|
+
"description": "`state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\nProperty: state\n\nDefault: undefined",
|
|
231
|
+
"values": [
|
|
232
|
+
{
|
|
233
|
+
"name": "waiting"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "success"
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"name": "failed"
|
|
240
|
+
}
|
|
241
|
+
]
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "href",
|
|
245
|
+
"description": "`href` {string} - Set an href, this will turns the button into a anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
246
|
+
"values": []
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"name": "target",
|
|
250
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
251
|
+
"values": [
|
|
252
|
+
{
|
|
253
|
+
"name": "_blank"
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"name": "_parent"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"name": "_self"
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"name": "_top"
|
|
263
|
+
}
|
|
264
|
+
]
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"name": "name",
|
|
268
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
"name": "value",
|
|
272
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
273
|
+
"values": []
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"name": "pristine",
|
|
277
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
278
|
+
"valueSet": "v"
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"name": "required",
|
|
282
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
283
|
+
"valueSet": "v"
|
|
284
|
+
},
|
|
285
|
+
{
|
|
286
|
+
"name": "required-message",
|
|
287
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"name": "error",
|
|
291
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
292
|
+
"valueSet": "v"
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"name": "error-message",
|
|
296
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"name": "label",
|
|
300
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"name": "onclick",
|
|
304
|
+
"description": "`click` - fires when the element is clicked"
|
|
305
|
+
}
|
|
306
|
+
]
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"name": "uui-card-content-node",
|
|
310
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n * `name` {string} - Node name\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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\nProperties:\n\n * `name` {string} - Node name\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
311
|
+
"attributes": [
|
|
312
|
+
{
|
|
313
|
+
"name": "name",
|
|
314
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
315
|
+
},
|
|
316
|
+
{
|
|
317
|
+
"name": "disabled",
|
|
318
|
+
"description": "`disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\nProperty: disabled\n\nDefault: false",
|
|
319
|
+
"valueSet": "v"
|
|
320
|
+
},
|
|
321
|
+
{
|
|
322
|
+
"name": "error",
|
|
323
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
324
|
+
"valueSet": "v"
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"name": "select-only",
|
|
328
|
+
"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",
|
|
329
|
+
"valueSet": "v"
|
|
330
|
+
},
|
|
331
|
+
{
|
|
332
|
+
"name": "selectable",
|
|
333
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
334
|
+
"valueSet": "v"
|
|
335
|
+
},
|
|
336
|
+
{
|
|
337
|
+
"name": "selected",
|
|
338
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
339
|
+
"valueSet": "v"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"name": "onopen",
|
|
343
|
+
"description": "`open` - fires when the card title is clicked"
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
"name": "onselected",
|
|
347
|
+
"description": "`selected` - fires when the media card is selected"
|
|
348
|
+
},
|
|
349
|
+
{
|
|
350
|
+
"name": "onunselected",
|
|
351
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
352
|
+
}
|
|
353
|
+
]
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"name": "uui-card-media",
|
|
357
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n * ` ` {} - slot for the default content area\n\nAttributes:\n\n * `name` {string} - Media name\n\n * `file-ext` {string} - Media file extension, without \".\"\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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\nProperties:\n\n * `name` {string} - Media name\n\n * `fileExt` {string} - Media file extension, without \".\"\n\n * `hasPreview` {`boolean`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
358
|
+
"attributes": [
|
|
359
|
+
{
|
|
360
|
+
"name": "name",
|
|
361
|
+
"description": "`name` {string} - Media name\n\nProperty: name\n\nDefault: ''"
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"name": "file-ext",
|
|
365
|
+
"description": "`file-ext` {string} - Media file extension, without \".\"\n\nProperty: fileExt\n\nDefault: ''"
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"name": "disabled",
|
|
369
|
+
"description": "`disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\nProperty: disabled\n\nDefault: false",
|
|
370
|
+
"valueSet": "v"
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"name": "error",
|
|
374
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
375
|
+
"valueSet": "v"
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"name": "select-only",
|
|
379
|
+
"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",
|
|
380
|
+
"valueSet": "v"
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"name": "selectable",
|
|
384
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
385
|
+
"valueSet": "v"
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "selected",
|
|
389
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
390
|
+
"valueSet": "v"
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"name": "onopen",
|
|
394
|
+
"description": "`open` - fires when the card title is clicked"
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"name": "onselected",
|
|
398
|
+
"description": "`selected` - fires when the media card is selected"
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"name": "onunselected",
|
|
402
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
403
|
+
}
|
|
404
|
+
]
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"name": "uui-card-user",
|
|
408
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n * `name` {string} - User name\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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\nProperties:\n\n * `name` {string} - User name\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
409
|
+
"attributes": [
|
|
410
|
+
{
|
|
411
|
+
"name": "name",
|
|
412
|
+
"description": "`name` {string} - User name\n\nProperty: name\n\nDefault: ''"
|
|
413
|
+
},
|
|
414
|
+
{
|
|
415
|
+
"name": "disabled",
|
|
416
|
+
"description": "`disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\nProperty: disabled\n\nDefault: false",
|
|
417
|
+
"valueSet": "v"
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"name": "error",
|
|
421
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
422
|
+
"valueSet": "v"
|
|
423
|
+
},
|
|
424
|
+
{
|
|
425
|
+
"name": "select-only",
|
|
426
|
+
"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",
|
|
427
|
+
"valueSet": "v"
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
"name": "selectable",
|
|
431
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
432
|
+
"valueSet": "v"
|
|
433
|
+
},
|
|
434
|
+
{
|
|
435
|
+
"name": "selected",
|
|
436
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
437
|
+
"valueSet": "v"
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
"name": "onopen",
|
|
441
|
+
"description": "`open` - fires when the card title is clicked"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "onselected",
|
|
445
|
+
"description": "`selected` - fires when the media card is selected"
|
|
446
|
+
},
|
|
447
|
+
{
|
|
448
|
+
"name": "onunselected",
|
|
449
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
450
|
+
}
|
|
451
|
+
]
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
"name": "uui-card",
|
|
455
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nAttributes:\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
456
|
+
"attributes": [
|
|
457
|
+
{
|
|
458
|
+
"name": "disabled",
|
|
459
|
+
"description": "`disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\nProperty: disabled\n\nDefault: false",
|
|
460
|
+
"valueSet": "v"
|
|
461
|
+
},
|
|
462
|
+
{
|
|
463
|
+
"name": "error",
|
|
464
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
465
|
+
"valueSet": "v"
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "select-only",
|
|
469
|
+
"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",
|
|
470
|
+
"valueSet": "v"
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"name": "selectable",
|
|
474
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
475
|
+
"valueSet": "v"
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"name": "selected",
|
|
479
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
480
|
+
"valueSet": "v"
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"name": "onopen",
|
|
484
|
+
"description": "`open` - fires when the card title is clicked"
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"name": "onselected",
|
|
488
|
+
"description": "`selected` - fires when the media card is selected"
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"name": "onunselected",
|
|
492
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
493
|
+
}
|
|
494
|
+
]
|
|
495
|
+
},
|
|
496
|
+
{
|
|
497
|
+
"name": "uui-caret",
|
|
498
|
+
"description": "DEPRECATED: Please use uui-symbol-expand or uui-symbol-sort. A caret that rotates on click. Color will be `currentColor`\n\nAttributes:\n\n * `open` {boolean} - Turns the arrow around.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `open` {boolean} - Turns the arrow around.",
|
|
499
|
+
"attributes": [
|
|
500
|
+
{
|
|
501
|
+
"name": "open",
|
|
502
|
+
"description": "`open` {boolean} - Turns the arrow around.\n\nProperty: open\n\nDefault: false",
|
|
503
|
+
"valueSet": "v"
|
|
504
|
+
}
|
|
505
|
+
]
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
"name": "uui-checkbox",
|
|
509
|
+
"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\nSlots:\n\n * ` ` {} - Override the default label\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 * `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 * `styles` {`CSSResult[]`} - \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 * `_input` {`HTMLInputElement`} - \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 * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
510
|
+
"attributes": [
|
|
511
|
+
{
|
|
512
|
+
"name": "label-position",
|
|
513
|
+
"description": "`label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\nProperty: labelPosition\n\nDefault: right",
|
|
514
|
+
"values": [
|
|
515
|
+
{
|
|
516
|
+
"name": "left"
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"name": "right"
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "top"
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"name": "bottom"
|
|
526
|
+
}
|
|
527
|
+
]
|
|
528
|
+
},
|
|
529
|
+
{
|
|
530
|
+
"name": "checked",
|
|
531
|
+
"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",
|
|
532
|
+
"valueSet": "v"
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"name": "disabled",
|
|
536
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
537
|
+
"valueSet": "v"
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"name": "name",
|
|
541
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
542
|
+
},
|
|
543
|
+
{
|
|
544
|
+
"name": "value",
|
|
545
|
+
"description": "`value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\nProperty: value\n\nDefault: ''"
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"name": "pristine",
|
|
549
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
550
|
+
"valueSet": "v"
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"name": "required",
|
|
554
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
555
|
+
"valueSet": "v"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "required-message",
|
|
559
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
560
|
+
},
|
|
561
|
+
{
|
|
562
|
+
"name": "error",
|
|
563
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
564
|
+
"valueSet": "v"
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"name": "error-message",
|
|
568
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
569
|
+
},
|
|
570
|
+
{
|
|
571
|
+
"name": "label",
|
|
572
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"name": "onchange",
|
|
576
|
+
"description": "`change` - fires when the element is begin checked by a user action"
|
|
577
|
+
}
|
|
578
|
+
]
|
|
579
|
+
},
|
|
580
|
+
{
|
|
581
|
+
"name": "uui-color-area",
|
|
582
|
+
"description": "Attributes:\n\n * `hue` {`number`} - The current hue.\n\n * `saturation` {`number`} - The current saturation.\n\n * `lightness` {`number`} - The current lightness.\n\n * `brightness` {`number`} - The current brightness.\n\n * `alpha` {`number`} - The current alpha.\n\n * `value` {`string`} - The current value.\n\n * `disabled` {`boolean`} - Disables the color area.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `isDraggingGridHandle` {`boolean`} - \n\n * `hue` {`number`} - The current hue.\n\n * `saturation` {`number`} - The current saturation.\n\n * `lightness` {`number`} - The current lightness.\n\n * `brightness` {`number`} - The current brightness.\n\n * `alpha` {`number`} - The current alpha.\n\n * `_value` {`string`} - \n\n * `value` {`string`} - The current value.\n\n * `disabled` {`boolean`} - Disables the color area.",
|
|
583
|
+
"attributes": [
|
|
584
|
+
{
|
|
585
|
+
"name": "hue",
|
|
586
|
+
"description": "`hue` {`number`} - The current hue.\n\nProperty: hue\n\nDefault: 0"
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"name": "saturation",
|
|
590
|
+
"description": "`saturation` {`number`} - The current saturation.\n\nProperty: saturation\n\nDefault: 0"
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"name": "lightness",
|
|
594
|
+
"description": "`lightness` {`number`} - The current lightness.\n\nProperty: lightness\n\nDefault: 0"
|
|
595
|
+
},
|
|
596
|
+
{
|
|
597
|
+
"name": "brightness",
|
|
598
|
+
"description": "`brightness` {`number`} - The current brightness.\n\nProperty: brightness\n\nDefault: 0"
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"name": "alpha",
|
|
602
|
+
"description": "`alpha` {`number`} - The current alpha.\n\nProperty: alpha\n\nDefault: 100"
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"name": "value",
|
|
606
|
+
"description": "`value` {`string`} - The current value.\n\nProperty: value"
|
|
607
|
+
},
|
|
608
|
+
{
|
|
609
|
+
"name": "disabled",
|
|
610
|
+
"description": "`disabled` {`boolean`} - Disables the color area.\n\nProperty: disabled\n\nDefault: false",
|
|
611
|
+
"valueSet": "v"
|
|
612
|
+
}
|
|
613
|
+
]
|
|
614
|
+
},
|
|
615
|
+
{
|
|
616
|
+
"name": "uui-color-picker",
|
|
617
|
+
"description": "Events:\n\n * `change` - Fired when the color changes\n\nSlots:\n\n * ` ` {} - Override the default label\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, and HSLA\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} - Disables the color picker.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\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 * `styles` {`CSSResult[]`} - \n\n * `_input` - \n\n * `_previewButton` {`HTMLButtonElement`} - \n\n * `_swatches` - \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, and HSLA\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} - Disables the color picker.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\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), and CSS color names.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
618
|
+
"attributes": [
|
|
619
|
+
{
|
|
620
|
+
"name": "value",
|
|
621
|
+
"description": "`value` {string} - The current color.\n\nProperty: value\n\nDefault: ''"
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "format",
|
|
625
|
+
"description": "`format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, and HSLA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\nProperty: format\n\nDefault: 'hex'",
|
|
626
|
+
"values": [
|
|
627
|
+
{
|
|
628
|
+
"name": "hex"
|
|
629
|
+
},
|
|
630
|
+
{
|
|
631
|
+
"name": "rgb"
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "hsl"
|
|
635
|
+
}
|
|
636
|
+
]
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "name",
|
|
640
|
+
"description": "`name` {string} - The input's name attribute.\n\nProperty: name\n\nDefault: ''"
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"name": "size",
|
|
644
|
+
"description": "`size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\nProperty: size\n\nDefault: 'medium'",
|
|
645
|
+
"values": [
|
|
646
|
+
{
|
|
647
|
+
"name": "small"
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"name": "medium"
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"name": "large"
|
|
654
|
+
}
|
|
655
|
+
]
|
|
656
|
+
},
|
|
657
|
+
{
|
|
658
|
+
"name": "no-format-toggle",
|
|
659
|
+
"description": "`no-format-toggle` {boolean} - Removes the format toggle.\n\nProperty: noFormatToggle\n\nDefault: false",
|
|
660
|
+
"valueSet": "v"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"name": "inline",
|
|
664
|
+
"description": "`inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\nProperty: inline\n\nDefault: false",
|
|
665
|
+
"valueSet": "v"
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "disabled",
|
|
669
|
+
"description": "`disabled` {boolean} - Disables the color picker.\n\nProperty: disabled\n\nDefault: false",
|
|
670
|
+
"valueSet": "v"
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"name": "opacity",
|
|
674
|
+
"description": "`opacity` {boolean} - Whether to show the opacity slider.\n\nProperty: opacity\n\nDefault: false",
|
|
675
|
+
"valueSet": "v"
|
|
676
|
+
},
|
|
677
|
+
{
|
|
678
|
+
"name": "uppercase",
|
|
679
|
+
"description": "`uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\nProperty: uppercase\n\nDefault: false",
|
|
680
|
+
"valueSet": "v"
|
|
681
|
+
},
|
|
682
|
+
{
|
|
683
|
+
"name": "label",
|
|
684
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"name": "onchange",
|
|
688
|
+
"description": "`change` - Fired when the color changes"
|
|
689
|
+
}
|
|
690
|
+
]
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"name": "uui-color-slider",
|
|
694
|
+
"description": "Events:\n\n * `change` - Fires when the value of the slider changes.\n\nSlots:\n\n * ` ` {} - Override the default label\n\nAttributes:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `disabled` {boolean} - Disables the color slider.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `disabled` {boolean} - Disables the color slider.\n\n * `container` {`HTMLElement`} - \n\n * `handle` {`HTMLElement`} - \n\n * `ccsPropCurrentValue` {`number`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
695
|
+
"attributes": [
|
|
696
|
+
{
|
|
697
|
+
"name": "type",
|
|
698
|
+
"description": "`type` {UUIColorSliderType} - The type of the slider.\n\nProperty: type\n\nDefault: 'hue'",
|
|
699
|
+
"values": [
|
|
700
|
+
{
|
|
701
|
+
"name": "hue"
|
|
702
|
+
},
|
|
703
|
+
{
|
|
704
|
+
"name": "opacity"
|
|
705
|
+
}
|
|
706
|
+
]
|
|
707
|
+
},
|
|
708
|
+
{
|
|
709
|
+
"name": "color",
|
|
710
|
+
"description": "`color` {string} - The color value.\n\nProperty: color\n\nDefault: ''"
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"name": "min",
|
|
714
|
+
"description": "`min` {number} - This is a minimum value of the slider.\n\nProperty: min\n\nDefault: 0"
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"name": "max",
|
|
718
|
+
"description": "`max` {number} - This is a maximum value of the slider.\n\nProperty: max\n\nDefault: 100"
|
|
719
|
+
},
|
|
720
|
+
{
|
|
721
|
+
"name": "precision",
|
|
722
|
+
"description": "`precision` {number} - The minimum increment value allowed by the slider.\n\nProperty: precision\n\nDefault: 1"
|
|
723
|
+
},
|
|
724
|
+
{
|
|
725
|
+
"name": "vertical",
|
|
726
|
+
"description": "`vertical` {boolean} - Draws the slider in a vertical orientation.\n\nProperty: vertical\n\nDefault: false",
|
|
727
|
+
"valueSet": "v"
|
|
728
|
+
},
|
|
729
|
+
{
|
|
730
|
+
"name": "value",
|
|
731
|
+
"description": "`value` {number} - The current value of the slider.\n\nProperty: value\n\nDefault: 0"
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"name": "disabled",
|
|
735
|
+
"description": "`disabled` {boolean} - Disables the color slider.\n\nProperty: disabled\n\nDefault: false",
|
|
736
|
+
"valueSet": "v"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"name": "label",
|
|
740
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
741
|
+
},
|
|
742
|
+
{
|
|
743
|
+
"name": "onchange",
|
|
744
|
+
"description": "`change` - Fires when the value of the slider changes."
|
|
745
|
+
}
|
|
746
|
+
]
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"name": "uui-color-swatch",
|
|
750
|
+
"description": "Color swatch, can have label and be selectable. Depends on colord library and exposes it's utility functions under color property.\n\nEvents:\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * `label` {} - Default slot for the label.\n\n * ` ` {} - Override the default label\n\nAttributes:\n\n * `value` { string } - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_value` {`string | undefined`} - \n\n * `value` { string } - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n * `color` {(Colord | null)} - Colord object instance based on the value provided to the element. If the value is not a valid color, it falls back to black (like Amy Winehouse). For more information about Colord, see [Colord](https://omgovich.github.io/colord/)\n\n * `_color` - \n\n * `isLight` {`boolean`} - Returns true if the color brightness is >= 0.5\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `unselectable` {`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.",
|
|
751
|
+
"attributes": [
|
|
752
|
+
{
|
|
753
|
+
"name": "value",
|
|
754
|
+
"description": "`value` { string } - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\nProperty: value\n\nDefault: \"\""
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"name": "disabled",
|
|
758
|
+
"description": "`disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\nProperty: disabled\n\nDefault: false",
|
|
759
|
+
"valueSet": "v"
|
|
760
|
+
},
|
|
761
|
+
{
|
|
762
|
+
"name": "show-label",
|
|
763
|
+
"description": "`show-label` {`boolean`} - When true shows element label below the color checkbox\n\nProperty: showLabel\n\nDefault: false",
|
|
764
|
+
"valueSet": "v"
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"name": "label",
|
|
768
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
769
|
+
},
|
|
770
|
+
{
|
|
771
|
+
"name": "selectable",
|
|
772
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
773
|
+
"valueSet": "v"
|
|
774
|
+
},
|
|
775
|
+
{
|
|
776
|
+
"name": "selected",
|
|
777
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
778
|
+
"valueSet": "v"
|
|
779
|
+
},
|
|
780
|
+
{
|
|
781
|
+
"name": "active",
|
|
782
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false",
|
|
783
|
+
"valueSet": "v"
|
|
784
|
+
},
|
|
785
|
+
{
|
|
786
|
+
"name": "onselected",
|
|
787
|
+
"description": "`selected` - fires when the media card is selected"
|
|
788
|
+
},
|
|
789
|
+
{
|
|
790
|
+
"name": "onunselected",
|
|
791
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
792
|
+
}
|
|
793
|
+
]
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"name": "uui-color-swatches",
|
|
797
|
+
"description": "Put uui-stacked-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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `value` { string } - Value of selected option.\n\n * `swatches` {`UUIColorSwatchElement[]`} - \n\n * `__activeElement` - \n\n * `_activeElement` - \n\n * `_selectedElement` - \n\n * `_onSelected` - \n\n * `_onUnselected` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
798
|
+
"attributes": [
|
|
799
|
+
{
|
|
800
|
+
"name": "value",
|
|
801
|
+
"description": "`value` { string } - Value of selected option.\n\nProperty: value\n\nDefault: \"\""
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
"name": "label",
|
|
805
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
806
|
+
},
|
|
807
|
+
{
|
|
808
|
+
"name": "onchange",
|
|
809
|
+
"description": "`change` - Fires when a color swatch is selected."
|
|
810
|
+
}
|
|
811
|
+
]
|
|
812
|
+
},
|
|
813
|
+
{
|
|
814
|
+
"name": "uui-combobox-list-option",
|
|
815
|
+
"description": "Events:\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * ` ` {} - For option content\n\nAttributes:\n\n * `value` { string } - Value of the option.\n\n * `display-value` { string } - A readable value.\n\n * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_value` {`string | undefined`} - \n\n * `_disabled` {`boolean`} - \n\n * `_displayValue` {`string`} - \n\n * `value` { string } - Value of the option.\n\n * `displayValue` { string } - A readable value.\n\n * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `unselectable` {`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.",
|
|
816
|
+
"attributes": [
|
|
817
|
+
{
|
|
818
|
+
"name": "value",
|
|
819
|
+
"description": "`value` { string } - Value of the option.\n\nProperty: value\n\nDefault: \"\""
|
|
820
|
+
},
|
|
821
|
+
{
|
|
822
|
+
"name": "display-value",
|
|
823
|
+
"description": "`display-value` { string } - A readable value.\n\nProperty: displayValue\n\nDefault: \"\""
|
|
824
|
+
},
|
|
825
|
+
{
|
|
826
|
+
"name": "disabled",
|
|
827
|
+
"description": "`disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\nProperty: disabled\n\nDefault: false",
|
|
828
|
+
"valueSet": "v"
|
|
829
|
+
},
|
|
830
|
+
{
|
|
831
|
+
"name": "selectable",
|
|
832
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable\n\nDefault: true",
|
|
833
|
+
"valueSet": "v"
|
|
834
|
+
},
|
|
835
|
+
{
|
|
836
|
+
"name": "selected",
|
|
837
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
838
|
+
"valueSet": "v"
|
|
839
|
+
},
|
|
840
|
+
{
|
|
841
|
+
"name": "active",
|
|
842
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false",
|
|
843
|
+
"valueSet": "v"
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"name": "onselected",
|
|
847
|
+
"description": "`selected` - fires when the media card is selected"
|
|
848
|
+
},
|
|
849
|
+
{
|
|
850
|
+
"name": "onunselected",
|
|
851
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
852
|
+
}
|
|
853
|
+
]
|
|
854
|
+
},
|
|
855
|
+
{
|
|
856
|
+
"name": "uui-combobox-list",
|
|
857
|
+
"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 * `styles` {`CSSResult[]`} - \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` {`string | File | FormData`} - \n\n * `__activeElement` - \n\n * `_activeElement` - \n\n * `_selectedElement` - \n\n * `_onSlotChange` - \n\n * `_onSelected` - \n\n * `_onUnselected` - \n\n * `_moveIndex` - \n\n * `_onKeyDown` - ",
|
|
858
|
+
"attributes": [
|
|
859
|
+
{
|
|
860
|
+
"name": "value",
|
|
861
|
+
"description": "`value` { FormDataEntryValue | FormData } - Value of selected option.\n\nProperty: value\n\nDefault: \"\"",
|
|
862
|
+
"values": []
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"name": "displayValue",
|
|
866
|
+
"description": "`displayValue` { string } - A readable value to display to show the selected value.\n\nProperty: displayValue\n\nDefault: \"\""
|
|
867
|
+
},
|
|
868
|
+
{
|
|
869
|
+
"name": "for",
|
|
870
|
+
"description": "`for` { HTMLElement } - provide another element of which keyboard navigation\n\nProperty: for\n\nDefault: this",
|
|
871
|
+
"values": []
|
|
872
|
+
},
|
|
873
|
+
{
|
|
874
|
+
"name": "onchange",
|
|
875
|
+
"description": "`change` - fires when selection is changed"
|
|
876
|
+
}
|
|
877
|
+
]
|
|
878
|
+
},
|
|
879
|
+
{
|
|
880
|
+
"name": "uui-combobox",
|
|
881
|
+
"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 * `closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\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 * `styles` {`CSSResult[]`} - \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 * `_input` {`HTMLInputElement`} - \n\n * `_comboboxListElements` {`UUIComboboxListElement[] | undefined`} - \n\n * `_comboboxList` - \n\n * `phoneMediaQuery` {`MediaQueryList`} - \n\n * `_displayValue` {`string`} - \n\n * `_search` {`string`} - \n\n * `_isPhone` {`boolean`} - \n\n * `_onPhoneChange` - \n\n * `_onMouseDown` - \n\n * `_onBlur` - \n\n * `_onInput` - \n\n * `_onSlotChange` - \n\n * `_onChange` - \n\n * `_open` - \n\n * `_onClose` - \n\n * `_onKeyDown` - \n\n * `_onClear` - \n\n * `_renderInput` - \n\n * `_renderCaret` - \n\n * `_renderClearButton` - \n\n * `_renderDropdown` - \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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
882
|
+
"attributes": [
|
|
883
|
+
{
|
|
884
|
+
"name": "search",
|
|
885
|
+
"description": "`search` { string } - The search input.\n\nProperty: search\n\nDefault: \"\""
|
|
886
|
+
},
|
|
887
|
+
{
|
|
888
|
+
"name": "open",
|
|
889
|
+
"description": "`open` { boolean } - Specifies if the popover should be open.\n\nProperty: open\n\nDefault: false",
|
|
890
|
+
"valueSet": "v"
|
|
891
|
+
},
|
|
892
|
+
{
|
|
893
|
+
"name": "closeLabel",
|
|
894
|
+
"description": "`closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\nProperty: closeLabel\n\nDefault: \"Close\""
|
|
895
|
+
},
|
|
896
|
+
{
|
|
897
|
+
"name": "disabled",
|
|
898
|
+
"description": "`disabled` {boolean} - Disables the uui-combobox.\n\nProperty: disabled\n\nDefault: false",
|
|
899
|
+
"valueSet": "v"
|
|
900
|
+
},
|
|
901
|
+
{
|
|
902
|
+
"name": "name",
|
|
903
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
904
|
+
},
|
|
905
|
+
{
|
|
906
|
+
"name": "value",
|
|
907
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
908
|
+
"values": []
|
|
909
|
+
},
|
|
910
|
+
{
|
|
911
|
+
"name": "pristine",
|
|
912
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
913
|
+
"valueSet": "v"
|
|
914
|
+
},
|
|
915
|
+
{
|
|
916
|
+
"name": "required",
|
|
917
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
918
|
+
"valueSet": "v"
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"name": "required-message",
|
|
922
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
923
|
+
},
|
|
924
|
+
{
|
|
925
|
+
"name": "error",
|
|
926
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
927
|
+
"valueSet": "v"
|
|
928
|
+
},
|
|
929
|
+
{
|
|
930
|
+
"name": "error-message",
|
|
931
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
932
|
+
},
|
|
933
|
+
{
|
|
934
|
+
"name": "oninput",
|
|
935
|
+
"description": "`input` - fires when search input is changed"
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"name": "onchange",
|
|
939
|
+
"description": "`change` - fires when selection is changed"
|
|
940
|
+
}
|
|
941
|
+
]
|
|
942
|
+
},
|
|
943
|
+
{
|
|
944
|
+
"name": "uui-dialog-layout",
|
|
945
|
+
"description": "Slots:\n\n * ` ` {} - Use this for the text content\n\n * `headline` {} - Use this for slotted headline\n\n * `actions` {} - Use this for actions\n\nAttributes:\n\n * `headline` {`string | null`} - Headline for this notification, can also be set via the 'headline' slot.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `headline` {`string | null`} - Headline for this notification, can also be set via the 'headline' slot.\n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - ",
|
|
946
|
+
"attributes": [
|
|
947
|
+
{
|
|
948
|
+
"name": "headline",
|
|
949
|
+
"description": "`headline` {`string | null`} - Headline for this notification, can also be set via the 'headline' slot.\n\nProperty: headline\n\nDefault: null",
|
|
950
|
+
"values": []
|
|
951
|
+
}
|
|
952
|
+
]
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"name": "uui-dialog",
|
|
956
|
+
"description": "Slots:\n\n * ` ` {} - The slot for dialog content\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
957
|
+
"attributes": []
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"name": "uui-file-dropzone",
|
|
961
|
+
"description": "Events:\n\n * `file-change` - fires when the a file has been selected.\n\nSlots:\n\n * ` ` {} - For the content of the dropzone\n\nAttributes:\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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_input` {`HTMLInputElement`} - \n\n * `_dropzone` {`HTMLElement`} - \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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
962
|
+
"attributes": [
|
|
963
|
+
{
|
|
964
|
+
"name": "accept",
|
|
965
|
+
"description": "`accept` {string} - Accepted filetypes. Will allow all types if empty.\n\nProperty: accept\n\nDefault: false"
|
|
966
|
+
},
|
|
967
|
+
{
|
|
968
|
+
"name": "multiple",
|
|
969
|
+
"description": "`multiple` {boolean} - Allows for multiple files to be selected.\n\nProperty: multiple\n\nDefault: false",
|
|
970
|
+
"valueSet": "v"
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"name": "label",
|
|
974
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"name": "onfile-change",
|
|
978
|
+
"description": "`file-change` - fires when the a file has been selected."
|
|
979
|
+
}
|
|
980
|
+
]
|
|
981
|
+
},
|
|
982
|
+
{
|
|
983
|
+
"name": "uui-file-preview",
|
|
984
|
+
"description": "Slots:\n\n * `actions` {} - To display one or more actions that can be executed on the file.\n\nAttributes:\n\n * `_name` {string} - Name of the file.\n\n * `_url` {string} - Link to the source of the file. Applied on the file name.\n\n * `_extension` {string} - File extension. Will be shown in the square on the file symbol. If a thumbnail is provided, then that will show instead.\n\n * `_src` {string} - Source of a thumbnail to be displayed as the file symbol. Often used for images and video thumbnails.\n\n * `_size` {number} - Size of the file in bytes. It will be formatted to a more readable format.\n\n * `_isDirectory` {boolean} - Dertermines if a folder symbol should be used instead of file symbol.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_name` {string} - Name of the file.\n\n * `_url` {string} - Link to the source of the file. Applied on the file name.\n\n * `_extension` {string} - File extension. Will be shown in the square on the file symbol. If a thumbnail is provided, then that will show instead.\n\n * `_src` {string} - Source of a thumbnail to be displayed as the file symbol. Often used for images and video thumbnails.\n\n * `_size` {number} - Size of the file in bytes. It will be formatted to a more readable format.\n\n * `_isDirectory` {boolean} - Dertermines if a folder symbol should be used instead of file symbol.\n\n * `_file` {`File | undefined`} - \n\n * `_isImage` {`boolean | undefined`} - \n\n * `file` {`File | undefined`} - ",
|
|
985
|
+
"attributes": [
|
|
986
|
+
{
|
|
987
|
+
"name": "_name",
|
|
988
|
+
"description": "`_name` {string} - Name of the file.\n\nProperty: _name\n\nDefault: ''"
|
|
989
|
+
},
|
|
990
|
+
{
|
|
991
|
+
"name": "_url",
|
|
992
|
+
"description": "`_url` {string} - Link to the source of the file. Applied on the file name.\n\nProperty: _url\n\nDefault: ''"
|
|
993
|
+
},
|
|
994
|
+
{
|
|
995
|
+
"name": "_extension",
|
|
996
|
+
"description": "`_extension` {string} - File extension. Will be shown in the square on the file symbol. If a thumbnail is provided, then that will show instead.\n\nProperty: _extension\n\nDefault: ''"
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"name": "_src",
|
|
1000
|
+
"description": "`_src` {string} - Source of a thumbnail to be displayed as the file symbol. Often used for images and video thumbnails.\n\nProperty: _src\n\nDefault: ''"
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
1003
|
+
"name": "_size",
|
|
1004
|
+
"description": "`_size` {number} - Size of the file in bytes. It will be formatted to a more readable format.\n\nProperty: _size\n\nDefault: 0"
|
|
1005
|
+
},
|
|
1006
|
+
{
|
|
1007
|
+
"name": "_isDirectory",
|
|
1008
|
+
"description": "`_isDirectory` {boolean} - Dertermines if a folder symbol should be used instead of file symbol.\n\nProperty: _isDirectory\n\nDefault: false",
|
|
1009
|
+
"valueSet": "v"
|
|
1010
|
+
}
|
|
1011
|
+
]
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
"name": "uui-form-layout-item",
|
|
1015
|
+
"description": "Slots:\n\n * ` ` {} - for button contents\n\n * `message` {} - for extras in the messages container\n\n * `description` {} - for extras in the description container\n\n * `label` {} - for label contents\n\nAttributes:\n\n * `description` {`string | null`} - \n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `description` {`string | null`} - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `_labelSlotChanged` - \n\n * `_descriptionSlotHasContent` {`boolean`} - \n\n * `_descriptionSlotChanged` - ",
|
|
1016
|
+
"attributes": [
|
|
1017
|
+
{
|
|
1018
|
+
"name": "description",
|
|
1019
|
+
"description": "`description` {`string | null`} - \n\nProperty: description\n\nDefault: null",
|
|
1020
|
+
"values": []
|
|
1021
|
+
}
|
|
1022
|
+
]
|
|
1023
|
+
},
|
|
1024
|
+
{
|
|
1025
|
+
"name": "uui-form-validation-message",
|
|
1026
|
+
"description": "Slots:\n\n * ` ` {} - for button contents\n\n * `message` {} - for extras in the messages container\n\nAttributes:\n\n * `for` {string} - Set the element containing Form Controls of interest.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `for` {string} - Set the element containing Form Controls of interest.\n\n * `_for` {`HTMLElement | null`} - \n\n * `_messages` {`Map<FormControlMixinInterface, string>`} - \n\n * `_onControlInvalid` - \n\n * `_onControlValid` - ",
|
|
1027
|
+
"attributes": [
|
|
1028
|
+
{
|
|
1029
|
+
"name": "for",
|
|
1030
|
+
"description": "`for` {string} - Set the element containing Form Controls of interest.\n\nProperty: for\n\nDefault: this",
|
|
1031
|
+
"values": []
|
|
1032
|
+
}
|
|
1033
|
+
]
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"name": "uui-form",
|
|
1037
|
+
"description": "Properties:\n\n * `_formElement` {`HTMLFormElement | null`} - ",
|
|
1038
|
+
"attributes": []
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
"name": "uui-icon-registry-essential",
|
|
1042
|
+
"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` - ",
|
|
1043
|
+
"attributes": []
|
|
1044
|
+
},
|
|
1045
|
+
{
|
|
1046
|
+
"name": "uui-icon-registry",
|
|
1047
|
+
"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` - ",
|
|
1048
|
+
"attributes": []
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"name": "uui-icon",
|
|
1052
|
+
"description": "Events:\n\n * `icon_request` - fires when the name property is defined to retrieve the icon source.\n\nAttributes:\n\n * `name` {string} - Icon name is used to retrieve the icon from a parent Icon Registry.\nIf no Icon Registry responds to the given name, the fallback svg will be used.\n\n * `svg` {string} - Define the raw SVG string to be displayed by this component.\n\n * `fallback` {string} - Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_name` {`string | null`} - \n\n * `_retrievedNameIcon` {`boolean`} - \n\n * `_nameSvg` {`string | null`} - \n\n * `name` {string} - Icon name is used to retrieve the icon from a parent Icon Registry.\nIf no Icon Registry responds to the given name, the fallback svg will be used.\n\n * `svg` {string} - Define the raw SVG string to be displayed by this component.\n\n * `fallback` {string} - Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.\n\n * `_useFallback` {`boolean`} - ",
|
|
1053
|
+
"attributes": [
|
|
1054
|
+
{
|
|
1055
|
+
"name": "name",
|
|
1056
|
+
"description": "`name` {string} - Icon name is used to retrieve the icon from a parent Icon Registry.\nIf no Icon Registry responds to the given name, the fallback svg will be used.\n\nProperty: name\n\nDefault: null",
|
|
1057
|
+
"values": []
|
|
1058
|
+
},
|
|
1059
|
+
{
|
|
1060
|
+
"name": "svg",
|
|
1061
|
+
"description": "`svg` {string} - Define the raw SVG string to be displayed by this component.\n\nProperty: svg\n\nDefault: null",
|
|
1062
|
+
"values": []
|
|
1063
|
+
},
|
|
1064
|
+
{
|
|
1065
|
+
"name": "fallback",
|
|
1066
|
+
"description": "`fallback` {string} - Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.\n\nProperty: fallback\n\nDefault: null",
|
|
1067
|
+
"values": []
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"name": "onicon_request",
|
|
1071
|
+
"description": "`icon_request` - fires when the name property is defined to retrieve the icon source."
|
|
1072
|
+
}
|
|
1073
|
+
]
|
|
1074
|
+
},
|
|
1075
|
+
{
|
|
1076
|
+
"name": "uui-input-file",
|
|
1077
|
+
"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.\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 * `styles` {`CSSResult[]`} - \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 * `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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
1078
|
+
"attributes": [
|
|
1079
|
+
{
|
|
1080
|
+
"name": "accept",
|
|
1081
|
+
"description": "`accept` {string} - Accepted filetypes. Will allow all types if empty.\n\nProperty: accept\n\nDefault: false"
|
|
1082
|
+
},
|
|
1083
|
+
{
|
|
1084
|
+
"name": "multiple",
|
|
1085
|
+
"description": "`multiple` {boolean} - Allows for multiple files to be selected.\n\nProperty: multiple\n\nDefault: false",
|
|
1086
|
+
"valueSet": "v"
|
|
1087
|
+
},
|
|
1088
|
+
{
|
|
1089
|
+
"name": "name",
|
|
1090
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
1091
|
+
},
|
|
1092
|
+
{
|
|
1093
|
+
"name": "value",
|
|
1094
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
1095
|
+
"values": []
|
|
1096
|
+
},
|
|
1097
|
+
{
|
|
1098
|
+
"name": "pristine",
|
|
1099
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
1100
|
+
"valueSet": "v"
|
|
1101
|
+
},
|
|
1102
|
+
{
|
|
1103
|
+
"name": "required",
|
|
1104
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
1105
|
+
"valueSet": "v"
|
|
1106
|
+
},
|
|
1107
|
+
{
|
|
1108
|
+
"name": "required-message",
|
|
1109
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
1110
|
+
},
|
|
1111
|
+
{
|
|
1112
|
+
"name": "error",
|
|
1113
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
1114
|
+
"valueSet": "v"
|
|
1115
|
+
},
|
|
1116
|
+
{
|
|
1117
|
+
"name": "error-message",
|
|
1118
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
1119
|
+
}
|
|
1120
|
+
]
|
|
1121
|
+
},
|
|
1122
|
+
{
|
|
1123
|
+
"name": "uui-input-lock",
|
|
1124
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\n * ` ` {} - Override the default label\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlength-message` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` {boolean} - Maxlength validation message.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `styles` {`CSSResult[]`} - \n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlengthMessage` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1125
|
+
"attributes": [
|
|
1126
|
+
{
|
|
1127
|
+
"name": "locked",
|
|
1128
|
+
"description": "`locked` {boolean} - Determine the inputs locked state.\n\nProperty: locked\n\nDefault: true",
|
|
1129
|
+
"valueSet": "v"
|
|
1130
|
+
},
|
|
1131
|
+
{
|
|
1132
|
+
"name": "minlength",
|
|
1133
|
+
"description": "`minlength` {number} - This is a minimum value of the input.\n\nProperty: minlength\n\nDefault: undefined",
|
|
1134
|
+
"values": []
|
|
1135
|
+
},
|
|
1136
|
+
{
|
|
1137
|
+
"name": "minlength-message",
|
|
1138
|
+
"description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1139
|
+
},
|
|
1140
|
+
{
|
|
1141
|
+
"name": "maxlength",
|
|
1142
|
+
"description": "`maxlength` {number} - This is a maximum value of the input.\n\nProperty: maxlength\n\nDefault: undefined",
|
|
1143
|
+
"values": []
|
|
1144
|
+
},
|
|
1145
|
+
{
|
|
1146
|
+
"name": "maxlength-message",
|
|
1147
|
+
"description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1148
|
+
},
|
|
1149
|
+
{
|
|
1150
|
+
"name": "disabled",
|
|
1151
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
1152
|
+
"valueSet": "v"
|
|
1153
|
+
},
|
|
1154
|
+
{
|
|
1155
|
+
"name": "readonly",
|
|
1156
|
+
"description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: true",
|
|
1157
|
+
"valueSet": "v"
|
|
1158
|
+
},
|
|
1159
|
+
{
|
|
1160
|
+
"name": "placeholder",
|
|
1161
|
+
"description": "`placeholder` {string} - Defines the input placeholder.\n\nProperty: placeholder\n\nDefault: ''"
|
|
1162
|
+
},
|
|
1163
|
+
{
|
|
1164
|
+
"name": "autocomplete",
|
|
1165
|
+
"description": "`autocomplete` {string} - Defines the input autocomplete.\n\nProperty: autocomplete\n\nDefault: undefined",
|
|
1166
|
+
"values": []
|
|
1167
|
+
},
|
|
1168
|
+
{
|
|
1169
|
+
"name": "type",
|
|
1170
|
+
"description": "`type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\nProperty: type\n\nDefault: text",
|
|
1171
|
+
"values": [
|
|
1172
|
+
{
|
|
1173
|
+
"name": "number"
|
|
1174
|
+
},
|
|
1175
|
+
{
|
|
1176
|
+
"name": "text"
|
|
1177
|
+
},
|
|
1178
|
+
{
|
|
1179
|
+
"name": "tel"
|
|
1180
|
+
},
|
|
1181
|
+
{
|
|
1182
|
+
"name": "url"
|
|
1183
|
+
},
|
|
1184
|
+
{
|
|
1185
|
+
"name": "email"
|
|
1186
|
+
},
|
|
1187
|
+
{
|
|
1188
|
+
"name": "password"
|
|
1189
|
+
},
|
|
1190
|
+
{
|
|
1191
|
+
"name": "date"
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"name": "month"
|
|
1195
|
+
},
|
|
1196
|
+
{
|
|
1197
|
+
"name": "week"
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"name": "time"
|
|
1201
|
+
},
|
|
1202
|
+
{
|
|
1203
|
+
"name": "datetime-local"
|
|
1204
|
+
},
|
|
1205
|
+
{
|
|
1206
|
+
"name": "color"
|
|
1207
|
+
}
|
|
1208
|
+
]
|
|
1209
|
+
},
|
|
1210
|
+
{
|
|
1211
|
+
"name": "name",
|
|
1212
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
1213
|
+
},
|
|
1214
|
+
{
|
|
1215
|
+
"name": "value",
|
|
1216
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
1217
|
+
"values": []
|
|
1218
|
+
},
|
|
1219
|
+
{
|
|
1220
|
+
"name": "pristine",
|
|
1221
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
1222
|
+
"valueSet": "v"
|
|
1223
|
+
},
|
|
1224
|
+
{
|
|
1225
|
+
"name": "required",
|
|
1226
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
1227
|
+
"valueSet": "v"
|
|
1228
|
+
},
|
|
1229
|
+
{
|
|
1230
|
+
"name": "required-message",
|
|
1231
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
1232
|
+
},
|
|
1233
|
+
{
|
|
1234
|
+
"name": "error",
|
|
1235
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
1236
|
+
"valueSet": "v"
|
|
1237
|
+
},
|
|
1238
|
+
{
|
|
1239
|
+
"name": "error-message",
|
|
1240
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
1241
|
+
},
|
|
1242
|
+
{
|
|
1243
|
+
"name": "label",
|
|
1244
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
1245
|
+
},
|
|
1246
|
+
{
|
|
1247
|
+
"name": "onchange",
|
|
1248
|
+
"description": "`change` {} - on change"
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "oninput",
|
|
1252
|
+
"description": "`input` {} - on input"
|
|
1253
|
+
},
|
|
1254
|
+
{
|
|
1255
|
+
"name": "onkeyup",
|
|
1256
|
+
"description": "`keyup` {} - on keyup"
|
|
1257
|
+
}
|
|
1258
|
+
]
|
|
1259
|
+
},
|
|
1260
|
+
{
|
|
1261
|
+
"name": "uui-input-password",
|
|
1262
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\n * ` ` {} - Override the default label\n\nAttributes:\n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlength-message` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` {boolean} - Maxlength validation message.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlengthMessage` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1263
|
+
"attributes": [
|
|
1264
|
+
{
|
|
1265
|
+
"name": "minlength",
|
|
1266
|
+
"description": "`minlength` {number} - This is a minimum value of the input.\n\nProperty: minlength\n\nDefault: undefined",
|
|
1267
|
+
"values": []
|
|
1268
|
+
},
|
|
1269
|
+
{
|
|
1270
|
+
"name": "minlength-message",
|
|
1271
|
+
"description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1272
|
+
},
|
|
1273
|
+
{
|
|
1274
|
+
"name": "maxlength",
|
|
1275
|
+
"description": "`maxlength` {number} - This is a maximum value of the input.\n\nProperty: maxlength\n\nDefault: undefined",
|
|
1276
|
+
"values": []
|
|
1277
|
+
},
|
|
1278
|
+
{
|
|
1279
|
+
"name": "maxlength-message",
|
|
1280
|
+
"description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1281
|
+
},
|
|
1282
|
+
{
|
|
1283
|
+
"name": "disabled",
|
|
1284
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
1285
|
+
"valueSet": "v"
|
|
1286
|
+
},
|
|
1287
|
+
{
|
|
1288
|
+
"name": "readonly",
|
|
1289
|
+
"description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
|
|
1290
|
+
"valueSet": "v"
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"name": "placeholder",
|
|
1294
|
+
"description": "`placeholder` {string} - Defines the input placeholder.\n\nProperty: placeholder\n\nDefault: ''"
|
|
1295
|
+
},
|
|
1296
|
+
{
|
|
1297
|
+
"name": "autocomplete",
|
|
1298
|
+
"description": "`autocomplete` {string} - Defines the input autocomplete.\n\nProperty: autocomplete\n\nDefault: undefined",
|
|
1299
|
+
"values": []
|
|
1300
|
+
},
|
|
1301
|
+
{
|
|
1302
|
+
"name": "type",
|
|
1303
|
+
"description": "`type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\nProperty: type\n\nDefault: text",
|
|
1304
|
+
"values": [
|
|
1305
|
+
{
|
|
1306
|
+
"name": "number"
|
|
1307
|
+
},
|
|
1308
|
+
{
|
|
1309
|
+
"name": "text"
|
|
1310
|
+
},
|
|
1311
|
+
{
|
|
1312
|
+
"name": "tel"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"name": "url"
|
|
1316
|
+
},
|
|
1317
|
+
{
|
|
1318
|
+
"name": "email"
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"name": "password"
|
|
1322
|
+
},
|
|
1323
|
+
{
|
|
1324
|
+
"name": "date"
|
|
1325
|
+
},
|
|
1326
|
+
{
|
|
1327
|
+
"name": "month"
|
|
1328
|
+
},
|
|
1329
|
+
{
|
|
1330
|
+
"name": "week"
|
|
1331
|
+
},
|
|
1332
|
+
{
|
|
1333
|
+
"name": "time"
|
|
1334
|
+
},
|
|
1335
|
+
{
|
|
1336
|
+
"name": "datetime-local"
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"name": "color"
|
|
1340
|
+
}
|
|
1341
|
+
]
|
|
1342
|
+
},
|
|
1343
|
+
{
|
|
1344
|
+
"name": "name",
|
|
1345
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"name": "value",
|
|
1349
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
1350
|
+
"values": []
|
|
1351
|
+
},
|
|
1352
|
+
{
|
|
1353
|
+
"name": "pristine",
|
|
1354
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
1355
|
+
"valueSet": "v"
|
|
1356
|
+
},
|
|
1357
|
+
{
|
|
1358
|
+
"name": "required",
|
|
1359
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
1360
|
+
"valueSet": "v"
|
|
1361
|
+
},
|
|
1362
|
+
{
|
|
1363
|
+
"name": "required-message",
|
|
1364
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
1365
|
+
},
|
|
1366
|
+
{
|
|
1367
|
+
"name": "error",
|
|
1368
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
1369
|
+
"valueSet": "v"
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"name": "error-message",
|
|
1373
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
1374
|
+
},
|
|
1375
|
+
{
|
|
1376
|
+
"name": "label",
|
|
1377
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"name": "onchange",
|
|
1381
|
+
"description": "`change` {} - on change"
|
|
1382
|
+
},
|
|
1383
|
+
{
|
|
1384
|
+
"name": "oninput",
|
|
1385
|
+
"description": "`input` {} - on input"
|
|
1386
|
+
},
|
|
1387
|
+
{
|
|
1388
|
+
"name": "onkeyup",
|
|
1389
|
+
"description": "`keyup` {} - on keyup"
|
|
1390
|
+
}
|
|
1391
|
+
]
|
|
1392
|
+
},
|
|
1393
|
+
{
|
|
1394
|
+
"name": "uui-input",
|
|
1395
|
+
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\n * ` ` {} - Override the default label\n\nAttributes:\n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlength-message` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` {boolean} - Maxlength validation message.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\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 * `styles` {`CSSResult[]`} - \n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlengthMessage` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1396
|
+
"attributes": [
|
|
1397
|
+
{
|
|
1398
|
+
"name": "minlength",
|
|
1399
|
+
"description": "`minlength` {number} - This is a minimum value of the input.\n\nProperty: minlength\n\nDefault: undefined",
|
|
1400
|
+
"values": []
|
|
1401
|
+
},
|
|
1402
|
+
{
|
|
1403
|
+
"name": "minlength-message",
|
|
1404
|
+
"description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"name": "maxlength",
|
|
1408
|
+
"description": "`maxlength` {number} - This is a maximum value of the input.\n\nProperty: maxlength\n\nDefault: undefined",
|
|
1409
|
+
"values": []
|
|
1410
|
+
},
|
|
1411
|
+
{
|
|
1412
|
+
"name": "maxlength-message",
|
|
1413
|
+
"description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1414
|
+
},
|
|
1415
|
+
{
|
|
1416
|
+
"name": "disabled",
|
|
1417
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
1418
|
+
"valueSet": "v"
|
|
1419
|
+
},
|
|
1420
|
+
{
|
|
1421
|
+
"name": "readonly",
|
|
1422
|
+
"description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
|
|
1423
|
+
"valueSet": "v"
|
|
1424
|
+
},
|
|
1425
|
+
{
|
|
1426
|
+
"name": "placeholder",
|
|
1427
|
+
"description": "`placeholder` {string} - Defines the input placeholder.\n\nProperty: placeholder\n\nDefault: ''"
|
|
1428
|
+
},
|
|
1429
|
+
{
|
|
1430
|
+
"name": "autocomplete",
|
|
1431
|
+
"description": "`autocomplete` {string} - Defines the input autocomplete.\n\nProperty: autocomplete\n\nDefault: undefined",
|
|
1432
|
+
"values": []
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
"name": "type",
|
|
1436
|
+
"description": "`type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\nProperty: type\n\nDefault: text",
|
|
1437
|
+
"values": [
|
|
1438
|
+
{
|
|
1439
|
+
"name": "number"
|
|
1440
|
+
},
|
|
1441
|
+
{
|
|
1442
|
+
"name": "text"
|
|
1443
|
+
},
|
|
1444
|
+
{
|
|
1445
|
+
"name": "tel"
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
"name": "url"
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
"name": "email"
|
|
1452
|
+
},
|
|
1453
|
+
{
|
|
1454
|
+
"name": "password"
|
|
1455
|
+
},
|
|
1456
|
+
{
|
|
1457
|
+
"name": "date"
|
|
1458
|
+
},
|
|
1459
|
+
{
|
|
1460
|
+
"name": "month"
|
|
1461
|
+
},
|
|
1462
|
+
{
|
|
1463
|
+
"name": "week"
|
|
1464
|
+
},
|
|
1465
|
+
{
|
|
1466
|
+
"name": "time"
|
|
1467
|
+
},
|
|
1468
|
+
{
|
|
1469
|
+
"name": "datetime-local"
|
|
1470
|
+
},
|
|
1471
|
+
{
|
|
1472
|
+
"name": "color"
|
|
1473
|
+
}
|
|
1474
|
+
]
|
|
1475
|
+
},
|
|
1476
|
+
{
|
|
1477
|
+
"name": "name",
|
|
1478
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
1479
|
+
},
|
|
1480
|
+
{
|
|
1481
|
+
"name": "value",
|
|
1482
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
1483
|
+
"values": []
|
|
1484
|
+
},
|
|
1485
|
+
{
|
|
1486
|
+
"name": "pristine",
|
|
1487
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
1488
|
+
"valueSet": "v"
|
|
1489
|
+
},
|
|
1490
|
+
{
|
|
1491
|
+
"name": "required",
|
|
1492
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
1493
|
+
"valueSet": "v"
|
|
1494
|
+
},
|
|
1495
|
+
{
|
|
1496
|
+
"name": "required-message",
|
|
1497
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
1498
|
+
},
|
|
1499
|
+
{
|
|
1500
|
+
"name": "error",
|
|
1501
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
1502
|
+
"valueSet": "v"
|
|
1503
|
+
},
|
|
1504
|
+
{
|
|
1505
|
+
"name": "error-message",
|
|
1506
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
1507
|
+
},
|
|
1508
|
+
{
|
|
1509
|
+
"name": "label",
|
|
1510
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"name": "onchange",
|
|
1514
|
+
"description": "`change` {} - on change"
|
|
1515
|
+
},
|
|
1516
|
+
{
|
|
1517
|
+
"name": "oninput",
|
|
1518
|
+
"description": "`input` {} - on input"
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "onkeyup",
|
|
1522
|
+
"description": "`keyup` {} - on keyup"
|
|
1523
|
+
}
|
|
1524
|
+
]
|
|
1525
|
+
},
|
|
1526
|
+
{
|
|
1527
|
+
"name": "uui-key",
|
|
1528
|
+
"description": "A visual representation of a key on you keyboard. use inside `<uui-keyboard-shortcut></uui-keyboard-shortcut>`\n\nSlots:\n\n * ` ` {} - for the key name. Anything you put in here will be lowercase.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
1529
|
+
"attributes": []
|
|
1530
|
+
},
|
|
1531
|
+
{
|
|
1532
|
+
"name": "uui-keyboard-shortcut",
|
|
1533
|
+
"description": "A visual representation of a keyboard shortcut.\n\nSlots:\n\n * ` ` {} - for `<uui-key></uui-key>` elements\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
1534
|
+
"attributes": []
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"name": "uui-label",
|
|
1538
|
+
"description": "Label element for Custom Element\n\nSlots:\n\n * ` ` {} - for the label text.\n\nAttributes:\n\n * `disabled` {boolean} - Disables the label.\n\n * `for` {string | HTMLElement} - Define the related element to this label.\n\n * `required` {boolean} - Highlight that the related element is required.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Disables the label.\n\n * `for` {string | HTMLElement} - Define the related element to this label.\n\n * `required` {boolean} - Highlight that the related element is required.",
|
|
1539
|
+
"attributes": [
|
|
1540
|
+
{
|
|
1541
|
+
"name": "disabled",
|
|
1542
|
+
"description": "`disabled` {boolean} - Disables the label.\n\nProperty: disabled\n\nDefault: false",
|
|
1543
|
+
"valueSet": "v"
|
|
1544
|
+
},
|
|
1545
|
+
{
|
|
1546
|
+
"name": "for",
|
|
1547
|
+
"description": "`for` {string | HTMLElement} - Define the related element to this label.\n\nProperty: for\n\nDefault: null",
|
|
1548
|
+
"values": []
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"name": "required",
|
|
1552
|
+
"description": "`required` {boolean} - Highlight that the related element is required.\n\nProperty: required\n\nDefault: false",
|
|
1553
|
+
"valueSet": "v"
|
|
1554
|
+
}
|
|
1555
|
+
]
|
|
1556
|
+
},
|
|
1557
|
+
{
|
|
1558
|
+
"name": "uui-loader-bar",
|
|
1559
|
+
"description": "Attributes:\n\n * `progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation. When the value is left at 0 loader will looped animation\n\n * `animationDuration` {number} - Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_progress` {`number`} - \n\n * `progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation. When the value is left at 0 loader will looped animation\n\n * `_animationDuration` {`number`} - \n\n * `animationDuration` {number} - Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.",
|
|
1560
|
+
"attributes": [
|
|
1561
|
+
{
|
|
1562
|
+
"name": "progress",
|
|
1563
|
+
"description": "`progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation. When the value is left at 0 loader will looped animation\n\nProperty: progress\n\nDefault: 0"
|
|
1564
|
+
},
|
|
1565
|
+
{
|
|
1566
|
+
"name": "animationDuration",
|
|
1567
|
+
"description": "`animationDuration` {number} - Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.\n\nProperty: animationDuration\n\nDefault: 1"
|
|
1568
|
+
}
|
|
1569
|
+
]
|
|
1570
|
+
},
|
|
1571
|
+
{
|
|
1572
|
+
"name": "uui-loader-circle",
|
|
1573
|
+
"description": "Attributes:\n\n * `progress` {number} - Sets the progress that loader shows\n\n * `show-progress` {boolean} - If true then element displays progress number at bigger sizes\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `progress` {number} - Sets the progress that loader shows\n\n * `showProgress` {boolean} - If true then element displays progress number at bigger sizes\n\n * `_resizeObserver` - \n\n * `_isLarge` {`boolean`} - ",
|
|
1574
|
+
"attributes": [
|
|
1575
|
+
{
|
|
1576
|
+
"name": "progress",
|
|
1577
|
+
"description": "`progress` {number} - Sets the progress that loader shows\n\nProperty: progress\n\nDefault: 0"
|
|
1578
|
+
},
|
|
1579
|
+
{
|
|
1580
|
+
"name": "show-progress",
|
|
1581
|
+
"description": "`show-progress` {boolean} - If true then element displays progress number at bigger sizes\n\nProperty: showProgress\n\nDefault: false",
|
|
1582
|
+
"valueSet": "v"
|
|
1583
|
+
}
|
|
1584
|
+
]
|
|
1585
|
+
},
|
|
1586
|
+
{
|
|
1587
|
+
"name": "uui-loader",
|
|
1588
|
+
"description": "A basic loader.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
1589
|
+
"attributes": []
|
|
1590
|
+
},
|
|
1591
|
+
{
|
|
1592
|
+
"name": "uui-menu-item",
|
|
1593
|
+
"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 * `unselected` - fires when the media card is unselected\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 * `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 * `styles` {`CSSResult[]`} - \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 * `iconSlotHasContent` {`boolean`} - \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 * `unselectable` {`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`} - ",
|
|
1594
|
+
"attributes": [
|
|
1595
|
+
{
|
|
1596
|
+
"name": "disabled",
|
|
1597
|
+
"description": "`disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\nProperty: disabled\n\nDefault: false",
|
|
1598
|
+
"valueSet": "v"
|
|
1599
|
+
},
|
|
1600
|
+
{
|
|
1601
|
+
"name": "show-children",
|
|
1602
|
+
"description": "`show-children` {boolean} - Controls if nested items should be shown.\n\nProperty: showChildren\n\nDefault: false",
|
|
1603
|
+
"valueSet": "v"
|
|
1604
|
+
},
|
|
1605
|
+
{
|
|
1606
|
+
"name": "has-children",
|
|
1607
|
+
"description": "`has-children` {boolean} - Shows/hides the caret.\n\nProperty: hasChildren\n\nDefault: false",
|
|
1608
|
+
"valueSet": "v"
|
|
1609
|
+
},
|
|
1610
|
+
{
|
|
1611
|
+
"name": "loading",
|
|
1612
|
+
"description": "`loading` {boolean} - Shows/hides the loading indicator\n\nProperty: loading\n\nDefault: false",
|
|
1613
|
+
"valueSet": "v"
|
|
1614
|
+
},
|
|
1615
|
+
{
|
|
1616
|
+
"name": "href",
|
|
1617
|
+
"description": "`href` {string} - Set an href, this will turns the label into a anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
1618
|
+
"values": []
|
|
1619
|
+
},
|
|
1620
|
+
{
|
|
1621
|
+
"name": "target",
|
|
1622
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
1623
|
+
"values": [
|
|
1624
|
+
{
|
|
1625
|
+
"name": "_blank"
|
|
1626
|
+
},
|
|
1627
|
+
{
|
|
1628
|
+
"name": "_parent"
|
|
1629
|
+
},
|
|
1630
|
+
{
|
|
1631
|
+
"name": "_self"
|
|
1632
|
+
},
|
|
1633
|
+
{
|
|
1634
|
+
"name": "_top"
|
|
1635
|
+
}
|
|
1636
|
+
]
|
|
1637
|
+
},
|
|
1638
|
+
{
|
|
1639
|
+
"name": "select-only",
|
|
1640
|
+
"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",
|
|
1641
|
+
"valueSet": "v"
|
|
1642
|
+
},
|
|
1643
|
+
{
|
|
1644
|
+
"name": "selectable",
|
|
1645
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
1646
|
+
"valueSet": "v"
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"name": "selected",
|
|
1650
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
1651
|
+
"valueSet": "v"
|
|
1652
|
+
},
|
|
1653
|
+
{
|
|
1654
|
+
"name": "active",
|
|
1655
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false",
|
|
1656
|
+
"valueSet": "v"
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"name": "label",
|
|
1660
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
1661
|
+
},
|
|
1662
|
+
{
|
|
1663
|
+
"name": "onshow-children",
|
|
1664
|
+
"description": "`show-children` - fires when the expand icon is clicked to show nested menu items"
|
|
1665
|
+
},
|
|
1666
|
+
{
|
|
1667
|
+
"name": "onhide-children",
|
|
1668
|
+
"description": "`hide-children` - fires when the expend icon is clicked to hide nested menu items"
|
|
1669
|
+
},
|
|
1670
|
+
{
|
|
1671
|
+
"name": "onclick-label",
|
|
1672
|
+
"description": "`click-label` - fires when the label is clicked"
|
|
1673
|
+
},
|
|
1674
|
+
{
|
|
1675
|
+
"name": "onselected",
|
|
1676
|
+
"description": "`selected` - fires when the media card is selected"
|
|
1677
|
+
},
|
|
1678
|
+
{
|
|
1679
|
+
"name": "onunselected",
|
|
1680
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
1681
|
+
}
|
|
1682
|
+
]
|
|
1683
|
+
},
|
|
1684
|
+
{
|
|
1685
|
+
"name": "modal-example",
|
|
1686
|
+
"description": "Properties:\n\n * `_modals` {`TemplateResult<1>[]`} - \n\n * `styles` - ",
|
|
1687
|
+
"attributes": []
|
|
1688
|
+
},
|
|
1689
|
+
{
|
|
1690
|
+
"name": "uui-modal-dialog",
|
|
1691
|
+
"description": "Events:\n\n * `open` {`CustomEvent<unknown>`} - \n\n * `close` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n * `is-open` {`boolean`} - \n\n * `is-closing` {`boolean`} - \n\n * `index` {`number`} - \n\n * `unique-index` {`number`} - \n\n * `transitionDuration` {`number`} - \n\nProperties:\n\n * `_dialogElement` {`HTMLDialogElement | undefined`} - \n\n * `isOpen` {`boolean`} - \n\n * `isClosing` {`boolean`} - \n\n * `index` {`number`} - \n\n * `uniqueIndex` {`number`} - \n\n * `_transitionDuration` {`number`} - \n\n * `transitionDuration` {`number`} - \n\n * `open` - \n\n * `close` - \n\n * `styles` {`CSSResult[]`} - ",
|
|
1692
|
+
"attributes": [
|
|
1693
|
+
{
|
|
1694
|
+
"name": "is-open",
|
|
1695
|
+
"description": "`is-open` {`boolean`} - \n\nProperty: isOpen\n\nDefault: false",
|
|
1696
|
+
"valueSet": "v"
|
|
1697
|
+
},
|
|
1698
|
+
{
|
|
1699
|
+
"name": "is-closing",
|
|
1700
|
+
"description": "`is-closing` {`boolean`} - \n\nProperty: isClosing\n\nDefault: false",
|
|
1701
|
+
"valueSet": "v"
|
|
1702
|
+
},
|
|
1703
|
+
{
|
|
1704
|
+
"name": "index",
|
|
1705
|
+
"description": "`index` {`number`} - \n\nProperty: index\n\nDefault: 0"
|
|
1706
|
+
},
|
|
1707
|
+
{
|
|
1708
|
+
"name": "unique-index",
|
|
1709
|
+
"description": "`unique-index` {`number`} - \n\nProperty: uniqueIndex\n\nDefault: 0"
|
|
1710
|
+
},
|
|
1711
|
+
{
|
|
1712
|
+
"name": "transitionDuration",
|
|
1713
|
+
"description": "`transitionDuration` {`number`} - \n\nProperty: transitionDuration"
|
|
1714
|
+
},
|
|
1715
|
+
{
|
|
1716
|
+
"name": "onopen",
|
|
1717
|
+
"description": "`open` {`CustomEvent<unknown>`} - "
|
|
1718
|
+
},
|
|
1719
|
+
{
|
|
1720
|
+
"name": "onclose",
|
|
1721
|
+
"description": "`close` {`CustomEvent<unknown>`} - "
|
|
1722
|
+
}
|
|
1723
|
+
]
|
|
1724
|
+
},
|
|
1725
|
+
{
|
|
1726
|
+
"name": "uui-modal-sidebar",
|
|
1727
|
+
"description": "Events:\n\n * `open` {`CustomEvent<unknown>`} - \n\n * `close` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n * `size` {`UUIModalSidebarSize`} - \n\n * `is-open` {`boolean`} - \n\n * `is-closing` {`boolean`} - \n\n * `index` {`number`} - \n\n * `unique-index` {`number`} - \n\n * `transitionDuration` {`number`} - \n\nProperties:\n\n * `size` {`UUIModalSidebarSize`} - \n\n * `_dialogElement` {`HTMLDialogElement | undefined`} - \n\n * `isOpen` {`boolean`} - \n\n * `isClosing` {`boolean`} - \n\n * `index` {`number`} - \n\n * `uniqueIndex` {`number`} - \n\n * `_transitionDuration` {`number`} - \n\n * `transitionDuration` {`number`} - \n\n * `open` - \n\n * `close` - \n\n * `styles` {`CSSResult[]`} - ",
|
|
1728
|
+
"attributes": [
|
|
1729
|
+
{
|
|
1730
|
+
"name": "size",
|
|
1731
|
+
"description": "`size` {`UUIModalSidebarSize`} - \n\nProperty: size\n\nDefault: full",
|
|
1732
|
+
"values": [
|
|
1733
|
+
{
|
|
1734
|
+
"name": "small"
|
|
1735
|
+
},
|
|
1736
|
+
{
|
|
1737
|
+
"name": "medium"
|
|
1738
|
+
},
|
|
1739
|
+
{
|
|
1740
|
+
"name": "large"
|
|
1741
|
+
},
|
|
1742
|
+
{
|
|
1743
|
+
"name": "full"
|
|
1744
|
+
}
|
|
1745
|
+
]
|
|
1746
|
+
},
|
|
1747
|
+
{
|
|
1748
|
+
"name": "is-open",
|
|
1749
|
+
"description": "`is-open` {`boolean`} - \n\nProperty: isOpen\n\nDefault: false",
|
|
1750
|
+
"valueSet": "v"
|
|
1751
|
+
},
|
|
1752
|
+
{
|
|
1753
|
+
"name": "is-closing",
|
|
1754
|
+
"description": "`is-closing` {`boolean`} - \n\nProperty: isClosing\n\nDefault: false",
|
|
1755
|
+
"valueSet": "v"
|
|
1756
|
+
},
|
|
1757
|
+
{
|
|
1758
|
+
"name": "index",
|
|
1759
|
+
"description": "`index` {`number`} - \n\nProperty: index\n\nDefault: 0"
|
|
1760
|
+
},
|
|
1761
|
+
{
|
|
1762
|
+
"name": "unique-index",
|
|
1763
|
+
"description": "`unique-index` {`number`} - \n\nProperty: uniqueIndex\n\nDefault: 0"
|
|
1764
|
+
},
|
|
1765
|
+
{
|
|
1766
|
+
"name": "transitionDuration",
|
|
1767
|
+
"description": "`transitionDuration` {`number`} - \n\nProperty: transitionDuration"
|
|
1768
|
+
},
|
|
1769
|
+
{
|
|
1770
|
+
"name": "onopen",
|
|
1771
|
+
"description": "`open` {`CustomEvent<unknown>`} - "
|
|
1772
|
+
},
|
|
1773
|
+
{
|
|
1774
|
+
"name": "onclose",
|
|
1775
|
+
"description": "`close` {`CustomEvent<unknown>`} - "
|
|
1776
|
+
}
|
|
1777
|
+
]
|
|
1778
|
+
},
|
|
1779
|
+
{
|
|
1780
|
+
"name": "uui-pagination",
|
|
1781
|
+
"description": "Events:\n\n * `change` {} - When clicked on the page button fires change event\n\nAttributes:\n\n * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n * `aria-label` {string} - With this property you can overwrite aria-label.\n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `current` {number} - Define the current active page.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_observer` - \n\n * `_navButtons` {`UUIButtonElement[]`} - \n\n * `_pagesGroup` - \n\n * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n * `ariaLabel` {string} - With this property you can overwrite aria-label.\n\n * `_total` {`number`} - \n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `_range` {`number`} - \n\n * `_visiblePages` {`number[]`} - \n\n * `_current` {`number`} - \n\n * `current` {number} - Define the current active page.",
|
|
1782
|
+
"attributes": [
|
|
1783
|
+
{
|
|
1784
|
+
"name": "label",
|
|
1785
|
+
"description": "`label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\nProperty: label\n\nDefault: "
|
|
1786
|
+
},
|
|
1787
|
+
{
|
|
1788
|
+
"name": "aria-label",
|
|
1789
|
+
"description": "`aria-label` {string} - With this property you can overwrite aria-label.\n\nProperty: ariaLabel\n\nDefault: "
|
|
1790
|
+
},
|
|
1791
|
+
{
|
|
1792
|
+
"name": "total",
|
|
1793
|
+
"description": "`total` {number} - Set the amount of pages to navigate.\n\nProperty: total\n\nDefault: : 1"
|
|
1794
|
+
},
|
|
1795
|
+
{
|
|
1796
|
+
"name": "current",
|
|
1797
|
+
"description": "`current` {number} - Define the current active page.\n\nProperty: current"
|
|
1798
|
+
},
|
|
1799
|
+
{
|
|
1800
|
+
"name": "onchange",
|
|
1801
|
+
"description": "`change` {} - When clicked on the page button fires change event"
|
|
1802
|
+
}
|
|
1803
|
+
]
|
|
1804
|
+
},
|
|
1805
|
+
{
|
|
1806
|
+
"name": "uui-popover",
|
|
1807
|
+
"description": "Events:\n\n * `close` {} - When popover is closed by user interaction.\n\nSlots:\n\n * `trigger` {} - The element that triggers the popover.\n\n * `popover` {} - The content of the popover.\n\nAttributes:\n\n * `margin` {number} - Set the distance between popover-modal and trigger.\n\n * `placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\n * `open` {boolean} - Opens the popover-modal.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `intersectionObserver` {`IntersectionObserver | undefined`} - \n\n * `scrollEventHandler` - \n\n * `containerElement` {`HTMLElement`} - \n\n * `_open` {`boolean`} - \n\n * `_placement` {`PopoverPlacement`} - \n\n * `_currentPlacement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"auto\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | null`} - \n\n * `_trigger` {`Element | undefined`} - \n\n * `_scrollParents` {`Element[]`} - \n\n * `_positionX` {`number | undefined`} - \n\n * `_positionY` {`number | undefined`} - \n\n * `margin` {number} - Set the distance between popover-modal and trigger.\n\n * `placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\n * `open` {boolean} - Opens the popover-modal.\n\n * `_onTriggerSlotChanged` - \n\n * `_intersectionCallback` - \n\n * `_onKeyUp` - \n\n * `_onDocumentClick` - ",
|
|
1808
|
+
"attributes": [
|
|
1809
|
+
{
|
|
1810
|
+
"name": "margin",
|
|
1811
|
+
"description": "`margin` {number} - Set the distance between popover-modal and trigger.\n\nProperty: margin\n\nDefault: false"
|
|
1812
|
+
},
|
|
1813
|
+
{
|
|
1814
|
+
"name": "placement",
|
|
1815
|
+
"description": "`placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\nProperty: placement\n\nDefault: 'bottom-start'",
|
|
1816
|
+
"values": [
|
|
1817
|
+
{
|
|
1818
|
+
"name": "left"
|
|
1819
|
+
},
|
|
1820
|
+
{
|
|
1821
|
+
"name": "right"
|
|
1822
|
+
},
|
|
1823
|
+
{
|
|
1824
|
+
"name": "top"
|
|
1825
|
+
},
|
|
1826
|
+
{
|
|
1827
|
+
"name": "bottom"
|
|
1828
|
+
},
|
|
1829
|
+
{
|
|
1830
|
+
"name": "auto"
|
|
1831
|
+
},
|
|
1832
|
+
{
|
|
1833
|
+
"name": "top-start"
|
|
1834
|
+
},
|
|
1835
|
+
{
|
|
1836
|
+
"name": "top-end"
|
|
1837
|
+
},
|
|
1838
|
+
{
|
|
1839
|
+
"name": "bottom-start"
|
|
1840
|
+
},
|
|
1841
|
+
{
|
|
1842
|
+
"name": "bottom-end"
|
|
1843
|
+
},
|
|
1844
|
+
{
|
|
1845
|
+
"name": "right-start"
|
|
1846
|
+
},
|
|
1847
|
+
{
|
|
1848
|
+
"name": "right-end"
|
|
1849
|
+
},
|
|
1850
|
+
{
|
|
1851
|
+
"name": "left-start"
|
|
1852
|
+
},
|
|
1853
|
+
{
|
|
1854
|
+
"name": "left-end"
|
|
1855
|
+
}
|
|
1856
|
+
]
|
|
1857
|
+
},
|
|
1858
|
+
{
|
|
1859
|
+
"name": "open",
|
|
1860
|
+
"description": "`open` {boolean} - Opens the popover-modal.\n\nProperty: open\n\nDefault: false",
|
|
1861
|
+
"valueSet": "v"
|
|
1862
|
+
},
|
|
1863
|
+
{
|
|
1864
|
+
"name": "onclose",
|
|
1865
|
+
"description": "`close` {} - When popover is closed by user interaction."
|
|
1866
|
+
}
|
|
1867
|
+
]
|
|
1868
|
+
},
|
|
1869
|
+
{
|
|
1870
|
+
"name": "uui-progress-bar",
|
|
1871
|
+
"description": "Attributes:\n\n * `progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_progress` {`number`} - \n\n * `progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation.",
|
|
1872
|
+
"attributes": [
|
|
1873
|
+
{
|
|
1874
|
+
"name": "progress",
|
|
1875
|
+
"description": "`progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation.\n\nProperty: progress\n\nDefault: 0"
|
|
1876
|
+
}
|
|
1877
|
+
]
|
|
1878
|
+
},
|
|
1879
|
+
{
|
|
1880
|
+
"name": "uui-radio-group",
|
|
1881
|
+
"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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\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 * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Disables the input.\n\n * `_selected` {`number | null`} - \n\n * `_radioElements` {`UUIRadioElement[]`} - \n\n * `_onChildBlur` - \n\n * `_handleSelectOnClick` - \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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
1882
|
+
"attributes": [
|
|
1883
|
+
{
|
|
1884
|
+
"name": "disabled",
|
|
1885
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
1886
|
+
"valueSet": "v"
|
|
1887
|
+
},
|
|
1888
|
+
{
|
|
1889
|
+
"name": "name",
|
|
1890
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
1891
|
+
},
|
|
1892
|
+
{
|
|
1893
|
+
"name": "value",
|
|
1894
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
1895
|
+
"values": []
|
|
1896
|
+
},
|
|
1897
|
+
{
|
|
1898
|
+
"name": "pristine",
|
|
1899
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
1900
|
+
"valueSet": "v"
|
|
1901
|
+
},
|
|
1902
|
+
{
|
|
1903
|
+
"name": "required",
|
|
1904
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
1905
|
+
"valueSet": "v"
|
|
1906
|
+
},
|
|
1907
|
+
{
|
|
1908
|
+
"name": "required-message",
|
|
1909
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
1910
|
+
},
|
|
1911
|
+
{
|
|
1912
|
+
"name": "error",
|
|
1913
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
1914
|
+
"valueSet": "v"
|
|
1915
|
+
},
|
|
1916
|
+
{
|
|
1917
|
+
"name": "error-message",
|
|
1918
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
1919
|
+
}
|
|
1920
|
+
]
|
|
1921
|
+
},
|
|
1922
|
+
{
|
|
1923
|
+
"name": "uui-radio",
|
|
1924
|
+
"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\nProperties:\n\n * `styles` {`CSSResult[]`} - \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 * `_checked` {`boolean`} - \n\n * `disabled` {boolean} - Disables the input.\n\n * `_disabled` {`boolean`} - ",
|
|
1925
|
+
"attributes": [
|
|
1926
|
+
{
|
|
1927
|
+
"name": "name",
|
|
1928
|
+
"description": "`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\nProperty: name\n\nDefault: ''"
|
|
1929
|
+
},
|
|
1930
|
+
{
|
|
1931
|
+
"name": "value",
|
|
1932
|
+
"description": "`value` {string} - This is a value property of the `<uui-radio>`.\n\nProperty: value\n\nDefault: ''"
|
|
1933
|
+
},
|
|
1934
|
+
{
|
|
1935
|
+
"name": "label",
|
|
1936
|
+
"description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
|
|
1937
|
+
},
|
|
1938
|
+
{
|
|
1939
|
+
"name": "checked",
|
|
1940
|
+
"description": "`checked` {`boolean`} - \n\nProperty: checked",
|
|
1941
|
+
"valueSet": "v"
|
|
1942
|
+
},
|
|
1943
|
+
{
|
|
1944
|
+
"name": "disabled",
|
|
1945
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
1946
|
+
"valueSet": "v"
|
|
1947
|
+
},
|
|
1948
|
+
{
|
|
1949
|
+
"name": "onchange",
|
|
1950
|
+
"description": "`change` {} - on input change"
|
|
1951
|
+
}
|
|
1952
|
+
]
|
|
1953
|
+
},
|
|
1954
|
+
{
|
|
1955
|
+
"name": "uui-range-slider",
|
|
1956
|
+
"description": "Attributes:\n\n * `disabled` {boolean} - Disables the input.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \" low value\" and \" high value\" endings for the two values.\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\n\n * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `min` {number} - Sets the minimum allowed value.\n\n * `max` {number} - Sets the maximum allowed value.\n\n * `value-low` {number} - The lower picked value.\n\n * `value-high` {number} - The higher picked value.\n\n * `min-gap` {number} - Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap\n\n * `max-gap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\n * `_trackWidth` {`number`} - \n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, forexample 10,50 sets the values to 10 and 50.\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 * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Disables the input.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \" low value\" and \" high value\" endings for the two values.\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\n\n * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `_min` {`number`} - \n\n * `_max` {`number`} - \n\n * `_valueLow` {`number`} - \n\n * `_valueHigh` {`number`} - \n\n * `_minGap` {`number`} - \n\n * `_maxGap` {`number | undefined`} - \n\n * `min` {number} - Sets the minimum allowed value.\n\n * `max` {number} - Sets the maximum allowed value.\n\n * `valueLow` {number} - The lower picked value.\n\n * `valueHigh` {number} - The higher picked value.\n\n * `minGap` {number} - Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap\n\n * `maxGap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\n * `_trackWidth` {`number`} - \n\n * `_handle` {`{ low: boolean; high: boolean; both: boolean; startPosition: number; lowStart: number; highStart: number; }`} - \n\n * `_inputLow` {`HTMLInputElement`} - \n\n * `_inputHigh` {`HTMLInputElement`} - \n\n * `_sliderTrack` {`HTMLElement`} - \n\n * `_innerSliderTrack` {`HTMLElement`} - \n\n * `_innerColor` {`HTMLElement`} - \n\n * `_onTouchStart` - \n\n * `_onTouchMove` - \n\n * `_onTouchEnd` - \n\n * `_onMouseDown` - \n\n * `_onMouseMove` - \n\n * `_onMouseUp` - \n\n * `stopMoving` - \n\n * `_onInputMouseDown` - \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} - This is a value property of the uui-range-slider. Split the two values with comma, forexample 10,50 sets the values to 10 and 50.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
1957
|
+
"attributes": [
|
|
1958
|
+
{
|
|
1959
|
+
"name": "disabled",
|
|
1960
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
1961
|
+
"valueSet": "v"
|
|
1962
|
+
},
|
|
1963
|
+
{
|
|
1964
|
+
"name": "label",
|
|
1965
|
+
"description": "`label` {string} - Label to be used for aria-label and eventually as visual label. Adds \" low value\" and \" high value\" endings for the two values.\n\nProperty: label"
|
|
1966
|
+
},
|
|
1967
|
+
{
|
|
1968
|
+
"name": "step",
|
|
1969
|
+
"description": "`step` {number} - This reflects the behavior of a native input step attribute.\n\nProperty: step\n\nDefault: 1"
|
|
1970
|
+
},
|
|
1971
|
+
{
|
|
1972
|
+
"name": "hide-step-values",
|
|
1973
|
+
"description": "`hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\nProperty: hideStepValues\n\nDefault: false",
|
|
1974
|
+
"valueSet": "v"
|
|
1975
|
+
},
|
|
1976
|
+
{
|
|
1977
|
+
"name": "min",
|
|
1978
|
+
"description": "`min` {number} - Sets the minimum allowed value.\n\nProperty: min\n\nDefault: 0"
|
|
1979
|
+
},
|
|
1980
|
+
{
|
|
1981
|
+
"name": "max",
|
|
1982
|
+
"description": "`max` {number} - Sets the maximum allowed value.\n\nProperty: max\n\nDefault: 100"
|
|
1983
|
+
},
|
|
1984
|
+
{
|
|
1985
|
+
"name": "value-low",
|
|
1986
|
+
"description": "`value-low` {number} - The lower picked value.\n\nProperty: valueLow\n\nDefault: 0"
|
|
1987
|
+
},
|
|
1988
|
+
{
|
|
1989
|
+
"name": "value-high",
|
|
1990
|
+
"description": "`value-high` {number} - The higher picked value.\n\nProperty: valueHigh\n\nDefault: 100"
|
|
1991
|
+
},
|
|
1992
|
+
{
|
|
1993
|
+
"name": "min-gap",
|
|
1994
|
+
"description": "`min-gap` {number} - Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap\n\nProperty: minGap\n\nDefault: 1"
|
|
1995
|
+
},
|
|
1996
|
+
{
|
|
1997
|
+
"name": "max-gap",
|
|
1998
|
+
"description": "`max-gap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\nProperty: maxGap\n\nDefault: undefined",
|
|
1999
|
+
"values": []
|
|
2000
|
+
},
|
|
2001
|
+
{
|
|
2002
|
+
"name": "_trackWidth",
|
|
2003
|
+
"description": "`_trackWidth` {`number`} - \n\nProperty: _trackWidth\n\nDefault: 0"
|
|
2004
|
+
},
|
|
2005
|
+
{
|
|
2006
|
+
"name": "name",
|
|
2007
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
2008
|
+
},
|
|
2009
|
+
{
|
|
2010
|
+
"name": "value",
|
|
2011
|
+
"description": "`value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, forexample 10,50 sets the values to 10 and 50.\n\nProperty: value\n\nDefault: 0,100",
|
|
2012
|
+
"values": []
|
|
2013
|
+
},
|
|
2014
|
+
{
|
|
2015
|
+
"name": "pristine",
|
|
2016
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
2017
|
+
"valueSet": "v"
|
|
2018
|
+
},
|
|
2019
|
+
{
|
|
2020
|
+
"name": "required",
|
|
2021
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
2022
|
+
"valueSet": "v"
|
|
2023
|
+
},
|
|
2024
|
+
{
|
|
2025
|
+
"name": "required-message",
|
|
2026
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
2027
|
+
},
|
|
2028
|
+
{
|
|
2029
|
+
"name": "error",
|
|
2030
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
2031
|
+
"valueSet": "v"
|
|
2032
|
+
},
|
|
2033
|
+
{
|
|
2034
|
+
"name": "error-message",
|
|
2035
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
2036
|
+
}
|
|
2037
|
+
]
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "uui-ref-list",
|
|
2041
|
+
"description": "Properties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2042
|
+
"attributes": []
|
|
2043
|
+
},
|
|
2044
|
+
{
|
|
2045
|
+
"name": "uui-ref-node-data-type",
|
|
2046
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nSlots:\n\n * ` ` {} - for content\n\n * `icon` {} - for an icon\n\n * `tag` {} - for a tag\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2047
|
+
"attributes": [
|
|
2048
|
+
{
|
|
2049
|
+
"name": "alias",
|
|
2050
|
+
"description": "`alias` {string} - Alias\n\nProperty: alias\n\nDefault: ''"
|
|
2051
|
+
},
|
|
2052
|
+
{
|
|
2053
|
+
"name": "name",
|
|
2054
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
2055
|
+
},
|
|
2056
|
+
{
|
|
2057
|
+
"name": "detail",
|
|
2058
|
+
"description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
|
|
2059
|
+
},
|
|
2060
|
+
{
|
|
2061
|
+
"name": "disabled",
|
|
2062
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2063
|
+
"valueSet": "v"
|
|
2064
|
+
},
|
|
2065
|
+
{
|
|
2066
|
+
"name": "error",
|
|
2067
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2068
|
+
"valueSet": "v"
|
|
2069
|
+
},
|
|
2070
|
+
{
|
|
2071
|
+
"name": "select-only",
|
|
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",
|
|
2073
|
+
"valueSet": "v"
|
|
2074
|
+
},
|
|
2075
|
+
{
|
|
2076
|
+
"name": "selectable",
|
|
2077
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2078
|
+
"valueSet": "v"
|
|
2079
|
+
},
|
|
2080
|
+
{
|
|
2081
|
+
"name": "selected",
|
|
2082
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2083
|
+
"valueSet": "v"
|
|
2084
|
+
},
|
|
2085
|
+
{
|
|
2086
|
+
"name": "onopen",
|
|
2087
|
+
"description": "`open` - fires when the ref title is clicked"
|
|
2088
|
+
},
|
|
2089
|
+
{
|
|
2090
|
+
"name": "onselected",
|
|
2091
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2092
|
+
},
|
|
2093
|
+
{
|
|
2094
|
+
"name": "onunselected",
|
|
2095
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2096
|
+
}
|
|
2097
|
+
]
|
|
2098
|
+
},
|
|
2099
|
+
{
|
|
2100
|
+
"name": "uui-ref-node-document-type",
|
|
2101
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nSlots:\n\n * ` ` {} - for content\n\n * `icon` {} - for an icon\n\n * `tag` {} - for a tag\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2102
|
+
"attributes": [
|
|
2103
|
+
{
|
|
2104
|
+
"name": "alias",
|
|
2105
|
+
"description": "`alias` {string} - Alias\n\nProperty: alias\n\nDefault: ''"
|
|
2106
|
+
},
|
|
2107
|
+
{
|
|
2108
|
+
"name": "name",
|
|
2109
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
2110
|
+
},
|
|
2111
|
+
{
|
|
2112
|
+
"name": "detail",
|
|
2113
|
+
"description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
|
|
2114
|
+
},
|
|
2115
|
+
{
|
|
2116
|
+
"name": "disabled",
|
|
2117
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2118
|
+
"valueSet": "v"
|
|
2119
|
+
},
|
|
2120
|
+
{
|
|
2121
|
+
"name": "error",
|
|
2122
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2123
|
+
"valueSet": "v"
|
|
2124
|
+
},
|
|
2125
|
+
{
|
|
2126
|
+
"name": "select-only",
|
|
2127
|
+
"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",
|
|
2128
|
+
"valueSet": "v"
|
|
2129
|
+
},
|
|
2130
|
+
{
|
|
2131
|
+
"name": "selectable",
|
|
2132
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2133
|
+
"valueSet": "v"
|
|
2134
|
+
},
|
|
2135
|
+
{
|
|
2136
|
+
"name": "selected",
|
|
2137
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2138
|
+
"valueSet": "v"
|
|
2139
|
+
},
|
|
2140
|
+
{
|
|
2141
|
+
"name": "onopen",
|
|
2142
|
+
"description": "`open` - fires when the ref title is clicked"
|
|
2143
|
+
},
|
|
2144
|
+
{
|
|
2145
|
+
"name": "onselected",
|
|
2146
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2147
|
+
},
|
|
2148
|
+
{
|
|
2149
|
+
"name": "onunselected",
|
|
2150
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2151
|
+
}
|
|
2152
|
+
]
|
|
2153
|
+
},
|
|
2154
|
+
{
|
|
2155
|
+
"name": "uui-ref-node-form",
|
|
2156
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nSlots:\n\n * ` ` {} - for content\n\n * `icon` {} - for an icon\n\n * `tag` {} - for a tag\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2157
|
+
"attributes": [
|
|
2158
|
+
{
|
|
2159
|
+
"name": "name",
|
|
2160
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
2161
|
+
},
|
|
2162
|
+
{
|
|
2163
|
+
"name": "detail",
|
|
2164
|
+
"description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
|
|
2165
|
+
},
|
|
2166
|
+
{
|
|
2167
|
+
"name": "disabled",
|
|
2168
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2169
|
+
"valueSet": "v"
|
|
2170
|
+
},
|
|
2171
|
+
{
|
|
2172
|
+
"name": "error",
|
|
2173
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2174
|
+
"valueSet": "v"
|
|
2175
|
+
},
|
|
2176
|
+
{
|
|
2177
|
+
"name": "select-only",
|
|
2178
|
+
"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",
|
|
2179
|
+
"valueSet": "v"
|
|
2180
|
+
},
|
|
2181
|
+
{
|
|
2182
|
+
"name": "selectable",
|
|
2183
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2184
|
+
"valueSet": "v"
|
|
2185
|
+
},
|
|
2186
|
+
{
|
|
2187
|
+
"name": "selected",
|
|
2188
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2189
|
+
"valueSet": "v"
|
|
2190
|
+
},
|
|
2191
|
+
{
|
|
2192
|
+
"name": "onopen",
|
|
2193
|
+
"description": "`open` - fires when the ref title is clicked"
|
|
2194
|
+
},
|
|
2195
|
+
{
|
|
2196
|
+
"name": "onselected",
|
|
2197
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2198
|
+
},
|
|
2199
|
+
{
|
|
2200
|
+
"name": "onunselected",
|
|
2201
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2202
|
+
}
|
|
2203
|
+
]
|
|
2204
|
+
},
|
|
2205
|
+
{
|
|
2206
|
+
"name": "uui-ref-node-member",
|
|
2207
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nSlots:\n\n * ` ` {} - for content\n\n * `icon` {} - for an icon\n\n * `tag` {} - for a tag\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `group-name` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `groupName` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2208
|
+
"attributes": [
|
|
2209
|
+
{
|
|
2210
|
+
"name": "group-name",
|
|
2211
|
+
"description": "`group-name` {string} - Group name\n\nProperty: groupName\n\nDefault: ''"
|
|
2212
|
+
},
|
|
2213
|
+
{
|
|
2214
|
+
"name": "name",
|
|
2215
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
2216
|
+
},
|
|
2217
|
+
{
|
|
2218
|
+
"name": "detail",
|
|
2219
|
+
"description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
|
|
2220
|
+
},
|
|
2221
|
+
{
|
|
2222
|
+
"name": "disabled",
|
|
2223
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2224
|
+
"valueSet": "v"
|
|
2225
|
+
},
|
|
2226
|
+
{
|
|
2227
|
+
"name": "error",
|
|
2228
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2229
|
+
"valueSet": "v"
|
|
2230
|
+
},
|
|
2231
|
+
{
|
|
2232
|
+
"name": "select-only",
|
|
2233
|
+
"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",
|
|
2234
|
+
"valueSet": "v"
|
|
2235
|
+
},
|
|
2236
|
+
{
|
|
2237
|
+
"name": "selectable",
|
|
2238
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2239
|
+
"valueSet": "v"
|
|
2240
|
+
},
|
|
2241
|
+
{
|
|
2242
|
+
"name": "selected",
|
|
2243
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2244
|
+
"valueSet": "v"
|
|
2245
|
+
},
|
|
2246
|
+
{
|
|
2247
|
+
"name": "onopen",
|
|
2248
|
+
"description": "`open` - fires when the ref title is clicked"
|
|
2249
|
+
},
|
|
2250
|
+
{
|
|
2251
|
+
"name": "onselected",
|
|
2252
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2253
|
+
},
|
|
2254
|
+
{
|
|
2255
|
+
"name": "onunselected",
|
|
2256
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2257
|
+
}
|
|
2258
|
+
]
|
|
2259
|
+
},
|
|
2260
|
+
{
|
|
2261
|
+
"name": "uui-ref-node-package",
|
|
2262
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nSlots:\n\n * ` ` {} - for content\n\n * `icon` {} - for an icon\n\n * `tag` {} - for a tag\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `version` {string} - Package version\n\n * `author` {string} - Package author\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `version` {string} - Package version\n\n * `author` {string} - Package author\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2263
|
+
"attributes": [
|
|
2264
|
+
{
|
|
2265
|
+
"name": "version",
|
|
2266
|
+
"description": "`version` {string} - Package version\n\nProperty: version\n\nDefault: ''"
|
|
2267
|
+
},
|
|
2268
|
+
{
|
|
2269
|
+
"name": "author",
|
|
2270
|
+
"description": "`author` {string} - Package author\n\nProperty: author\n\nDefault: ''"
|
|
2271
|
+
},
|
|
2272
|
+
{
|
|
2273
|
+
"name": "name",
|
|
2274
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
2275
|
+
},
|
|
2276
|
+
{
|
|
2277
|
+
"name": "detail",
|
|
2278
|
+
"description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
|
|
2279
|
+
},
|
|
2280
|
+
{
|
|
2281
|
+
"name": "disabled",
|
|
2282
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2283
|
+
"valueSet": "v"
|
|
2284
|
+
},
|
|
2285
|
+
{
|
|
2286
|
+
"name": "error",
|
|
2287
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2288
|
+
"valueSet": "v"
|
|
2289
|
+
},
|
|
2290
|
+
{
|
|
2291
|
+
"name": "select-only",
|
|
2292
|
+
"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",
|
|
2293
|
+
"valueSet": "v"
|
|
2294
|
+
},
|
|
2295
|
+
{
|
|
2296
|
+
"name": "selectable",
|
|
2297
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2298
|
+
"valueSet": "v"
|
|
2299
|
+
},
|
|
2300
|
+
{
|
|
2301
|
+
"name": "selected",
|
|
2302
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2303
|
+
"valueSet": "v"
|
|
2304
|
+
},
|
|
2305
|
+
{
|
|
2306
|
+
"name": "onopen",
|
|
2307
|
+
"description": "`open` - fires when the ref title is clicked"
|
|
2308
|
+
},
|
|
2309
|
+
{
|
|
2310
|
+
"name": "onselected",
|
|
2311
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2312
|
+
},
|
|
2313
|
+
{
|
|
2314
|
+
"name": "onunselected",
|
|
2315
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2316
|
+
}
|
|
2317
|
+
]
|
|
2318
|
+
},
|
|
2319
|
+
{
|
|
2320
|
+
"name": "uui-ref-node-user",
|
|
2321
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nSlots:\n\n * ` ` {} - for content\n\n * `icon` {} - for an icon\n\n * `tag` {} - for a tag\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `group-name` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `groupName` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2322
|
+
"attributes": [
|
|
2323
|
+
{
|
|
2324
|
+
"name": "group-name",
|
|
2325
|
+
"description": "`group-name` {string} - Group name\n\nProperty: groupName\n\nDefault: ''"
|
|
2326
|
+
},
|
|
2327
|
+
{
|
|
2328
|
+
"name": "name",
|
|
2329
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
2330
|
+
},
|
|
2331
|
+
{
|
|
2332
|
+
"name": "detail",
|
|
2333
|
+
"description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
|
|
2334
|
+
},
|
|
2335
|
+
{
|
|
2336
|
+
"name": "disabled",
|
|
2337
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2338
|
+
"valueSet": "v"
|
|
2339
|
+
},
|
|
2340
|
+
{
|
|
2341
|
+
"name": "error",
|
|
2342
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2343
|
+
"valueSet": "v"
|
|
2344
|
+
},
|
|
2345
|
+
{
|
|
2346
|
+
"name": "select-only",
|
|
2347
|
+
"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",
|
|
2348
|
+
"valueSet": "v"
|
|
2349
|
+
},
|
|
2350
|
+
{
|
|
2351
|
+
"name": "selectable",
|
|
2352
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2353
|
+
"valueSet": "v"
|
|
2354
|
+
},
|
|
2355
|
+
{
|
|
2356
|
+
"name": "selected",
|
|
2357
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2358
|
+
"valueSet": "v"
|
|
2359
|
+
},
|
|
2360
|
+
{
|
|
2361
|
+
"name": "onopen",
|
|
2362
|
+
"description": "`open` - fires when the ref title is clicked"
|
|
2363
|
+
},
|
|
2364
|
+
{
|
|
2365
|
+
"name": "onselected",
|
|
2366
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2367
|
+
},
|
|
2368
|
+
{
|
|
2369
|
+
"name": "onunselected",
|
|
2370
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2371
|
+
}
|
|
2372
|
+
]
|
|
2373
|
+
},
|
|
2374
|
+
{
|
|
2375
|
+
"name": "uui-ref-node",
|
|
2376
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nSlots:\n\n * ` ` {} - for content\n\n * `icon` {} - for an icon\n\n * `tag` {} - for a tag\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2377
|
+
"attributes": [
|
|
2378
|
+
{
|
|
2379
|
+
"name": "name",
|
|
2380
|
+
"description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
|
|
2381
|
+
},
|
|
2382
|
+
{
|
|
2383
|
+
"name": "detail",
|
|
2384
|
+
"description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
|
|
2385
|
+
},
|
|
2386
|
+
{
|
|
2387
|
+
"name": "disabled",
|
|
2388
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2389
|
+
"valueSet": "v"
|
|
2390
|
+
},
|
|
2391
|
+
{
|
|
2392
|
+
"name": "error",
|
|
2393
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2394
|
+
"valueSet": "v"
|
|
2395
|
+
},
|
|
2396
|
+
{
|
|
2397
|
+
"name": "select-only",
|
|
2398
|
+
"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",
|
|
2399
|
+
"valueSet": "v"
|
|
2400
|
+
},
|
|
2401
|
+
{
|
|
2402
|
+
"name": "selectable",
|
|
2403
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2404
|
+
"valueSet": "v"
|
|
2405
|
+
},
|
|
2406
|
+
{
|
|
2407
|
+
"name": "selected",
|
|
2408
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2409
|
+
"valueSet": "v"
|
|
2410
|
+
},
|
|
2411
|
+
{
|
|
2412
|
+
"name": "onopen",
|
|
2413
|
+
"description": "`open` - fires when the ref title is clicked"
|
|
2414
|
+
},
|
|
2415
|
+
{
|
|
2416
|
+
"name": "onselected",
|
|
2417
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2418
|
+
},
|
|
2419
|
+
{
|
|
2420
|
+
"name": "onunselected",
|
|
2421
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2422
|
+
}
|
|
2423
|
+
]
|
|
2424
|
+
},
|
|
2425
|
+
{
|
|
2426
|
+
"name": "uui-ref",
|
|
2427
|
+
"description": "Events:\n\n * `open` - fires when the ref is opened\n\n * `selected` - fires when the ref is selected\n\n * `unselected` - fires when the ref is unselected\n\nAttributes:\n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set tot true to disable\n\n * `error` {boolean} - Set to true to display error state\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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2428
|
+
"attributes": [
|
|
2429
|
+
{
|
|
2430
|
+
"name": "disabled",
|
|
2431
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
|
|
2432
|
+
"valueSet": "v"
|
|
2433
|
+
},
|
|
2434
|
+
{
|
|
2435
|
+
"name": "error",
|
|
2436
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false",
|
|
2437
|
+
"valueSet": "v"
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"name": "select-only",
|
|
2441
|
+
"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",
|
|
2442
|
+
"valueSet": "v"
|
|
2443
|
+
},
|
|
2444
|
+
{
|
|
2445
|
+
"name": "selectable",
|
|
2446
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2447
|
+
"valueSet": "v"
|
|
2448
|
+
},
|
|
2449
|
+
{
|
|
2450
|
+
"name": "selected",
|
|
2451
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2452
|
+
"valueSet": "v"
|
|
2453
|
+
},
|
|
2454
|
+
{
|
|
2455
|
+
"name": "onopen",
|
|
2456
|
+
"description": "`open` - fires when the ref is opened"
|
|
2457
|
+
},
|
|
2458
|
+
{
|
|
2459
|
+
"name": "onselected",
|
|
2460
|
+
"description": "`selected` - fires when the ref is selected"
|
|
2461
|
+
},
|
|
2462
|
+
{
|
|
2463
|
+
"name": "onunselected",
|
|
2464
|
+
"description": "`unselected` - fires when the ref is unselected"
|
|
2465
|
+
}
|
|
2466
|
+
]
|
|
2467
|
+
},
|
|
2468
|
+
{
|
|
2469
|
+
"name": "uui-scroll-container",
|
|
2470
|
+
"description": "Slots:\n\n * ` ` {} - for content\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2471
|
+
"attributes": []
|
|
2472
|
+
},
|
|
2473
|
+
{
|
|
2474
|
+
"name": "uui-select",
|
|
2475
|
+
"description": "Custom element wrapping the native select element. Pass an array of options to it.\nThis is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - when the user changes value\n\nAttributes:\n\n * `label` {string} - Text with which component should be labeled\n\n * `placeholder` {string} - Defines the select's placeholder.\n\n * `disabled` {boolean} - Disables the select.\n\n * `disabledGroups` {`string`} - An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\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} - Set to true if the component should have an error state.Property is reflected to the corresponding attribute.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `label` {string} - Text with which component should be labeled\n\n * `placeholder` {string} - Defines the select's placeholder.\n\n * `disabled` {boolean} - Disables the select.\n\n * `options` {`Option[]`} - An array of options to be rendered by the element. If you want the element The option interface has up to 5 properties:\n`interface Option {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`\n\n * `_groups` {`string[]`} - \n\n * `disabledGroups` {`string`} - An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive\n\n * `_disabledGroups` {`string[]`} - \n\n * `_values` {`string[]`} - \n\n * `_input` {`HTMLSelectElement`} - \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.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {boolean} - Set to true if the component should have an error state.Property is reflected to the corresponding attribute.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
2476
|
+
"attributes": [
|
|
2477
|
+
{
|
|
2478
|
+
"name": "label",
|
|
2479
|
+
"description": "`label` {string} - Text with which component should be labeled\n\nProperty: label"
|
|
2480
|
+
},
|
|
2481
|
+
{
|
|
2482
|
+
"name": "placeholder",
|
|
2483
|
+
"description": "`placeholder` {string} - Defines the select's placeholder.\n\nProperty: placeholder\n\nDefault: "
|
|
2484
|
+
},
|
|
2485
|
+
{
|
|
2486
|
+
"name": "disabled",
|
|
2487
|
+
"description": "`disabled` {boolean} - Disables the select.\n\nProperty: disabled\n\nDefault: false",
|
|
2488
|
+
"valueSet": "v"
|
|
2489
|
+
},
|
|
2490
|
+
{
|
|
2491
|
+
"name": "disabledGroups",
|
|
2492
|
+
"description": "`disabledGroups` {`string`} - An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive\n\nProperty: disabledGroups\n\nDefault: "
|
|
2493
|
+
},
|
|
2494
|
+
{
|
|
2495
|
+
"name": "name",
|
|
2496
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
2497
|
+
},
|
|
2498
|
+
{
|
|
2499
|
+
"name": "value",
|
|
2500
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
2501
|
+
"values": []
|
|
2502
|
+
},
|
|
2503
|
+
{
|
|
2504
|
+
"name": "pristine",
|
|
2505
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
2506
|
+
"valueSet": "v"
|
|
2507
|
+
},
|
|
2508
|
+
{
|
|
2509
|
+
"name": "required",
|
|
2510
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
2511
|
+
"valueSet": "v"
|
|
2512
|
+
},
|
|
2513
|
+
{
|
|
2514
|
+
"name": "required-message",
|
|
2515
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
2516
|
+
},
|
|
2517
|
+
{
|
|
2518
|
+
"name": "error",
|
|
2519
|
+
"description": "`error` {boolean} - Set to true if the component should have an error state.Property is reflected to the corresponding attribute.\n\nProperty: error\n\nDefault: false",
|
|
2520
|
+
"valueSet": "v"
|
|
2521
|
+
},
|
|
2522
|
+
{
|
|
2523
|
+
"name": "error-message",
|
|
2524
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
2525
|
+
},
|
|
2526
|
+
{
|
|
2527
|
+
"name": "onchange",
|
|
2528
|
+
"description": "`change` {} - when the user changes value"
|
|
2529
|
+
}
|
|
2530
|
+
]
|
|
2531
|
+
},
|
|
2532
|
+
{
|
|
2533
|
+
"name": "uui-slider",
|
|
2534
|
+
"description": "Events:\n\n * `input` {} - on input\n\nAttributes:\n\n * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `min` {number} - This is a minimum value of the input.\n\n * `max` {number} - This is a maximum value of the input.\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\n\n * `disabled` {boolean} - Disables the input.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - This is a value property of the uui-slider.\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 * `styles` {`CSSResult[]`} - \n\n * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `min` {number} - This is a minimum value of the input.\n\n * `max` {number} - This is a maximum value of the input.\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\n\n * `disabled` {boolean} - Disables the input.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `_input` {`HTMLInputElement`} - \n\n * `_track` {`HTMLElement`} - \n\n * `_stepWidth` {`number`} - \n\n * `onWindowResize` - \n\n * `_steps` {`number[]`} - \n\n * `_sliderPosition` {`string`} - \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} - This is a value property of the uui-slider.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
2535
|
+
"attributes": [
|
|
2536
|
+
{
|
|
2537
|
+
"name": "hide-step-values",
|
|
2538
|
+
"description": "`hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\nProperty: hideStepValues\n\nDefault: false",
|
|
2539
|
+
"valueSet": "v"
|
|
2540
|
+
},
|
|
2541
|
+
{
|
|
2542
|
+
"name": "min",
|
|
2543
|
+
"description": "`min` {number} - This is a minimum value of the input.\n\nProperty: min\n\nDefault: 0"
|
|
2544
|
+
},
|
|
2545
|
+
{
|
|
2546
|
+
"name": "max",
|
|
2547
|
+
"description": "`max` {number} - This is a maximum value of the input.\n\nProperty: max\n\nDefault: 100"
|
|
2548
|
+
},
|
|
2549
|
+
{
|
|
2550
|
+
"name": "step",
|
|
2551
|
+
"description": "`step` {number} - This reflects the behavior of a native input step attribute.\n\nProperty: step\n\nDefault: 1"
|
|
2552
|
+
},
|
|
2553
|
+
{
|
|
2554
|
+
"name": "disabled",
|
|
2555
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
2556
|
+
"valueSet": "v"
|
|
2557
|
+
},
|
|
2558
|
+
{
|
|
2559
|
+
"name": "label",
|
|
2560
|
+
"description": "`label` {string} - Label to be used for aria-label and eventually as visual label\n\nProperty: label"
|
|
2561
|
+
},
|
|
2562
|
+
{
|
|
2563
|
+
"name": "name",
|
|
2564
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
2565
|
+
},
|
|
2566
|
+
{
|
|
2567
|
+
"name": "value",
|
|
2568
|
+
"description": "`value` {string} - This is a value property of the uui-slider.\n\nProperty: value\n\nDefault: ''",
|
|
2569
|
+
"values": []
|
|
2570
|
+
},
|
|
2571
|
+
{
|
|
2572
|
+
"name": "pristine",
|
|
2573
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
2574
|
+
"valueSet": "v"
|
|
2575
|
+
},
|
|
2576
|
+
{
|
|
2577
|
+
"name": "required",
|
|
2578
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
2579
|
+
"valueSet": "v"
|
|
2580
|
+
},
|
|
2581
|
+
{
|
|
2582
|
+
"name": "required-message",
|
|
2583
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
2584
|
+
},
|
|
2585
|
+
{
|
|
2586
|
+
"name": "error",
|
|
2587
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
2588
|
+
"valueSet": "v"
|
|
2589
|
+
},
|
|
2590
|
+
{
|
|
2591
|
+
"name": "error-message",
|
|
2592
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
2593
|
+
},
|
|
2594
|
+
{
|
|
2595
|
+
"name": "oninput",
|
|
2596
|
+
"description": "`input` {} - on input"
|
|
2597
|
+
}
|
|
2598
|
+
]
|
|
2599
|
+
},
|
|
2600
|
+
{
|
|
2601
|
+
"name": "uui-symbol-expand",
|
|
2602
|
+
"description": "A symbol indicating whether related composition is expanded or collapsed\n\nAttributes:\n\n * `open` {boolean} - Set this boolean to true for a open/expanded look.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `open` {boolean} - Set this boolean to true for a open/expanded look.",
|
|
2603
|
+
"attributes": [
|
|
2604
|
+
{
|
|
2605
|
+
"name": "open",
|
|
2606
|
+
"description": "`open` {boolean} - Set this boolean to true for a open/expanded look.\n\nProperty: open\n\nDefault: false",
|
|
2607
|
+
"valueSet": "v"
|
|
2608
|
+
}
|
|
2609
|
+
]
|
|
2610
|
+
},
|
|
2611
|
+
{
|
|
2612
|
+
"name": "uui-symbol-file-dropzone",
|
|
2613
|
+
"description": "Attributes:\n\n * `error` {boolean} - Renders a error symbol instead of the upload symbol\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `error` {boolean} - Renders a error symbol instead of the upload symbol",
|
|
2614
|
+
"attributes": [
|
|
2615
|
+
{
|
|
2616
|
+
"name": "error",
|
|
2617
|
+
"description": "`error` {boolean} - Renders a error symbol instead of the upload symbol\n\nProperty: error\n\nDefault: false",
|
|
2618
|
+
"valueSet": "v"
|
|
2619
|
+
}
|
|
2620
|
+
]
|
|
2621
|
+
},
|
|
2622
|
+
{
|
|
2623
|
+
"name": "uui-symbol-file-thumbnail",
|
|
2624
|
+
"description": "Attributes:\n\n * `src` {string} - Source of the thumbnail.\n\n * `alt` {string} - Alt of the thumbnail.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `src` {string} - Source of the thumbnail.\n\n * `alt` {string} - Alt of the thumbnail.",
|
|
2625
|
+
"attributes": [
|
|
2626
|
+
{
|
|
2627
|
+
"name": "src",
|
|
2628
|
+
"description": "`src` {string} - Source of the thumbnail.\n\nProperty: src\n\nDefault: ''"
|
|
2629
|
+
},
|
|
2630
|
+
{
|
|
2631
|
+
"name": "alt",
|
|
2632
|
+
"description": "`alt` {string} - Alt of the thumbnail.\n\nProperty: alt\n\nDefault: ''"
|
|
2633
|
+
}
|
|
2634
|
+
]
|
|
2635
|
+
},
|
|
2636
|
+
{
|
|
2637
|
+
"name": "uui-file-symbol",
|
|
2638
|
+
"description": "Attributes:\n\n * `type` {string} - The text that will appear on the file icon\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `type` {string} - The text that will appear on the file icon",
|
|
2639
|
+
"attributes": [
|
|
2640
|
+
{
|
|
2641
|
+
"name": "type",
|
|
2642
|
+
"description": "`type` {string} - The text that will appear on the file icon\n\nProperty: type\n\nDefault: "
|
|
2643
|
+
}
|
|
2644
|
+
]
|
|
2645
|
+
},
|
|
2646
|
+
{
|
|
2647
|
+
"name": "uui-symbol-file",
|
|
2648
|
+
"description": "Attributes:\n\n * `type` {string} - The text that will appear on the file icon\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `type` {string} - The text that will appear on the file icon",
|
|
2649
|
+
"attributes": [
|
|
2650
|
+
{
|
|
2651
|
+
"name": "type",
|
|
2652
|
+
"description": "`type` {string} - The text that will appear on the file icon\n\nProperty: type\n\nDefault: "
|
|
2653
|
+
}
|
|
2654
|
+
]
|
|
2655
|
+
},
|
|
2656
|
+
{
|
|
2657
|
+
"name": "uui-folder-symbol",
|
|
2658
|
+
"description": "Properties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2659
|
+
"attributes": []
|
|
2660
|
+
},
|
|
2661
|
+
{
|
|
2662
|
+
"name": "uui-symbol-folder",
|
|
2663
|
+
"description": "Properties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2664
|
+
"attributes": []
|
|
2665
|
+
},
|
|
2666
|
+
{
|
|
2667
|
+
"name": "uui-symbol-lock",
|
|
2668
|
+
"description": "Attributes:\n\n * `open` {`boolean`} - \n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `open` {`boolean`} - ",
|
|
2669
|
+
"attributes": [
|
|
2670
|
+
{
|
|
2671
|
+
"name": "open",
|
|
2672
|
+
"description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
|
|
2673
|
+
"valueSet": "v"
|
|
2674
|
+
}
|
|
2675
|
+
]
|
|
2676
|
+
},
|
|
2677
|
+
{
|
|
2678
|
+
"name": "uui-symbol-more",
|
|
2679
|
+
"description": "Properties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2680
|
+
"attributes": []
|
|
2681
|
+
},
|
|
2682
|
+
{
|
|
2683
|
+
"name": "uui-symbol-sort",
|
|
2684
|
+
"description": "Attributes:\n\n * `descending` {boolean} - Turns the arrow around. Set this boolean to true for displaying descending sort is active.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `descending` {boolean} - Turns the arrow around. Set this boolean to true for displaying descending sort is active.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
|
|
2685
|
+
"attributes": [
|
|
2686
|
+
{
|
|
2687
|
+
"name": "descending",
|
|
2688
|
+
"description": "`descending` {boolean} - Turns the arrow around. Set this boolean to true for displaying descending sort is active.\n\nProperty: descending\n\nDefault: false",
|
|
2689
|
+
"valueSet": "v"
|
|
2690
|
+
},
|
|
2691
|
+
{
|
|
2692
|
+
"name": "active",
|
|
2693
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false",
|
|
2694
|
+
"valueSet": "v"
|
|
2695
|
+
}
|
|
2696
|
+
]
|
|
2697
|
+
},
|
|
2698
|
+
{
|
|
2699
|
+
"name": "uui-table-cell",
|
|
2700
|
+
"description": "Table cell that detects if it has overflow and if so it'll add a title attribute to itself to display full text. Must be a child of uui-table-row\n\nSlots:\n\n * ` ` {} - slot for table cell content\n\nAttributes:\n\n * `disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n * `no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n * `clip-text` {boolean} - Enable overflow ellipsis\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disableChildInteraction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n * `noPadding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n * `clipText` {boolean} - Enable overflow ellipsis\n\n * `_observer` - ",
|
|
2701
|
+
"attributes": [
|
|
2702
|
+
{
|
|
2703
|
+
"name": "disable-child-interaction",
|
|
2704
|
+
"description": "`disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\nProperty: disableChildInteraction\n\nDefault: false",
|
|
2705
|
+
"valueSet": "v"
|
|
2706
|
+
},
|
|
2707
|
+
{
|
|
2708
|
+
"name": "no-padding",
|
|
2709
|
+
"description": "`no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\nProperty: noPadding\n\nDefault: false",
|
|
2710
|
+
"valueSet": "v"
|
|
2711
|
+
},
|
|
2712
|
+
{
|
|
2713
|
+
"name": "clip-text",
|
|
2714
|
+
"description": "`clip-text` {boolean} - Enable overflow ellipsis\n\nProperty: clipText\n\nDefault: false",
|
|
2715
|
+
"valueSet": "v"
|
|
2716
|
+
}
|
|
2717
|
+
]
|
|
2718
|
+
},
|
|
2719
|
+
{
|
|
2720
|
+
"name": "uui-table-column",
|
|
2721
|
+
"description": "Table column element. Equivalent of native col. Any styles you apply to it will be applied to the corresponding column in the table. Must be a child of uui-table. If you want to have unstyled column between two styled columns put this element into the markup without any styles applied to it.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2722
|
+
"attributes": []
|
|
2723
|
+
},
|
|
2724
|
+
{
|
|
2725
|
+
"name": "uui-table-head-cell",
|
|
2726
|
+
"description": "Child element of uui-table-head. Use it there.\n\nSlots:\n\n * ` ` {} - slot for table cell content\n\nAttributes:\n\n * `disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n * `no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n * `clip-text` {boolean} - Enable overflow ellipsis\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disableChildInteraction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n * `noPadding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n * `clipText` {boolean} - Enable overflow ellipsis\n\n * `_observer` - ",
|
|
2727
|
+
"attributes": [
|
|
2728
|
+
{
|
|
2729
|
+
"name": "disable-child-interaction",
|
|
2730
|
+
"description": "`disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\nProperty: disableChildInteraction\n\nDefault: false",
|
|
2731
|
+
"valueSet": "v"
|
|
2732
|
+
},
|
|
2733
|
+
{
|
|
2734
|
+
"name": "no-padding",
|
|
2735
|
+
"description": "`no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\nProperty: noPadding\n\nDefault: false",
|
|
2736
|
+
"valueSet": "v"
|
|
2737
|
+
},
|
|
2738
|
+
{
|
|
2739
|
+
"name": "clip-text",
|
|
2740
|
+
"description": "`clip-text` {boolean} - Enable overflow ellipsis\n\nProperty: clipText\n\nDefault: false",
|
|
2741
|
+
"valueSet": "v"
|
|
2742
|
+
}
|
|
2743
|
+
]
|
|
2744
|
+
},
|
|
2745
|
+
{
|
|
2746
|
+
"name": "uui-table-head",
|
|
2747
|
+
"description": "Table head element. Holds the styles for table head. Parent to uui-table-head-cell.\n\nSlots:\n\n * ` ` {} - slot for uui-table-head-cell elements.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2748
|
+
"attributes": []
|
|
2749
|
+
},
|
|
2750
|
+
{
|
|
2751
|
+
"name": "uui-table-row",
|
|
2752
|
+
"description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.\n\nEvents:\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * ` ` {} - for <uui-table-cell> elements that should be in the row.\n\nAttributes:\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\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `slotCellNodes` {`unknown[] | undefined`} - \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 * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2753
|
+
"attributes": [
|
|
2754
|
+
{
|
|
2755
|
+
"name": "select-only",
|
|
2756
|
+
"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",
|
|
2757
|
+
"valueSet": "v"
|
|
2758
|
+
},
|
|
2759
|
+
{
|
|
2760
|
+
"name": "selectable",
|
|
2761
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
2762
|
+
"valueSet": "v"
|
|
2763
|
+
},
|
|
2764
|
+
{
|
|
2765
|
+
"name": "selected",
|
|
2766
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
2767
|
+
"valueSet": "v"
|
|
2768
|
+
},
|
|
2769
|
+
{
|
|
2770
|
+
"name": "onselected",
|
|
2771
|
+
"description": "`selected` - fires when the media card is selected"
|
|
2772
|
+
},
|
|
2773
|
+
{
|
|
2774
|
+
"name": "onunselected",
|
|
2775
|
+
"description": "`unselected` - fires when the media card is unselected"
|
|
2776
|
+
}
|
|
2777
|
+
]
|
|
2778
|
+
},
|
|
2779
|
+
{
|
|
2780
|
+
"name": "uui-table",
|
|
2781
|
+
"description": "Recreation of native table and it's child elements. `<uui-table>` is a parent element to `<uui-table-head>` `<and uui-table-row>`. To make it fully accessible remember to add aria-label and aria-describedby.\n\nSlots:\n\n * ` ` {} - slot for `<uui-table-head>` and `<uui-table-row>` elements. Make a table out of them.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
|
|
2782
|
+
"attributes": []
|
|
2783
|
+
},
|
|
2784
|
+
{
|
|
2785
|
+
"name": "uui-tab-group",
|
|
2786
|
+
"description": "Slots:\n\n * ` ` {} - Default slot for the tab group\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n * `_tabElements` {`HTMLElement[]`} - \n\n * `_onTabActive` - ",
|
|
2787
|
+
"attributes": []
|
|
2788
|
+
},
|
|
2789
|
+
{
|
|
2790
|
+
"name": "uui-tabs",
|
|
2791
|
+
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `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 * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `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`} - ",
|
|
2792
|
+
"attributes": [
|
|
2793
|
+
{
|
|
2794
|
+
"name": "disabled",
|
|
2795
|
+
"description": "`disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\nProperty: disabled\n\nDefault: false",
|
|
2796
|
+
"valueSet": "v"
|
|
2797
|
+
},
|
|
2798
|
+
{
|
|
2799
|
+
"name": "href",
|
|
2800
|
+
"description": "`href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
2801
|
+
"values": []
|
|
2802
|
+
},
|
|
2803
|
+
{
|
|
2804
|
+
"name": "target",
|
|
2805
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
2806
|
+
"values": [
|
|
2807
|
+
{
|
|
2808
|
+
"name": "_blank"
|
|
2809
|
+
},
|
|
2810
|
+
{
|
|
2811
|
+
"name": "_parent"
|
|
2812
|
+
},
|
|
2813
|
+
{
|
|
2814
|
+
"name": "_self"
|
|
2815
|
+
},
|
|
2816
|
+
{
|
|
2817
|
+
"name": "_top"
|
|
2818
|
+
}
|
|
2819
|
+
]
|
|
2820
|
+
},
|
|
2821
|
+
{
|
|
2822
|
+
"name": "active",
|
|
2823
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false",
|
|
2824
|
+
"valueSet": "v"
|
|
2825
|
+
},
|
|
2826
|
+
{
|
|
2827
|
+
"name": "label",
|
|
2828
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
2829
|
+
}
|
|
2830
|
+
]
|
|
2831
|
+
},
|
|
2832
|
+
{
|
|
2833
|
+
"name": "uui-tab",
|
|
2834
|
+
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `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 * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `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`} - ",
|
|
2835
|
+
"attributes": [
|
|
2836
|
+
{
|
|
2837
|
+
"name": "disabled",
|
|
2838
|
+
"description": "`disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\nProperty: disabled\n\nDefault: false",
|
|
2839
|
+
"valueSet": "v"
|
|
2840
|
+
},
|
|
2841
|
+
{
|
|
2842
|
+
"name": "href",
|
|
2843
|
+
"description": "`href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
2844
|
+
"values": []
|
|
2845
|
+
},
|
|
2846
|
+
{
|
|
2847
|
+
"name": "target",
|
|
2848
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
2849
|
+
"values": [
|
|
2850
|
+
{
|
|
2851
|
+
"name": "_blank"
|
|
2852
|
+
},
|
|
2853
|
+
{
|
|
2854
|
+
"name": "_parent"
|
|
2855
|
+
},
|
|
2856
|
+
{
|
|
2857
|
+
"name": "_self"
|
|
2858
|
+
},
|
|
2859
|
+
{
|
|
2860
|
+
"name": "_top"
|
|
2861
|
+
}
|
|
2862
|
+
]
|
|
2863
|
+
},
|
|
2864
|
+
{
|
|
2865
|
+
"name": "active",
|
|
2866
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false",
|
|
2867
|
+
"valueSet": "v"
|
|
2868
|
+
},
|
|
2869
|
+
{
|
|
2870
|
+
"name": "label",
|
|
2871
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
2872
|
+
}
|
|
2873
|
+
]
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
"name": "uui-tag",
|
|
2877
|
+
"description": "Slots:\n\n * ` ` {} - slot for tag contents\n\nAttributes:\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 * `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\nProperties:\n\n * `styles` {`CSSResult[]`} - \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 * `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.",
|
|
2878
|
+
"attributes": [
|
|
2879
|
+
{
|
|
2880
|
+
"name": "color",
|
|
2881
|
+
"description": "`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\nProperty: color\n\nDefault: \"default\"",
|
|
2882
|
+
"values": [
|
|
2883
|
+
{
|
|
2884
|
+
"name": ""
|
|
2885
|
+
},
|
|
2886
|
+
{
|
|
2887
|
+
"name": "default"
|
|
2888
|
+
},
|
|
2889
|
+
{
|
|
2890
|
+
"name": "positive"
|
|
2891
|
+
},
|
|
2892
|
+
{
|
|
2893
|
+
"name": "warning"
|
|
2894
|
+
},
|
|
2895
|
+
{
|
|
2896
|
+
"name": "danger"
|
|
2897
|
+
}
|
|
2898
|
+
]
|
|
2899
|
+
},
|
|
2900
|
+
{
|
|
2901
|
+
"name": "look",
|
|
2902
|
+
"description": "`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\nProperty: look\n\nDefault: \"default\"",
|
|
2903
|
+
"values": [
|
|
2904
|
+
{
|
|
2905
|
+
"name": ""
|
|
2906
|
+
},
|
|
2907
|
+
{
|
|
2908
|
+
"name": "default"
|
|
2909
|
+
},
|
|
2910
|
+
{
|
|
2911
|
+
"name": "primary"
|
|
2912
|
+
},
|
|
2913
|
+
{
|
|
2914
|
+
"name": "secondary"
|
|
2915
|
+
},
|
|
2916
|
+
{
|
|
2917
|
+
"name": "outline"
|
|
2918
|
+
},
|
|
2919
|
+
{
|
|
2920
|
+
"name": "placeholder"
|
|
2921
|
+
}
|
|
2922
|
+
]
|
|
2923
|
+
}
|
|
2924
|
+
]
|
|
2925
|
+
},
|
|
2926
|
+
{
|
|
2927
|
+
"name": "uui-textarea",
|
|
2928
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nAttributes:\n\n * `placeholder` {string} - Defines the textarea placeholder.\n\n * `disabled` {boolean} - Disables the textarea.\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 * `minlength` {number} - This is a minimum value of the input.\n\n * `minlength-message` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` {boolean} - Maxlength validation message.\n\n * `auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n * `value` {string} - Value of this form control.\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} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `placeholder` {string} - Defines the textarea placeholder.\n\n * `disabled` {boolean} - Disables the textarea.\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 * `minlength` {number} - This is a minimum value of the input.\n\n * `minlengthMessage` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n * `_textarea` {`HTMLInputElement`} - \n\n * `autoHeight` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\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 `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
2929
|
+
"attributes": [
|
|
2930
|
+
{
|
|
2931
|
+
"name": "placeholder",
|
|
2932
|
+
"description": "`placeholder` {string} - Defines the textarea placeholder.\n\nProperty: placeholder\n\nDefault: ''"
|
|
2933
|
+
},
|
|
2934
|
+
{
|
|
2935
|
+
"name": "disabled",
|
|
2936
|
+
"description": "`disabled` {boolean} - Disables the textarea.\n\nProperty: disabled\n\nDefault: false",
|
|
2937
|
+
"valueSet": "v"
|
|
2938
|
+
},
|
|
2939
|
+
{
|
|
2940
|
+
"name": "readonly",
|
|
2941
|
+
"description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
|
|
2942
|
+
"valueSet": "v"
|
|
2943
|
+
},
|
|
2944
|
+
{
|
|
2945
|
+
"name": "minlength",
|
|
2946
|
+
"description": "`minlength` {number} - This is a minimum value of the input.\n\nProperty: minlength\n\nDefault: undefined",
|
|
2947
|
+
"values": []
|
|
2948
|
+
},
|
|
2949
|
+
{
|
|
2950
|
+
"name": "minlength-message",
|
|
2951
|
+
"description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
2952
|
+
},
|
|
2953
|
+
{
|
|
2954
|
+
"name": "maxlength",
|
|
2955
|
+
"description": "`maxlength` {number} - This is a maximum value of the input.\n\nProperty: maxlength\n\nDefault: undefined",
|
|
2956
|
+
"values": []
|
|
2957
|
+
},
|
|
2958
|
+
{
|
|
2959
|
+
"name": "maxlength-message",
|
|
2960
|
+
"description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
2961
|
+
},
|
|
2962
|
+
{
|
|
2963
|
+
"name": "auto-height",
|
|
2964
|
+
"description": "`auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\nProperty: autoHeight\n\nDefault: false",
|
|
2965
|
+
"valueSet": "v"
|
|
2966
|
+
},
|
|
2967
|
+
{
|
|
2968
|
+
"name": "label",
|
|
2969
|
+
"description": "`label` {string} - Label to be used for aria-label and eventually as visual label\n\nProperty: label"
|
|
2970
|
+
},
|
|
2971
|
+
{
|
|
2972
|
+
"name": "name",
|
|
2973
|
+
"description": "`name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\nProperty: name\n\nDefault: ''"
|
|
2974
|
+
},
|
|
2975
|
+
{
|
|
2976
|
+
"name": "value",
|
|
2977
|
+
"description": "`value` {string} - Value of this form control.\n\nProperty: value\n\nDefault: ''",
|
|
2978
|
+
"values": []
|
|
2979
|
+
},
|
|
2980
|
+
{
|
|
2981
|
+
"name": "pristine",
|
|
2982
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
2983
|
+
"valueSet": "v"
|
|
2984
|
+
},
|
|
2985
|
+
{
|
|
2986
|
+
"name": "required",
|
|
2987
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
2988
|
+
"valueSet": "v"
|
|
2989
|
+
},
|
|
2990
|
+
{
|
|
2991
|
+
"name": "required-message",
|
|
2992
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
2993
|
+
},
|
|
2994
|
+
{
|
|
2995
|
+
"name": "error",
|
|
2996
|
+
"description": "`error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\nProperty: error\n\nDefault: false",
|
|
2997
|
+
"valueSet": "v"
|
|
2998
|
+
},
|
|
2999
|
+
{
|
|
3000
|
+
"name": "error-message",
|
|
3001
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
3002
|
+
},
|
|
3003
|
+
{
|
|
3004
|
+
"name": "onchange",
|
|
3005
|
+
"description": "`change` {} - on change"
|
|
3006
|
+
},
|
|
3007
|
+
{
|
|
3008
|
+
"name": "oninput",
|
|
3009
|
+
"description": "`input` {} - on input"
|
|
3010
|
+
},
|
|
3011
|
+
{
|
|
3012
|
+
"name": "onkeyup",
|
|
3013
|
+
"description": "`keyup` {} - on keyup"
|
|
3014
|
+
}
|
|
3015
|
+
]
|
|
3016
|
+
},
|
|
3017
|
+
{
|
|
3018
|
+
"name": "uui-toast-notification-container",
|
|
3019
|
+
"description": "Slots:\n\n * ` ` {} - slot for toast layout/content\n\nAttributes:\n\n * `auto-close` {number} - Set an auto-close timer, the timer will be paused on mouse-hover.\n\n * `bottom-up` {boolean} - set the toast container to grow from bottom to top.\n\n * `left-align` {boolean} - set the toast container to align to the left.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `autoClose` {`number | null`} - \n\n * `_autoClosePause` {`boolean`} - \n\n * `pauseAutoClose` - pause all auto close timer, including later coming.\n\n * `resumeAutoClose` - resume the auto close timers.\n\n * `onToastClosed` - \n\n * `_toasts` {`UUIToastNotificationElement[]`} - \n\n * `onSlotChanged` - \n\n * `_autoClose` {number} - Set an auto-close timer, the timer will be paused on mouse-hover.",
|
|
3020
|
+
"attributes": [
|
|
3021
|
+
{
|
|
3022
|
+
"name": "auto-close",
|
|
3023
|
+
"description": "`auto-close` {number} - Set an auto-close timer, the timer will be paused on mouse-hover.\n\nProperty: _autoClose\n\nDefault: null",
|
|
3024
|
+
"values": []
|
|
3025
|
+
},
|
|
3026
|
+
{
|
|
3027
|
+
"name": "bottom-up",
|
|
3028
|
+
"description": "`bottom-up` {boolean} - set the toast container to grow from bottom to top.\n\n",
|
|
3029
|
+
"valueSet": "v"
|
|
3030
|
+
},
|
|
3031
|
+
{
|
|
3032
|
+
"name": "left-align",
|
|
3033
|
+
"description": "`left-align` {boolean} - set the toast container to align to the left.\n\n",
|
|
3034
|
+
"valueSet": "v"
|
|
3035
|
+
}
|
|
3036
|
+
]
|
|
3037
|
+
},
|
|
3038
|
+
{
|
|
3039
|
+
"name": "uui-toast-notification-layout",
|
|
3040
|
+
"description": "Slots:\n\n * ` ` {} - for content\n\n * `headline` {} - for headline\n\n * `actions` {} - for actions\n\nAttributes:\n\n * `headline` {`string`} - Headline for this notification, can also be set via the 'headline' slot.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `headline` {`string`} - Headline for this notification, can also be set via the 'headline' slot.\n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - ",
|
|
3041
|
+
"attributes": [
|
|
3042
|
+
{
|
|
3043
|
+
"name": "headline",
|
|
3044
|
+
"description": "`headline` {`string`} - Headline for this notification, can also be set via the 'headline' slot.\n\nProperty: headline"
|
|
3045
|
+
}
|
|
3046
|
+
]
|
|
3047
|
+
},
|
|
3048
|
+
{
|
|
3049
|
+
"name": "uui-toast-notification",
|
|
3050
|
+
"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` {'' | 'default' | 'positive' | 'warning' | 'danger'} - 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 * `styles` {`CSSResult[]`} - \n\n * `color` {'' | 'default' | 'positive' | 'warning' | 'danger'} - 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`} - ",
|
|
3051
|
+
"attributes": [
|
|
3052
|
+
{
|
|
3053
|
+
"name": "color",
|
|
3054
|
+
"description": "`color` {'' | 'default' | 'positive' | 'warning' | 'danger'} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\nProperty: color\n\nDefault: \"\"",
|
|
3055
|
+
"values": [
|
|
3056
|
+
{
|
|
3057
|
+
"name": ""
|
|
3058
|
+
},
|
|
3059
|
+
{
|
|
3060
|
+
"name": "default"
|
|
3061
|
+
},
|
|
3062
|
+
{
|
|
3063
|
+
"name": "positive"
|
|
3064
|
+
},
|
|
3065
|
+
{
|
|
3066
|
+
"name": "warning"
|
|
3067
|
+
},
|
|
3068
|
+
{
|
|
3069
|
+
"name": "danger"
|
|
3070
|
+
}
|
|
3071
|
+
]
|
|
3072
|
+
},
|
|
3073
|
+
{
|
|
3074
|
+
"name": "autoClose",
|
|
3075
|
+
"description": "`autoClose` {`number | null`} - Set an auto-close timer.\n\nProperty: autoClose\n\nDefault: null",
|
|
3076
|
+
"values": []
|
|
3077
|
+
},
|
|
3078
|
+
{
|
|
3079
|
+
"name": "open",
|
|
3080
|
+
"description": "`open` {`boolean`} - define if this toast should open or close.\n\nProperty: open\n\nDefault: false",
|
|
3081
|
+
"valueSet": "v"
|
|
3082
|
+
},
|
|
3083
|
+
{
|
|
3084
|
+
"name": "onopening",
|
|
3085
|
+
"description": "`opening` - fires when the toast is starting to open"
|
|
3086
|
+
},
|
|
3087
|
+
{
|
|
3088
|
+
"name": "onopened",
|
|
3089
|
+
"description": "`opened` - fires when the toast is open after the open-animation"
|
|
3090
|
+
},
|
|
3091
|
+
{
|
|
3092
|
+
"name": "onclosing",
|
|
3093
|
+
"description": "`closing` - fires when the toast is starting to close"
|
|
3094
|
+
},
|
|
3095
|
+
{
|
|
3096
|
+
"name": "onclosed",
|
|
3097
|
+
"description": "`closed` - fires when the toast is closed"
|
|
3098
|
+
}
|
|
3099
|
+
]
|
|
3100
|
+
},
|
|
3101
|
+
{
|
|
3102
|
+
"name": "uui-toggle",
|
|
3103
|
+
"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\nSlots:\n\n * ` ` {} - Override the default label\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 * `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 * `styles` {`CSSResult[]`} - \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 * `_input` {`HTMLInputElement`} - \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 * `_validityState` - \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 * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
3104
|
+
"attributes": [
|
|
3105
|
+
{
|
|
3106
|
+
"name": "label-position",
|
|
3107
|
+
"description": "`label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\nProperty: labelPosition\n\nDefault: right",
|
|
3108
|
+
"values": [
|
|
3109
|
+
{
|
|
3110
|
+
"name": "left"
|
|
3111
|
+
},
|
|
3112
|
+
{
|
|
3113
|
+
"name": "right"
|
|
3114
|
+
},
|
|
3115
|
+
{
|
|
3116
|
+
"name": "top"
|
|
3117
|
+
},
|
|
3118
|
+
{
|
|
3119
|
+
"name": "bottom"
|
|
3120
|
+
}
|
|
3121
|
+
]
|
|
3122
|
+
},
|
|
3123
|
+
{
|
|
3124
|
+
"name": "checked",
|
|
3125
|
+
"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",
|
|
3126
|
+
"valueSet": "v"
|
|
3127
|
+
},
|
|
3128
|
+
{
|
|
3129
|
+
"name": "disabled",
|
|
3130
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
3131
|
+
"valueSet": "v"
|
|
3132
|
+
},
|
|
3133
|
+
{
|
|
3134
|
+
"name": "name",
|
|
3135
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
3136
|
+
},
|
|
3137
|
+
{
|
|
3138
|
+
"name": "value",
|
|
3139
|
+
"description": "`value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\nProperty: value\n\nDefault: ''"
|
|
3140
|
+
},
|
|
3141
|
+
{
|
|
3142
|
+
"name": "pristine",
|
|
3143
|
+
"description": "`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\nProperty: pristine\n\nDefault: false",
|
|
3144
|
+
"valueSet": "v"
|
|
3145
|
+
},
|
|
3146
|
+
{
|
|
3147
|
+
"name": "required",
|
|
3148
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
3149
|
+
"valueSet": "v"
|
|
3150
|
+
},
|
|
3151
|
+
{
|
|
3152
|
+
"name": "required-message",
|
|
3153
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
3154
|
+
},
|
|
3155
|
+
{
|
|
3156
|
+
"name": "error",
|
|
3157
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
3158
|
+
"valueSet": "v"
|
|
3159
|
+
},
|
|
3160
|
+
{
|
|
3161
|
+
"name": "error-message",
|
|
3162
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
3163
|
+
},
|
|
3164
|
+
{
|
|
3165
|
+
"name": "label",
|
|
3166
|
+
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
3167
|
+
},
|
|
3168
|
+
{
|
|
3169
|
+
"name": "onchange-",
|
|
3170
|
+
"description": "`change-` {} - fires when the element is begin checked by a user action"
|
|
3171
|
+
},
|
|
3172
|
+
{
|
|
3173
|
+
"name": "onchange",
|
|
3174
|
+
"description": "`change` {} - on change"
|
|
3175
|
+
}
|
|
3176
|
+
]
|
|
3177
|
+
}
|
|
3178
|
+
],
|
|
3179
|
+
"globalAttributes": [],
|
|
3180
|
+
"valueSets": []
|
|
3181
|
+
}
|