@umbraco-ui/uui 2.0.0-rc.1 → 2.0.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 +38 -2
- package/dist/components/breadcrumbs/breadcrumb-item.element.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumb-item.element.js +22 -5
- package/dist/components/breadcrumbs/breadcrumb-item.element.js.map +1 -1
- package/dist/components/input/input.element.js +2 -2
- package/dist/components/input/input.element.js.map +1 -1
- package/dist/components/pagination/pagination.element.js +1 -0
- package/dist/components/pagination/pagination.element.js.map +1 -1
- package/dist/components/popover-container/popover-container-nestedslottester.element.d.ts +26 -0
- package/dist/components/popover-container/popover-container.element.d.ts +1 -0
- package/dist/components/popover-container/popover-container.element.js +30 -6
- package/dist/components/popover-container/popover-container.element.js.map +1 -1
- package/dist/components/table/table-row.element.js +2 -2
- package/dist/components/table/table-row.element.js.map +1 -1
- package/dist/components/table/table.element.js +1 -1
- package/dist/components/table/table.element.js.map +1 -1
- package/dist/components/tabs/tab-group.element.js +17 -1
- package/dist/components/tabs/tab-group.element.js.map +1 -1
- package/dist/components/tabs/tab.element.js +3 -3
- package/dist/components/tabs/tab.element.js.map +1 -1
- package/dist/package.json.js +1 -1
- package/package.json +10 -10
- package/vscode.html-custom-data.json +326 -533
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
"tags": [
|
|
4
4
|
{
|
|
5
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`
|
|
6
|
+
"description": "Slots:\n\n * ` ` {} - The slot for buttons. It supports `<uui-button>` elements out of the box.\n\nProperties:\n\n * `styles` - ",
|
|
7
7
|
"attributes": []
|
|
8
8
|
},
|
|
9
9
|
{
|
|
10
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 * `_avatarNodes`
|
|
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 * `_avatarNodes` - \n\n * `_avatarArray` - \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\n * `styles` - ",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "limit",
|
|
@@ -18,12 +18,11 @@
|
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
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\n * `initials` {string} - Use this to override the initials generated from the name.\n\nProperties:\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 * `initials` {string} - Use this to override the initials generated from the name.\n\n * `_initials` {`string`} - \n\n * `styles`
|
|
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\n * `initials` {string} - Use this to override the initials generated from the name.\n\nProperties:\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 * `initials` {string} - Use this to override the initials generated from the name.\n\n * `_initials` {`string`} - \n\n * `styles` - ",
|
|
22
22
|
"attributes": [
|
|
23
23
|
{
|
|
24
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"
|
|
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"
|
|
27
26
|
},
|
|
28
27
|
{
|
|
29
28
|
"name": "img-src",
|
|
@@ -46,7 +45,7 @@
|
|
|
46
45
|
},
|
|
47
46
|
{
|
|
48
47
|
"name": "uui-badge",
|
|
49
|
-
"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 * `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\n * `styles`
|
|
48
|
+
"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 * `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\n * `styles` - ",
|
|
50
49
|
"attributes": [
|
|
51
50
|
{
|
|
52
51
|
"name": "color",
|
|
@@ -98,14 +97,13 @@
|
|
|
98
97
|
},
|
|
99
98
|
{
|
|
100
99
|
"name": "attention",
|
|
101
|
-
"description": "`attention` {`boolean`} - Bring attention to this badge by applying a bounce animation.\n\nProperty: attention\n\nDefault: false"
|
|
102
|
-
"valueSet": "v"
|
|
100
|
+
"description": "`attention` {`boolean`} - Bring attention to this badge by applying a bounce animation.\n\nProperty: attention\n\nDefault: false"
|
|
103
101
|
}
|
|
104
102
|
]
|
|
105
103
|
},
|
|
106
104
|
{
|
|
107
105
|
"name": "uui-box",
|
|
108
|
-
"description": "A layout box for grouping elements, as well its possible to append a header, with a headline or other elements to the box.\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 are not the headline but are located in the header.\n\n * `header-actions` {} - right-side of the box header, use this to append some actions that are general for the topic of this box.\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 `headline` slot.\n\n * `headline-variant` {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} - Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)\n\nProperties:\n\n * `headline` {`string | null`} - Headline for this box, can also be set via the `headline` slot.\n\n * `headlineVariant` {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} - Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)\n\n * `_headlineVariantTag` {`UUIInterfaceHeading`} - \n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `_headerSlotHasContent` {`boolean`} - \n\n * `_headerSlotChanged` - \n\n * `_headerActionsSlotHasContent` {`boolean`} - \n\n * `_headerActionsSlotChanged` - \n\n * `styles`
|
|
106
|
+
"description": "A layout box for grouping elements, as well its possible to append a header, with a headline or other elements to the box.\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 are not the headline but are located in the header.\n\n * `header-actions` {} - right-side of the box header, use this to append some actions that are general for the topic of this box.\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 `headline` slot.\n\n * `headline-variant` {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} - Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)\n\nProperties:\n\n * `headline` {`string | null`} - Headline for this box, can also be set via the `headline` slot.\n\n * `headlineVariant` {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} - Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)\n\n * `_headlineVariantTag` {`UUIInterfaceHeading`} - \n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `_headerSlotHasContent` {`boolean`} - \n\n * `_headerSlotChanged` - \n\n * `_headerActionsSlotHasContent` {`boolean`} - \n\n * `_headerActionsSlotChanged` - \n\n * `styles` - ",
|
|
109
107
|
"attributes": [
|
|
110
108
|
{
|
|
111
109
|
"name": "headline",
|
|
@@ -143,7 +141,7 @@
|
|
|
143
141
|
},
|
|
144
142
|
{
|
|
145
143
|
"name": "uui-breadcrumb-item",
|
|
146
|
-
"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 * `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\n\n * `styles`
|
|
144
|
+
"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 * `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\n\n * `styles` - ",
|
|
147
145
|
"attributes": [
|
|
148
146
|
{
|
|
149
147
|
"name": "href",
|
|
@@ -152,19 +150,18 @@
|
|
|
152
150
|
},
|
|
153
151
|
{
|
|
154
152
|
"name": "last-item",
|
|
155
|
-
"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'"
|
|
156
|
-
"valueSet": "v"
|
|
153
|
+
"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'"
|
|
157
154
|
}
|
|
158
155
|
]
|
|
159
156
|
},
|
|
160
157
|
{
|
|
161
158
|
"name": "uui-breadcrumbs",
|
|
162
|
-
"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 * `slotNodes`
|
|
159
|
+
"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 * `slotNodes` - \n\n * `styles` - ",
|
|
163
160
|
"attributes": []
|
|
164
161
|
},
|
|
165
162
|
{
|
|
166
163
|
"name": "uui-button-copy-text",
|
|
167
|
-
"description": "Events:\n\n * `copying` - Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard\n\n * `copied` - Fires when the content is copied to the clipboard\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - Use to replace the default content of the copy icon\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copy-from` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copyFrom` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animationStateDelay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles`
|
|
164
|
+
"description": "Events:\n\n * `copying` - Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard\n\n * `copied` - Fires when the content is copied to the clipboard\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - Use to replace the default content of the copy icon\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copy-from` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copyFrom` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animationStateDelay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
168
165
|
"attributes": [
|
|
169
166
|
{
|
|
170
167
|
"name": "text",
|
|
@@ -195,8 +192,7 @@
|
|
|
195
192
|
},
|
|
196
193
|
{
|
|
197
194
|
"name": "disabled",
|
|
198
|
-
"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"
|
|
199
|
-
"valueSet": "v"
|
|
195
|
+
"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"
|
|
200
196
|
},
|
|
201
197
|
{
|
|
202
198
|
"name": "look",
|
|
@@ -248,8 +244,7 @@
|
|
|
248
244
|
},
|
|
249
245
|
{
|
|
250
246
|
"name": "compact",
|
|
251
|
-
"description": "`compact` {boolean} - Makes the left and right padding of the button narrower.\n\nProperty: compact\n\nDefault: false"
|
|
252
|
-
"valueSet": "v"
|
|
247
|
+
"description": "`compact` {boolean} - Makes the left and right padding of the button narrower.\n\nProperty: compact\n\nDefault: false"
|
|
253
248
|
},
|
|
254
249
|
{
|
|
255
250
|
"name": "state",
|
|
@@ -304,8 +299,7 @@
|
|
|
304
299
|
},
|
|
305
300
|
{
|
|
306
301
|
"name": "required",
|
|
307
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
308
|
-
"valueSet": "v"
|
|
302
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
309
303
|
},
|
|
310
304
|
{
|
|
311
305
|
"name": "required-message",
|
|
@@ -313,8 +307,7 @@
|
|
|
313
307
|
},
|
|
314
308
|
{
|
|
315
309
|
"name": "error",
|
|
316
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
317
|
-
"valueSet": "v"
|
|
310
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
318
311
|
},
|
|
319
312
|
{
|
|
320
313
|
"name": "error-message",
|
|
@@ -326,8 +319,7 @@
|
|
|
326
319
|
},
|
|
327
320
|
{
|
|
328
321
|
"name": "pristine",
|
|
329
|
-
"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: "
|
|
330
|
-
"valueSet": "v"
|
|
322
|
+
"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: "
|
|
331
323
|
},
|
|
332
324
|
{
|
|
333
325
|
"name": "label",
|
|
@@ -354,12 +346,12 @@
|
|
|
354
346
|
},
|
|
355
347
|
{
|
|
356
348
|
"name": "uui-button-group",
|
|
357
|
-
"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`
|
|
349
|
+
"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` - ",
|
|
358
350
|
"attributes": []
|
|
359
351
|
},
|
|
360
352
|
{
|
|
361
353
|
"name": "uui-button-inline-create",
|
|
362
|
-
"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 * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `vertical` {Boolean} - Place the button vertically\n\nProperties:\n\n * `_position` {`number`} - \n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles`
|
|
354
|
+
"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 * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `vertical` {Boolean} - Place the button vertically\n\nProperties:\n\n * `_position` {`number`} - \n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` - \n\n * `vertical` {Boolean} - Place the button vertically",
|
|
363
355
|
"attributes": [
|
|
364
356
|
{
|
|
365
357
|
"name": "label",
|
|
@@ -396,8 +388,7 @@
|
|
|
396
388
|
},
|
|
397
389
|
{
|
|
398
390
|
"name": "vertical",
|
|
399
|
-
"description": "`vertical` {Boolean} - Place the button vertically\n\nProperty: vertical\n\nDefault: false"
|
|
400
|
-
"valueSet": "v"
|
|
391
|
+
"description": "`vertical` {Boolean} - Place the button vertically\n\nProperty: vertical\n\nDefault: false"
|
|
401
392
|
},
|
|
402
393
|
{
|
|
403
394
|
"name": "onclick",
|
|
@@ -407,7 +398,7 @@
|
|
|
407
398
|
},
|
|
408
399
|
{
|
|
409
400
|
"name": "uui-button",
|
|
410
|
-
"description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles`
|
|
401
|
+
"description": "Events:\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - for default content\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `title` {string} - Sets the title attribute, which provides a tooltip for both button and anchor elements.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
411
402
|
"attributes": [
|
|
412
403
|
{
|
|
413
404
|
"name": "type",
|
|
@@ -426,8 +417,7 @@
|
|
|
426
417
|
},
|
|
427
418
|
{
|
|
428
419
|
"name": "disabled",
|
|
429
|
-
"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"
|
|
430
|
-
"valueSet": "v"
|
|
420
|
+
"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"
|
|
431
421
|
},
|
|
432
422
|
{
|
|
433
423
|
"name": "look",
|
|
@@ -479,8 +469,7 @@
|
|
|
479
469
|
},
|
|
480
470
|
{
|
|
481
471
|
"name": "compact",
|
|
482
|
-
"description": "`compact` {boolean} - Makes the left and right padding of the button narrower.\n\nProperty: compact\n\nDefault: false"
|
|
483
|
-
"valueSet": "v"
|
|
472
|
+
"description": "`compact` {boolean} - Makes the left and right padding of the button narrower.\n\nProperty: compact\n\nDefault: false"
|
|
484
473
|
},
|
|
485
474
|
{
|
|
486
475
|
"name": "state",
|
|
@@ -535,8 +524,7 @@
|
|
|
535
524
|
},
|
|
536
525
|
{
|
|
537
526
|
"name": "required",
|
|
538
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
539
|
-
"valueSet": "v"
|
|
527
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
540
528
|
},
|
|
541
529
|
{
|
|
542
530
|
"name": "required-message",
|
|
@@ -544,8 +532,7 @@
|
|
|
544
532
|
},
|
|
545
533
|
{
|
|
546
534
|
"name": "error",
|
|
547
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
548
|
-
"valueSet": "v"
|
|
535
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
549
536
|
},
|
|
550
537
|
{
|
|
551
538
|
"name": "error-message",
|
|
@@ -557,8 +544,7 @@
|
|
|
557
544
|
},
|
|
558
545
|
{
|
|
559
546
|
"name": "pristine",
|
|
560
|
-
"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: "
|
|
561
|
-
"valueSet": "v"
|
|
547
|
+
"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: "
|
|
562
548
|
},
|
|
563
549
|
{
|
|
564
550
|
"name": "label",
|
|
@@ -577,7 +563,7 @@
|
|
|
577
563
|
},
|
|
578
564
|
{
|
|
579
565
|
"name": "uui-card-block-type",
|
|
580
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - 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} - Block type name\n\n * `description` {string} - Block type description\n\n * `background`
|
|
566
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - 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} - Block type name\n\n * `description` {string} - Block type description\n\n * `background` - \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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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} - Block type name\n\n * `description` {string} - Block type description\n\n * `background` - \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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
581
567
|
"attributes": [
|
|
582
568
|
{
|
|
583
569
|
"name": "name",
|
|
@@ -590,18 +576,16 @@
|
|
|
590
576
|
},
|
|
591
577
|
{
|
|
592
578
|
"name": "background",
|
|
593
|
-
"description": "`background`
|
|
579
|
+
"description": "`background` - \n\nProperty: background",
|
|
594
580
|
"values": []
|
|
595
581
|
},
|
|
596
582
|
{
|
|
597
583
|
"name": "disabled",
|
|
598
|
-
"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"
|
|
599
|
-
"valueSet": "v"
|
|
584
|
+
"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"
|
|
600
585
|
},
|
|
601
586
|
{
|
|
602
587
|
"name": "error",
|
|
603
|
-
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
604
|
-
"valueSet": "v"
|
|
588
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
605
589
|
},
|
|
606
590
|
{
|
|
607
591
|
"name": "href",
|
|
@@ -633,18 +617,15 @@
|
|
|
633
617
|
},
|
|
634
618
|
{
|
|
635
619
|
"name": "select-only",
|
|
636
|
-
"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"
|
|
637
|
-
"valueSet": "v"
|
|
620
|
+
"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"
|
|
638
621
|
},
|
|
639
622
|
{
|
|
640
623
|
"name": "selectable",
|
|
641
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
642
|
-
"valueSet": "v"
|
|
624
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
643
625
|
},
|
|
644
626
|
{
|
|
645
627
|
"name": "selected",
|
|
646
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
647
|
-
"valueSet": "v"
|
|
628
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
648
629
|
},
|
|
649
630
|
{
|
|
650
631
|
"name": "onopen",
|
|
@@ -662,7 +643,7 @@
|
|
|
662
643
|
},
|
|
663
644
|
{
|
|
664
645
|
"name": "uui-card-content-node",
|
|
665
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - 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 * `detail` {string} - Node details\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles`
|
|
646
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - 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 * `detail` {string} - Node details\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
666
647
|
"attributes": [
|
|
667
648
|
{
|
|
668
649
|
"name": "name",
|
|
@@ -674,13 +655,11 @@
|
|
|
674
655
|
},
|
|
675
656
|
{
|
|
676
657
|
"name": "disabled",
|
|
677
|
-
"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"
|
|
678
|
-
"valueSet": "v"
|
|
658
|
+
"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"
|
|
679
659
|
},
|
|
680
660
|
{
|
|
681
661
|
"name": "error",
|
|
682
|
-
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
683
|
-
"valueSet": "v"
|
|
662
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
684
663
|
},
|
|
685
664
|
{
|
|
686
665
|
"name": "href",
|
|
@@ -712,18 +691,15 @@
|
|
|
712
691
|
},
|
|
713
692
|
{
|
|
714
693
|
"name": "select-only",
|
|
715
|
-
"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"
|
|
716
|
-
"valueSet": "v"
|
|
694
|
+
"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"
|
|
717
695
|
},
|
|
718
696
|
{
|
|
719
697
|
"name": "selectable",
|
|
720
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
721
|
-
"valueSet": "v"
|
|
698
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
722
699
|
},
|
|
723
700
|
{
|
|
724
701
|
"name": "selected",
|
|
725
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
726
|
-
"valueSet": "v"
|
|
702
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
727
703
|
},
|
|
728
704
|
{
|
|
729
705
|
"name": "onopen",
|
|
@@ -741,7 +717,7 @@
|
|
|
741
717
|
},
|
|
742
718
|
{
|
|
743
719
|
"name": "uui-card-media",
|
|
744
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * `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 * `detail` {string} - Media detail\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `detail` {string} - Media detail\n\n * `fileExt` {string} - Media file extension, without \".\"\n\n * `hasPreview` {`boolean`} - \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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles`
|
|
720
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * `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 * `detail` {string} - Media detail\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `detail` {string} - Media detail\n\n * `fileExt` {string} - Media file extension, without \".\"\n\n * `hasPreview` {`boolean`} - \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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
745
721
|
"attributes": [
|
|
746
722
|
{
|
|
747
723
|
"name": "name",
|
|
@@ -758,13 +734,11 @@
|
|
|
758
734
|
},
|
|
759
735
|
{
|
|
760
736
|
"name": "disabled",
|
|
761
|
-
"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"
|
|
762
|
-
"valueSet": "v"
|
|
737
|
+
"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"
|
|
763
738
|
},
|
|
764
739
|
{
|
|
765
740
|
"name": "error",
|
|
766
|
-
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
767
|
-
"valueSet": "v"
|
|
741
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
768
742
|
},
|
|
769
743
|
{
|
|
770
744
|
"name": "href",
|
|
@@ -796,18 +770,15 @@
|
|
|
796
770
|
},
|
|
797
771
|
{
|
|
798
772
|
"name": "select-only",
|
|
799
|
-
"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"
|
|
800
|
-
"valueSet": "v"
|
|
773
|
+
"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"
|
|
801
774
|
},
|
|
802
775
|
{
|
|
803
776
|
"name": "selectable",
|
|
804
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
805
|
-
"valueSet": "v"
|
|
777
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
806
778
|
},
|
|
807
779
|
{
|
|
808
780
|
"name": "selected",
|
|
809
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
810
|
-
"valueSet": "v"
|
|
781
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
811
782
|
},
|
|
812
783
|
{
|
|
813
784
|
"name": "onopen",
|
|
@@ -825,7 +796,7 @@
|
|
|
825
796
|
},
|
|
826
797
|
{
|
|
827
798
|
"name": "uui-card-user",
|
|
828
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `avatar` {} - slot for the avatar with support for the `<uui-avatar>` element\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `_avatarSlotHasContent` {`boolean`} - \n\n * `_avatarSlotChanged` - \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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles`
|
|
799
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `avatar` {} - slot for the avatar with support for the `<uui-avatar>` element\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `_avatarSlotHasContent` {`boolean`} - \n\n * `_avatarSlotChanged` - \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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
829
800
|
"attributes": [
|
|
830
801
|
{
|
|
831
802
|
"name": "name",
|
|
@@ -833,13 +804,11 @@
|
|
|
833
804
|
},
|
|
834
805
|
{
|
|
835
806
|
"name": "disabled",
|
|
836
|
-
"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"
|
|
837
|
-
"valueSet": "v"
|
|
807
|
+
"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"
|
|
838
808
|
},
|
|
839
809
|
{
|
|
840
810
|
"name": "error",
|
|
841
|
-
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
842
|
-
"valueSet": "v"
|
|
811
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
843
812
|
},
|
|
844
813
|
{
|
|
845
814
|
"name": "href",
|
|
@@ -871,18 +840,15 @@
|
|
|
871
840
|
},
|
|
872
841
|
{
|
|
873
842
|
"name": "select-only",
|
|
874
|
-
"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"
|
|
875
|
-
"valueSet": "v"
|
|
843
|
+
"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"
|
|
876
844
|
},
|
|
877
845
|
{
|
|
878
846
|
"name": "selectable",
|
|
879
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
880
|
-
"valueSet": "v"
|
|
847
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
881
848
|
},
|
|
882
849
|
{
|
|
883
850
|
"name": "selected",
|
|
884
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
885
|
-
"valueSet": "v"
|
|
851
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
886
852
|
},
|
|
887
853
|
{
|
|
888
854
|
"name": "onopen",
|
|
@@ -900,17 +866,15 @@
|
|
|
900
866
|
},
|
|
901
867
|
{
|
|
902
868
|
"name": "uui-card",
|
|
903
|
-
"description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.\n\nEvents:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - Default content.\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles`
|
|
869
|
+
"description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.\n\nEvents:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - Default content.\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-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 * `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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
904
870
|
"attributes": [
|
|
905
871
|
{
|
|
906
872
|
"name": "disabled",
|
|
907
|
-
"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"
|
|
908
|
-
"valueSet": "v"
|
|
873
|
+
"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"
|
|
909
874
|
},
|
|
910
875
|
{
|
|
911
876
|
"name": "error",
|
|
912
|
-
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
913
|
-
"valueSet": "v"
|
|
877
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false"
|
|
914
878
|
},
|
|
915
879
|
{
|
|
916
880
|
"name": "href",
|
|
@@ -942,18 +906,15 @@
|
|
|
942
906
|
},
|
|
943
907
|
{
|
|
944
908
|
"name": "select-only",
|
|
945
|
-
"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"
|
|
946
|
-
"valueSet": "v"
|
|
909
|
+
"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"
|
|
947
910
|
},
|
|
948
911
|
{
|
|
949
912
|
"name": "selectable",
|
|
950
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
951
|
-
"valueSet": "v"
|
|
913
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
952
914
|
},
|
|
953
915
|
{
|
|
954
916
|
"name": "selected",
|
|
955
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
956
|
-
"valueSet": "v"
|
|
917
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
957
918
|
},
|
|
958
919
|
{
|
|
959
920
|
"name": "onopen",
|
|
@@ -971,7 +932,7 @@
|
|
|
971
932
|
},
|
|
972
933
|
{
|
|
973
934
|
"name": "uui-checkbox",
|
|
974
|
-
"description": "Umbraco checkbox, toggles between checked and uncheck\n\nEvents:\n\n * `change` - fires when the element is begin checked by a user action\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `_input` {`HTMLInputElement`} - \n\n * `styles`
|
|
935
|
+
"description": "Umbraco checkbox, toggles between checked and uncheck\n\nEvents:\n\n * `change` - fires when the element is begin checked by a user action\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `_input` {`HTMLInputElement`} - \n\n * `styles` - \n\n * `inputRole` {`\"checkbox\" | \"switch\"`} - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
975
936
|
"attributes": [
|
|
976
937
|
{
|
|
977
938
|
"name": "label-position",
|
|
@@ -993,23 +954,19 @@
|
|
|
993
954
|
},
|
|
994
955
|
{
|
|
995
956
|
"name": "checked",
|
|
996
|
-
"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"
|
|
997
|
-
"valueSet": "v"
|
|
957
|
+
"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"
|
|
998
958
|
},
|
|
999
959
|
{
|
|
1000
960
|
"name": "indeterminate",
|
|
1001
|
-
"description": "`indeterminate` {boolean} - Indeterminate state for the input.\n\nProperty: indeterminate\n\nDefault: false"
|
|
1002
|
-
"valueSet": "v"
|
|
961
|
+
"description": "`indeterminate` {boolean} - Indeterminate state for the input.\n\nProperty: indeterminate\n\nDefault: false"
|
|
1003
962
|
},
|
|
1004
963
|
{
|
|
1005
964
|
"name": "disabled",
|
|
1006
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
1007
|
-
"valueSet": "v"
|
|
965
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
1008
966
|
},
|
|
1009
967
|
{
|
|
1010
968
|
"name": "readonly",
|
|
1011
|
-
"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"
|
|
1012
|
-
"valueSet": "v"
|
|
969
|
+
"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"
|
|
1013
970
|
},
|
|
1014
971
|
{
|
|
1015
972
|
"name": "name",
|
|
@@ -1017,8 +974,7 @@
|
|
|
1017
974
|
},
|
|
1018
975
|
{
|
|
1019
976
|
"name": "required",
|
|
1020
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1021
|
-
"valueSet": "v"
|
|
977
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1022
978
|
},
|
|
1023
979
|
{
|
|
1024
980
|
"name": "required-message",
|
|
@@ -1026,8 +982,7 @@
|
|
|
1026
982
|
},
|
|
1027
983
|
{
|
|
1028
984
|
"name": "error",
|
|
1029
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1030
|
-
"valueSet": "v"
|
|
985
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1031
986
|
},
|
|
1032
987
|
{
|
|
1033
988
|
"name": "error-message",
|
|
@@ -1039,8 +994,7 @@
|
|
|
1039
994
|
},
|
|
1040
995
|
{
|
|
1041
996
|
"name": "pristine",
|
|
1042
|
-
"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: "
|
|
1043
|
-
"valueSet": "v"
|
|
997
|
+
"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: "
|
|
1044
998
|
},
|
|
1045
999
|
{
|
|
1046
1000
|
"name": "label",
|
|
@@ -1054,17 +1008,15 @@
|
|
|
1054
1008
|
},
|
|
1055
1009
|
{
|
|
1056
1010
|
"name": "uui-color-area",
|
|
1057
|
-
"description": "Attributes:\n\n * `disabled` {boolean} - Sets the color area to disabled.\n\n * `readonly` {boolean} - Sets the color area to readonly mode.\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\nProperties:\n\n * `isDraggingGridHandle` {`boolean`} - \n\n * `disabled` {boolean} - Sets the color area to disabled.\n\n * `readonly` {boolean} - Sets the color area to readonly mode.\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 * `styles`
|
|
1011
|
+
"description": "Attributes:\n\n * `disabled` {boolean} - Sets the color area to disabled.\n\n * `readonly` {boolean} - Sets the color area to readonly mode.\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\nProperties:\n\n * `isDraggingGridHandle` {`boolean`} - \n\n * `disabled` {boolean} - Sets the color area to disabled.\n\n * `readonly` {boolean} - Sets the color area to readonly mode.\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 * `styles` - ",
|
|
1058
1012
|
"attributes": [
|
|
1059
1013
|
{
|
|
1060
1014
|
"name": "disabled",
|
|
1061
|
-
"description": "`disabled` {boolean} - Sets the color area to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1062
|
-
"valueSet": "v"
|
|
1015
|
+
"description": "`disabled` {boolean} - Sets the color area to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1063
1016
|
},
|
|
1064
1017
|
{
|
|
1065
1018
|
"name": "readonly",
|
|
1066
|
-
"description": "`readonly` {boolean} - Sets the color area to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1067
|
-
"valueSet": "v"
|
|
1019
|
+
"description": "`readonly` {boolean} - Sets the color area to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1068
1020
|
},
|
|
1069
1021
|
{
|
|
1070
1022
|
"name": "hue",
|
|
@@ -1094,7 +1046,7 @@
|
|
|
1094
1046
|
},
|
|
1095
1047
|
{
|
|
1096
1048
|
"name": "uui-color-picker",
|
|
1097
|
-
"description": "Events:\n\n * `change` - Fired when the color changes\n\nAttributes:\n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `no-format-toggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` - \n\n * `_previewButton` {`HTMLButtonElement`} - \n\n * `_swatches` - \n\n * `_value` {`string`} - \n\n * `inputValue` {`string`} - \n\n * `hue` {`number`} - \n\n * `saturation` {`number`} - \n\n * `lightness` {`number`} - \n\n * `alpha` {`number`} - \n\n * `_color`
|
|
1049
|
+
"description": "Events:\n\n * `change` - Fired when the color changes\n\nAttributes:\n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `no-format-toggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` - \n\n * `_previewButton` {`HTMLButtonElement`} - \n\n * `_swatches` - \n\n * `_value` {`string`} - \n\n * `inputValue` {`string`} - \n\n * `hue` {`number`} - \n\n * `saturation` {`number`} - \n\n * `lightness` {`number`} - \n\n * `alpha` {`number`} - \n\n * `_color` - \n\n * `value` {string} - The current color.\n\n * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n * `name` {string} - The input's name attribute.\n\n * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n * `noFormatToggle` {boolean} - Removes the format toggle.\n\n * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n * `disabled` {boolean} - Sets the color picker to disabled.\n\n * `opacity` {boolean} - Whether to show the opacity slider.\n\n * `readonly` {boolean} - Sets the color picker to readonly mode.\n\n * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n * `swatches` - An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.\n\n * `styles` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1098
1050
|
"attributes": [
|
|
1099
1051
|
{
|
|
1100
1052
|
"name": "value",
|
|
@@ -1139,33 +1091,27 @@
|
|
|
1139
1091
|
},
|
|
1140
1092
|
{
|
|
1141
1093
|
"name": "no-format-toggle",
|
|
1142
|
-
"description": "`no-format-toggle` {boolean} - Removes the format toggle.\n\nProperty: noFormatToggle\n\nDefault: false"
|
|
1143
|
-
"valueSet": "v"
|
|
1094
|
+
"description": "`no-format-toggle` {boolean} - Removes the format toggle.\n\nProperty: noFormatToggle\n\nDefault: false"
|
|
1144
1095
|
},
|
|
1145
1096
|
{
|
|
1146
1097
|
"name": "inline",
|
|
1147
|
-
"description": "`inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\nProperty: inline\n\nDefault: false"
|
|
1148
|
-
"valueSet": "v"
|
|
1098
|
+
"description": "`inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\nProperty: inline\n\nDefault: false"
|
|
1149
1099
|
},
|
|
1150
1100
|
{
|
|
1151
1101
|
"name": "disabled",
|
|
1152
|
-
"description": "`disabled` {boolean} - Sets the color picker to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1153
|
-
"valueSet": "v"
|
|
1102
|
+
"description": "`disabled` {boolean} - Sets the color picker to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1154
1103
|
},
|
|
1155
1104
|
{
|
|
1156
1105
|
"name": "opacity",
|
|
1157
|
-
"description": "`opacity` {boolean} - Whether to show the opacity slider.\n\nProperty: opacity\n\nDefault: false"
|
|
1158
|
-
"valueSet": "v"
|
|
1106
|
+
"description": "`opacity` {boolean} - Whether to show the opacity slider.\n\nProperty: opacity\n\nDefault: false"
|
|
1159
1107
|
},
|
|
1160
1108
|
{
|
|
1161
1109
|
"name": "readonly",
|
|
1162
|
-
"description": "`readonly` {boolean} - Sets the color picker to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1163
|
-
"valueSet": "v"
|
|
1110
|
+
"description": "`readonly` {boolean} - Sets the color picker to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1164
1111
|
},
|
|
1165
1112
|
{
|
|
1166
1113
|
"name": "uppercase",
|
|
1167
|
-
"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"
|
|
1168
|
-
"valueSet": "v"
|
|
1114
|
+
"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"
|
|
1169
1115
|
},
|
|
1170
1116
|
{
|
|
1171
1117
|
"name": "label",
|
|
@@ -1179,7 +1125,7 @@
|
|
|
1179
1125
|
},
|
|
1180
1126
|
{
|
|
1181
1127
|
"name": "uui-color-slider",
|
|
1182
|
-
"description": "Events:\n\n * `change` - Fires when the value of the slider changes.\n\nAttributes:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hide-value-label` {boolean} - Hides the value label under the slider.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hideValueLabel` {boolean} - Hides the value label under the slider.\n\n * `container` {`HTMLElement`} - \n\n * `handle` {`HTMLElement`} - \n\n * `cssPropCurrentValue` {`number`} - \n\n * `styles`
|
|
1128
|
+
"description": "Events:\n\n * `change` - Fires when the value of the slider changes.\n\nAttributes:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hide-value-label` {boolean} - Hides the value label under the slider.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `type` {UUIColorSliderType} - The type of the slider.\n\n * `color` {string} - The color value.\n\n * `min` {number} - This is a minimum value of the slider.\n\n * `max` {number} - This is a maximum value of the slider.\n\n * `precision` {number} - The minimum increment value allowed by the slider.\n\n * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n * `value` {number} - The current value of the slider.\n\n * `readonly` {boolean} - Sets the color slider to readonly mode.\n\n * `disabled` {boolean} - Sets the color slider to disabled.\n\n * `hideValueLabel` {boolean} - Hides the value label under the slider.\n\n * `container` {`HTMLElement`} - \n\n * `handle` {`HTMLElement`} - \n\n * `cssPropCurrentValue` {`number`} - \n\n * `styles` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1183
1129
|
"attributes": [
|
|
1184
1130
|
{
|
|
1185
1131
|
"name": "type",
|
|
@@ -1217,8 +1163,7 @@
|
|
|
1217
1163
|
},
|
|
1218
1164
|
{
|
|
1219
1165
|
"name": "vertical",
|
|
1220
|
-
"description": "`vertical` {boolean} - Draws the slider in a vertical orientation.\n\nProperty: vertical\n\nDefault: false"
|
|
1221
|
-
"valueSet": "v"
|
|
1166
|
+
"description": "`vertical` {boolean} - Draws the slider in a vertical orientation.\n\nProperty: vertical\n\nDefault: false"
|
|
1222
1167
|
},
|
|
1223
1168
|
{
|
|
1224
1169
|
"name": "value",
|
|
@@ -1226,18 +1171,15 @@
|
|
|
1226
1171
|
},
|
|
1227
1172
|
{
|
|
1228
1173
|
"name": "readonly",
|
|
1229
|
-
"description": "`readonly` {boolean} - Sets the color slider to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1230
|
-
"valueSet": "v"
|
|
1174
|
+
"description": "`readonly` {boolean} - Sets the color slider to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1231
1175
|
},
|
|
1232
1176
|
{
|
|
1233
1177
|
"name": "disabled",
|
|
1234
|
-
"description": "`disabled` {boolean} - Sets the color slider to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1235
|
-
"valueSet": "v"
|
|
1178
|
+
"description": "`disabled` {boolean} - Sets the color slider to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1236
1179
|
},
|
|
1237
1180
|
{
|
|
1238
1181
|
"name": "hide-value-label",
|
|
1239
|
-
"description": "`hide-value-label` {boolean} - Hides the value label under the slider.\n\nProperty: hideValueLabel\n\nDefault: false"
|
|
1240
|
-
"valueSet": "v"
|
|
1182
|
+
"description": "`hide-value-label` {boolean} - Hides the value label under the slider.\n\nProperty: hideValueLabel\n\nDefault: false"
|
|
1241
1183
|
},
|
|
1242
1184
|
{
|
|
1243
1185
|
"name": "label",
|
|
@@ -1251,7 +1193,7 @@
|
|
|
1251
1193
|
},
|
|
1252
1194
|
{
|
|
1253
1195
|
"name": "uui-color-swatch",
|
|
1254
|
-
"description": "Color swatch, can have label and be selectable, disabled or readonly.\n\nEvents:\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * `label` {} - Default slot for the label.\n\nAttributes:\n\n * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n * `color`
|
|
1196
|
+
"description": "Color swatch, can have label and be selectable, disabled or readonly.\n\nEvents:\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * `label` {} - Default slot for the label.\n\nAttributes:\n\n * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n * `color` - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `disabled` {boolean} - Sets the swatch to disabled.\n\n * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n * `_contrast` - \n\n * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n * `_value` - \n\n * `color` - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n * `_color` - \n\n * `disabled` {boolean} - Sets the swatch to disabled.\n\n * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n * `styles` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
|
|
1255
1197
|
"attributes": [
|
|
1256
1198
|
{
|
|
1257
1199
|
"name": "value",
|
|
@@ -1259,23 +1201,20 @@
|
|
|
1259
1201
|
},
|
|
1260
1202
|
{
|
|
1261
1203
|
"name": "color",
|
|
1262
|
-
"description": "`color`
|
|
1204
|
+
"description": "`color` - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\nProperty: color",
|
|
1263
1205
|
"values": []
|
|
1264
1206
|
},
|
|
1265
1207
|
{
|
|
1266
1208
|
"name": "disabled",
|
|
1267
|
-
"description": "`disabled` {boolean} - Sets the swatch to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1268
|
-
"valueSet": "v"
|
|
1209
|
+
"description": "`disabled` {boolean} - Sets the swatch to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1269
1210
|
},
|
|
1270
1211
|
{
|
|
1271
1212
|
"name": "readonly",
|
|
1272
|
-
"description": "`readonly` {boolean} - Sets the swatch to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1273
|
-
"valueSet": "v"
|
|
1213
|
+
"description": "`readonly` {boolean} - Sets the swatch to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1274
1214
|
},
|
|
1275
1215
|
{
|
|
1276
1216
|
"name": "show-label",
|
|
1277
|
-
"description": "`show-label` {`boolean`} - When true shows element label below the color checkbox\n\nProperty: showLabel\n\nDefault: false"
|
|
1278
|
-
"valueSet": "v"
|
|
1217
|
+
"description": "`show-label` {`boolean`} - When true shows element label below the color checkbox\n\nProperty: showLabel\n\nDefault: false"
|
|
1279
1218
|
},
|
|
1280
1219
|
{
|
|
1281
1220
|
"name": "label",
|
|
@@ -1283,18 +1222,15 @@
|
|
|
1283
1222
|
},
|
|
1284
1223
|
{
|
|
1285
1224
|
"name": "selectable",
|
|
1286
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
1287
|
-
"valueSet": "v"
|
|
1225
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
1288
1226
|
},
|
|
1289
1227
|
{
|
|
1290
1228
|
"name": "selected",
|
|
1291
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
1292
|
-
"valueSet": "v"
|
|
1229
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
1293
1230
|
},
|
|
1294
1231
|
{
|
|
1295
1232
|
"name": "active",
|
|
1296
|
-
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
1297
|
-
"valueSet": "v"
|
|
1233
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
1298
1234
|
},
|
|
1299
1235
|
{
|
|
1300
1236
|
"name": "onselected",
|
|
@@ -1308,7 +1244,7 @@
|
|
|
1308
1244
|
},
|
|
1309
1245
|
{
|
|
1310
1246
|
"name": "uui-color-swatches",
|
|
1311
|
-
"description": "Put uui-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n * ` ` {} - Default slot for content.\n\nAttributes:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `_swatches`
|
|
1247
|
+
"description": "Put uui-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n * ` ` {} - Default slot for content.\n\nAttributes:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `value` {`string`} - Value of selected option.\n\n * `disabled` {boolean} - Sets the swatches to disabled.\n\n * `readonly` {boolean} - Sets the swatches to readonly mode.\n\n * `_swatches` - \n\n * `__activeElement` - \n\n * `_activeElement` - \n\n * `_selectedElement` - \n\n * `_onSelected` - \n\n * `_onDeselected` - \n\n * `styles` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1312
1248
|
"attributes": [
|
|
1313
1249
|
{
|
|
1314
1250
|
"name": "value",
|
|
@@ -1316,13 +1252,11 @@
|
|
|
1316
1252
|
},
|
|
1317
1253
|
{
|
|
1318
1254
|
"name": "disabled",
|
|
1319
|
-
"description": "`disabled` {boolean} - Sets the swatches to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1320
|
-
"valueSet": "v"
|
|
1255
|
+
"description": "`disabled` {boolean} - Sets the swatches to disabled.\n\nProperty: disabled\n\nDefault: false"
|
|
1321
1256
|
},
|
|
1322
1257
|
{
|
|
1323
1258
|
"name": "readonly",
|
|
1324
|
-
"description": "`readonly` {boolean} - Sets the swatches to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1325
|
-
"valueSet": "v"
|
|
1259
|
+
"description": "`readonly` {boolean} - Sets the swatches to readonly mode.\n\nProperty: readonly\n\nDefault: false"
|
|
1326
1260
|
},
|
|
1327
1261
|
{
|
|
1328
1262
|
"name": "label",
|
|
@@ -1336,12 +1270,11 @@
|
|
|
1336
1270
|
},
|
|
1337
1271
|
{
|
|
1338
1272
|
"name": "uui-combobox-list-option",
|
|
1339
|
-
"description": "Events:\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - For option content\n\nAttributes:\n\n * `multiple` {`boolean`} - \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` {`
|
|
1273
|
+
"description": "Events:\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - For option content\n\nAttributes:\n\n * `multiple` {`boolean`} - \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` {`Symbol()`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n * `_value` - \n\n * `_disabled` {`boolean`} - \n\n * `_displayValue` {`string`} - \n\n * `multiple` {`boolean`} - \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 * `styles` - \n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`Symbol()`} - Enable the ability to select this element.\n\n * `deselectable` {`Symbol()`} - \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.",
|
|
1340
1274
|
"attributes": [
|
|
1341
1275
|
{
|
|
1342
1276
|
"name": "multiple",
|
|
1343
|
-
"description": "`multiple` {`boolean`} - \n\nProperty: multiple\n\nDefault: false"
|
|
1344
|
-
"valueSet": "v"
|
|
1277
|
+
"description": "`multiple` {`boolean`} - \n\nProperty: multiple\n\nDefault: false"
|
|
1345
1278
|
},
|
|
1346
1279
|
{
|
|
1347
1280
|
"name": "value",
|
|
@@ -1353,23 +1286,19 @@
|
|
|
1353
1286
|
},
|
|
1354
1287
|
{
|
|
1355
1288
|
"name": "disabled",
|
|
1356
|
-
"description": "`disabled` {boolean} - Determines if the options is disabled. If true the option can't be selected\n\nProperty: disabled\n\nDefault: false"
|
|
1357
|
-
"valueSet": "v"
|
|
1289
|
+
"description": "`disabled` {boolean} - Determines if the options is disabled. If true the option can't be selected\n\nProperty: disabled\n\nDefault: false"
|
|
1358
1290
|
},
|
|
1359
1291
|
{
|
|
1360
1292
|
"name": "selectable",
|
|
1361
|
-
"description": "`selectable` {`
|
|
1362
|
-
"valueSet": "v"
|
|
1293
|
+
"description": "`selectable` {`Symbol()`} - Enable the ability to select this element.\n\nProperty: selectable\n\nDefault: true"
|
|
1363
1294
|
},
|
|
1364
1295
|
{
|
|
1365
1296
|
"name": "selected",
|
|
1366
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
1367
|
-
"valueSet": "v"
|
|
1297
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
1368
1298
|
},
|
|
1369
1299
|
{
|
|
1370
1300
|
"name": "active",
|
|
1371
|
-
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
1372
|
-
"valueSet": "v"
|
|
1301
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
1373
1302
|
},
|
|
1374
1303
|
{
|
|
1375
1304
|
"name": "onselected",
|
|
@@ -1383,7 +1312,7 @@
|
|
|
1383
1312
|
},
|
|
1384
1313
|
{
|
|
1385
1314
|
"name": "uui-combobox-list",
|
|
1386
|
-
"description": "Events:\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n * `value` {FormDataEntryValue | FormData} - Value of selected option.\n\n * `displayValue` {string} - A readable value to display to show the selected value.\n\n * `multiple` {`boolean`} - \n\n * `for` {HTMLElement} - provide another element of which keyboard navigation\n\nProperties:\n\n * `value` {FormDataEntryValue | FormData} - Value of selected option.\n\n * `displayValue` {string} - A readable value to display to show the selected value.\n\n * `multiple` {`boolean`} - \n\n * `_for`
|
|
1315
|
+
"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 * `multiple` {`boolean`} - \n\n * `for` {HTMLElement} - provide another element of which keyboard navigation\n\nProperties:\n\n * `value` {FormDataEntryValue | FormData} - Value of selected option.\n\n * `displayValue` {string} - A readable value to display to show the selected value.\n\n * `multiple` {`boolean`} - \n\n * `_for` - \n\n * `for` {HTMLElement} - provide another element of which keyboard navigation\n\n * `_options` - \n\n * `_activeOptions` - \n\n * `_value` {`FormDataEntryValue | FormData`} - \n\n * `_activeElementValue` {`string | null`} - \n\n * `_selectedElement` - \n\n * `_selectedValues` - \n\n * `_selectedElements` - \n\n * `selectedValues` {string[]} - Array of selected option values. Only relevant when multiple is true.\n\n * `selectedDisplayValues` {string[]} - Array of display values for selected options. Only relevant when multiple is true.\n\n * `_onSlotChange` - \n\n * `_onSelected` - \n\n * `_onDeselected` - \n\n * `_getActiveIndex` {`number`} - \n\n * `_getActiveElement` - \n\n * `_moveIndex` - \n\n * `_onKeyDown` - \n\n * `styles` - ",
|
|
1387
1316
|
"attributes": [
|
|
1388
1317
|
{
|
|
1389
1318
|
"name": "value",
|
|
@@ -1396,8 +1325,7 @@
|
|
|
1396
1325
|
},
|
|
1397
1326
|
{
|
|
1398
1327
|
"name": "multiple",
|
|
1399
|
-
"description": "`multiple` {`boolean`} - \n\nProperty: multiple\n\nDefault: false"
|
|
1400
|
-
"valueSet": "v"
|
|
1328
|
+
"description": "`multiple` {`boolean`} - \n\nProperty: multiple\n\nDefault: false"
|
|
1401
1329
|
},
|
|
1402
1330
|
{
|
|
1403
1331
|
"name": "for",
|
|
@@ -1412,7 +1340,7 @@
|
|
|
1412
1340
|
},
|
|
1413
1341
|
{
|
|
1414
1342
|
"name": "uui-combobox",
|
|
1415
|
-
"description": "Events:\n\n * `input` - fires when search input is changed\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\n * `input-prepend` {} - prepend for the uui-input\n\n * `input-append` {} - append for the uui-input\n\nAttributes:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `close-label` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `multiple` {boolean} - Enables multiple selection mode.\n\n * `hide-expand-symbol` {boolean} - Removes the expand symbol.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `closeLabel` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `multiple` {boolean} - Enables multiple selection mode.\n\n * `hideExpandSymbol` {boolean} - Removes the expand symbol.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_comboboxPopoverElement` - \n\n * `_comboboxListElements`
|
|
1343
|
+
"description": "Events:\n\n * `input` - fires when search input is changed\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\n * `input-prepend` {} - prepend for the uui-input\n\n * `input-append` {} - append for the uui-input\n\nAttributes:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `close-label` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `multiple` {boolean} - Enables multiple selection mode.\n\n * `hide-expand-symbol` {boolean} - Removes the expand symbol.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `search` {string} - The search input.\n\n * `open` {boolean} - Specifies if the popover should be open.\n\n * `closeLabel` {string} - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `multiple` {boolean} - Enables multiple selection mode.\n\n * `hideExpandSymbol` {boolean} - Removes the expand symbol.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_comboboxPopoverElement` - \n\n * `_comboboxListElements` - \n\n * `_displayValue` {`string`} - \n\n * `_search` {`string`} - \n\n * `_isPhone` {`boolean`} - \n\n * `_isOpen` {`boolean`} - \n\n * `_selectedItems` - \n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
1416
1344
|
"attributes": [
|
|
1417
1345
|
{
|
|
1418
1346
|
"name": "search",
|
|
@@ -1420,8 +1348,7 @@
|
|
|
1420
1348
|
},
|
|
1421
1349
|
{
|
|
1422
1350
|
"name": "open",
|
|
1423
|
-
"description": "`open` {boolean} - Specifies if the popover should be open.\n\nProperty: open\n\nDefault: false"
|
|
1424
|
-
"valueSet": "v"
|
|
1351
|
+
"description": "`open` {boolean} - Specifies if the popover should be open.\n\nProperty: open\n\nDefault: false"
|
|
1425
1352
|
},
|
|
1426
1353
|
{
|
|
1427
1354
|
"name": "close-label",
|
|
@@ -1429,23 +1356,19 @@
|
|
|
1429
1356
|
},
|
|
1430
1357
|
{
|
|
1431
1358
|
"name": "disabled",
|
|
1432
|
-
"description": "`disabled` {boolean} - Disables the uui-combobox.\n\nProperty: disabled\n\nDefault: false"
|
|
1433
|
-
"valueSet": "v"
|
|
1359
|
+
"description": "`disabled` {boolean} - Disables the uui-combobox.\n\nProperty: disabled\n\nDefault: false"
|
|
1434
1360
|
},
|
|
1435
1361
|
{
|
|
1436
1362
|
"name": "multiple",
|
|
1437
|
-
"description": "`multiple` {boolean} - Enables multiple selection mode.\n\nProperty: multiple\n\nDefault: false"
|
|
1438
|
-
"valueSet": "v"
|
|
1363
|
+
"description": "`multiple` {boolean} - Enables multiple selection mode.\n\nProperty: multiple\n\nDefault: false"
|
|
1439
1364
|
},
|
|
1440
1365
|
{
|
|
1441
1366
|
"name": "hide-expand-symbol",
|
|
1442
|
-
"description": "`hide-expand-symbol` {boolean} - Removes the expand symbol.\n\nProperty: hideExpandSymbol\n\nDefault: false"
|
|
1443
|
-
"valueSet": "v"
|
|
1367
|
+
"description": "`hide-expand-symbol` {boolean} - Removes the expand symbol.\n\nProperty: hideExpandSymbol\n\nDefault: false"
|
|
1444
1368
|
},
|
|
1445
1369
|
{
|
|
1446
1370
|
"name": "readonly",
|
|
1447
|
-
"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"
|
|
1448
|
-
"valueSet": "v"
|
|
1371
|
+
"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"
|
|
1449
1372
|
},
|
|
1450
1373
|
{
|
|
1451
1374
|
"name": "placeholder",
|
|
@@ -1457,8 +1380,7 @@
|
|
|
1457
1380
|
},
|
|
1458
1381
|
{
|
|
1459
1382
|
"name": "required",
|
|
1460
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1461
|
-
"valueSet": "v"
|
|
1383
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1462
1384
|
},
|
|
1463
1385
|
{
|
|
1464
1386
|
"name": "required-message",
|
|
@@ -1466,8 +1388,7 @@
|
|
|
1466
1388
|
},
|
|
1467
1389
|
{
|
|
1468
1390
|
"name": "error",
|
|
1469
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1470
|
-
"valueSet": "v"
|
|
1391
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1471
1392
|
},
|
|
1472
1393
|
{
|
|
1473
1394
|
"name": "error-message",
|
|
@@ -1480,8 +1401,7 @@
|
|
|
1480
1401
|
},
|
|
1481
1402
|
{
|
|
1482
1403
|
"name": "pristine",
|
|
1483
|
-
"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: "
|
|
1484
|
-
"valueSet": "v"
|
|
1404
|
+
"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: "
|
|
1485
1405
|
},
|
|
1486
1406
|
{
|
|
1487
1407
|
"name": "oninput",
|
|
@@ -1495,7 +1415,7 @@
|
|
|
1495
1415
|
},
|
|
1496
1416
|
{
|
|
1497
1417
|
"name": "uui-dialog-layout",
|
|
1498
|
-
"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 * `headline` {`string | null`} - Headline for this notification, can also be set via the 'headline' slot.\n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `styles`
|
|
1418
|
+
"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 * `headline` {`string | null`} - Headline for this notification, can also be set via the 'headline' slot.\n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `styles` - ",
|
|
1499
1419
|
"attributes": [
|
|
1500
1420
|
{
|
|
1501
1421
|
"name": "headline",
|
|
@@ -1506,12 +1426,12 @@
|
|
|
1506
1426
|
},
|
|
1507
1427
|
{
|
|
1508
1428
|
"name": "uui-dialog",
|
|
1509
|
-
"description": "Slots:\n\n * ` ` {} - The slot for dialog content\n\nProperties:\n\n * `styles`
|
|
1429
|
+
"description": "Slots:\n\n * ` ` {} - The slot for dialog content\n\nProperties:\n\n * `styles` - ",
|
|
1510
1430
|
"attributes": []
|
|
1511
1431
|
},
|
|
1512
1432
|
{
|
|
1513
1433
|
"name": "uui-file-dropzone",
|
|
1514
|
-
"description": "Events:\n\n * `change` - fires when a file has been selected.\n\n * `reject` - fires when files are rejected due to not matching the accept attribute.\n\nSlots:\n\n * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n * `disallow-folder-upload` {`boolean`} - \n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` {`HTMLInputElement`} - \n\n * `_dropzone` {`HTMLElement`} - \n\n * `_acceptedFileExtensions`
|
|
1434
|
+
"description": "Events:\n\n * `change` - fires when a file has been selected.\n\n * `reject` - fires when files are rejected due to not matching the accept attribute.\n\nSlots:\n\n * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n * `disallow-folder-upload` {`boolean`} - \n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_input` {`HTMLInputElement`} - \n\n * `_dropzone` {`HTMLElement`} - \n\n * `_acceptedFileExtensions` - \n\n * `_acceptedMimeTypes` - \n\n * `_accept` {`string`} - \n\n * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n * `disallowFolderUpload` {`boolean`} - \n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `styles` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1515
1435
|
"attributes": [
|
|
1516
1436
|
{
|
|
1517
1437
|
"name": "accept",
|
|
@@ -1519,13 +1439,11 @@
|
|
|
1519
1439
|
},
|
|
1520
1440
|
{
|
|
1521
1441
|
"name": "disallow-folder-upload",
|
|
1522
|
-
"description": "`disallow-folder-upload` {`boolean`} - \n\nProperty: disallowFolderUpload\n\nDefault: false"
|
|
1523
|
-
"valueSet": "v"
|
|
1442
|
+
"description": "`disallow-folder-upload` {`boolean`} - \n\nProperty: disallowFolderUpload\n\nDefault: false"
|
|
1524
1443
|
},
|
|
1525
1444
|
{
|
|
1526
1445
|
"name": "multiple",
|
|
1527
|
-
"description": "`multiple` {boolean} - Allows for multiple files to be selected.\n\nProperty: multiple\n\nDefault: false"
|
|
1528
|
-
"valueSet": "v"
|
|
1446
|
+
"description": "`multiple` {boolean} - Allows for multiple files to be selected.\n\nProperty: multiple\n\nDefault: false"
|
|
1529
1447
|
},
|
|
1530
1448
|
{
|
|
1531
1449
|
"name": "label",
|
|
@@ -1543,12 +1461,12 @@
|
|
|
1543
1461
|
},
|
|
1544
1462
|
{
|
|
1545
1463
|
"name": "uui-file-preview",
|
|
1546
|
-
"description": "Slots:\n\n * `actions` {} - To display one or more actions that can be executed on the file.\n\nProperties:\n\n * `_src` {`string`} - \n\n * `file`
|
|
1464
|
+
"description": "Slots:\n\n * `actions` {} - To display one or more actions that can be executed on the file.\n\nProperties:\n\n * `_src` {`string`} - \n\n * `file` - \n\n * `styles` - ",
|
|
1547
1465
|
"attributes": []
|
|
1548
1466
|
},
|
|
1549
1467
|
{
|
|
1550
1468
|
"name": "uui-form-layout-item",
|
|
1551
|
-
"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 * `description` {`string | null`} - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `_labelSlotChanged` - \n\n * `_descriptionSlotHasContent` {`boolean`} - \n\n * `_descriptionSlotChanged` - \n\n * `styles`
|
|
1469
|
+
"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 * `description` {`string | null`} - \n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `_labelSlotChanged` - \n\n * `_descriptionSlotHasContent` {`boolean`} - \n\n * `_descriptionSlotChanged` - \n\n * `styles` - ",
|
|
1552
1470
|
"attributes": [
|
|
1553
1471
|
{
|
|
1554
1472
|
"name": "description",
|
|
@@ -1559,7 +1477,7 @@
|
|
|
1559
1477
|
},
|
|
1560
1478
|
{
|
|
1561
1479
|
"name": "uui-form-validation-message",
|
|
1562
|
-
"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 * `_for` {`HTMLElement | null`} - \n\n * `_messages`
|
|
1480
|
+
"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 * `_for` {`HTMLElement | null`} - \n\n * `_messages` - \n\n * `_onControlInvalid` - \n\n * `_onControlValid` - \n\n * `styles` - \n\n * `for` {string} - Set the element containing Form Controls of interest.",
|
|
1563
1481
|
"attributes": [
|
|
1564
1482
|
{
|
|
1565
1483
|
"name": "for",
|
|
@@ -1585,7 +1503,7 @@
|
|
|
1585
1503
|
},
|
|
1586
1504
|
{
|
|
1587
1505
|
"name": "uui-icon",
|
|
1588
|
-
"description": "Events:\n\n * `icon_request` - fires when the name property is defined to retrieve the icon source.\n\nAttributes:\n\n * `label` {string} - An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.\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 * `_name` {`string | null`} - \n\n * `_retrievedNameIcon` {`boolean`} - \n\n * `_nameSvg` {`string | null`} - \n\n * `label` {string} - An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.\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`} - \n\n * `styles`
|
|
1506
|
+
"description": "Events:\n\n * `icon_request` - fires when the name property is defined to retrieve the icon source.\n\nAttributes:\n\n * `label` {string} - An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.\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 * `_name` {`string | null`} - \n\n * `_retrievedNameIcon` {`boolean`} - \n\n * `_nameSvg` {`string | null`} - \n\n * `label` {string} - An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.\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`} - \n\n * `styles` - ",
|
|
1589
1507
|
"attributes": [
|
|
1590
1508
|
{
|
|
1591
1509
|
"name": "label",
|
|
@@ -1614,7 +1532,7 @@
|
|
|
1614
1532
|
},
|
|
1615
1533
|
{
|
|
1616
1534
|
"name": "uui-input-file",
|
|
1617
|
-
"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 * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `_dropzone` - \n\n * `_dropZone` - \n\n * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `_files`
|
|
1535
|
+
"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 * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `_dropzone` - \n\n * `_dropZone` - \n\n * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `_files` - \n\n * `_updateFileWrappers` - \n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
1618
1536
|
"attributes": [
|
|
1619
1537
|
{
|
|
1620
1538
|
"name": "accept",
|
|
@@ -1622,8 +1540,7 @@
|
|
|
1622
1540
|
},
|
|
1623
1541
|
{
|
|
1624
1542
|
"name": "multiple",
|
|
1625
|
-
"description": "`multiple` {boolean} - Allows for multiple files to be selected.\n\nProperty: multiple\n\nDefault: false"
|
|
1626
|
-
"valueSet": "v"
|
|
1543
|
+
"description": "`multiple` {boolean} - Allows for multiple files to be selected.\n\nProperty: multiple\n\nDefault: false"
|
|
1627
1544
|
},
|
|
1628
1545
|
{
|
|
1629
1546
|
"name": "name",
|
|
@@ -1631,8 +1548,7 @@
|
|
|
1631
1548
|
},
|
|
1632
1549
|
{
|
|
1633
1550
|
"name": "required",
|
|
1634
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1635
|
-
"valueSet": "v"
|
|
1551
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1636
1552
|
},
|
|
1637
1553
|
{
|
|
1638
1554
|
"name": "required-message",
|
|
@@ -1640,8 +1556,7 @@
|
|
|
1640
1556
|
},
|
|
1641
1557
|
{
|
|
1642
1558
|
"name": "error",
|
|
1643
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1644
|
-
"valueSet": "v"
|
|
1559
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1645
1560
|
},
|
|
1646
1561
|
{
|
|
1647
1562
|
"name": "error-message",
|
|
@@ -1654,19 +1569,17 @@
|
|
|
1654
1569
|
},
|
|
1655
1570
|
{
|
|
1656
1571
|
"name": "pristine",
|
|
1657
|
-
"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: "
|
|
1658
|
-
"valueSet": "v"
|
|
1572
|
+
"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: "
|
|
1659
1573
|
}
|
|
1660
1574
|
]
|
|
1661
1575
|
},
|
|
1662
1576
|
{
|
|
1663
1577
|
"name": "uui-input-lock",
|
|
1664
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `unlock-label` {string} - Define the label for the unlock button.\n\n * `lock-label` {string} - Define the label for the lock button.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `unlockLabel` {string} - Define the label for the unlock button.\n\n * `lockLabel` {string} - Define the label for the lock button.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles`
|
|
1578
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `unlock-label` {string} - Define the label for the unlock button.\n\n * `lock-label` {string} - Define the label for the lock button.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `unlockLabel` {string} - Define the label for the unlock button.\n\n * `lockLabel` {string} - Define the label for the lock button.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1665
1579
|
"attributes": [
|
|
1666
1580
|
{
|
|
1667
1581
|
"name": "locked",
|
|
1668
|
-
"description": "`locked` {boolean} - Determine the inputs locked state.\n\nProperty: locked\n\nDefault: true"
|
|
1669
|
-
"valueSet": "v"
|
|
1582
|
+
"description": "`locked` {boolean} - Determine the inputs locked state.\n\nProperty: locked\n\nDefault: true"
|
|
1670
1583
|
},
|
|
1671
1584
|
{
|
|
1672
1585
|
"name": "unlock-label",
|
|
@@ -1713,13 +1626,11 @@
|
|
|
1713
1626
|
},
|
|
1714
1627
|
{
|
|
1715
1628
|
"name": "disabled",
|
|
1716
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
1717
|
-
"valueSet": "v"
|
|
1629
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
1718
1630
|
},
|
|
1719
1631
|
{
|
|
1720
1632
|
"name": "readonly",
|
|
1721
|
-
"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"
|
|
1722
|
-
"valueSet": "v"
|
|
1633
|
+
"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"
|
|
1723
1634
|
},
|
|
1724
1635
|
{
|
|
1725
1636
|
"name": "placeholder",
|
|
@@ -1732,8 +1643,7 @@
|
|
|
1732
1643
|
},
|
|
1733
1644
|
{
|
|
1734
1645
|
"name": "auto-width",
|
|
1735
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false"
|
|
1736
|
-
"valueSet": "v"
|
|
1646
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false"
|
|
1737
1647
|
},
|
|
1738
1648
|
{
|
|
1739
1649
|
"name": "type",
|
|
@@ -1830,8 +1740,7 @@
|
|
|
1830
1740
|
},
|
|
1831
1741
|
{
|
|
1832
1742
|
"name": "required",
|
|
1833
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1834
|
-
"valueSet": "v"
|
|
1743
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
1835
1744
|
},
|
|
1836
1745
|
{
|
|
1837
1746
|
"name": "required-message",
|
|
@@ -1839,8 +1748,7 @@
|
|
|
1839
1748
|
},
|
|
1840
1749
|
{
|
|
1841
1750
|
"name": "error",
|
|
1842
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1843
|
-
"valueSet": "v"
|
|
1751
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
1844
1752
|
},
|
|
1845
1753
|
{
|
|
1846
1754
|
"name": "error-message",
|
|
@@ -1852,8 +1760,7 @@
|
|
|
1852
1760
|
},
|
|
1853
1761
|
{
|
|
1854
1762
|
"name": "pristine",
|
|
1855
|
-
"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: "
|
|
1856
|
-
"valueSet": "v"
|
|
1763
|
+
"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: "
|
|
1857
1764
|
},
|
|
1858
1765
|
{
|
|
1859
1766
|
"name": "label",
|
|
@@ -1875,7 +1782,7 @@
|
|
|
1875
1782
|
},
|
|
1876
1783
|
{
|
|
1877
1784
|
"name": "uui-input-password",
|
|
1878
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles`
|
|
1785
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1879
1786
|
"attributes": [
|
|
1880
1787
|
{
|
|
1881
1788
|
"name": "min",
|
|
@@ -1914,13 +1821,11 @@
|
|
|
1914
1821
|
},
|
|
1915
1822
|
{
|
|
1916
1823
|
"name": "disabled",
|
|
1917
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
1918
|
-
"valueSet": "v"
|
|
1824
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
1919
1825
|
},
|
|
1920
1826
|
{
|
|
1921
1827
|
"name": "readonly",
|
|
1922
|
-
"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"
|
|
1923
|
-
"valueSet": "v"
|
|
1828
|
+
"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"
|
|
1924
1829
|
},
|
|
1925
1830
|
{
|
|
1926
1831
|
"name": "placeholder",
|
|
@@ -1933,8 +1838,7 @@
|
|
|
1933
1838
|
},
|
|
1934
1839
|
{
|
|
1935
1840
|
"name": "auto-width",
|
|
1936
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false"
|
|
1937
|
-
"valueSet": "v"
|
|
1841
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false"
|
|
1938
1842
|
},
|
|
1939
1843
|
{
|
|
1940
1844
|
"name": "type",
|
|
@@ -2031,8 +1935,7 @@
|
|
|
2031
1935
|
},
|
|
2032
1936
|
{
|
|
2033
1937
|
"name": "required",
|
|
2034
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2035
|
-
"valueSet": "v"
|
|
1938
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2036
1939
|
},
|
|
2037
1940
|
{
|
|
2038
1941
|
"name": "required-message",
|
|
@@ -2040,8 +1943,7 @@
|
|
|
2040
1943
|
},
|
|
2041
1944
|
{
|
|
2042
1945
|
"name": "error",
|
|
2043
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2044
|
-
"valueSet": "v"
|
|
1946
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2045
1947
|
},
|
|
2046
1948
|
{
|
|
2047
1949
|
"name": "error-message",
|
|
@@ -2053,8 +1955,7 @@
|
|
|
2053
1955
|
},
|
|
2054
1956
|
{
|
|
2055
1957
|
"name": "pristine",
|
|
2056
|
-
"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: "
|
|
2057
|
-
"valueSet": "v"
|
|
1958
|
+
"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: "
|
|
2058
1959
|
},
|
|
2059
1960
|
{
|
|
2060
1961
|
"name": "label",
|
|
@@ -2076,7 +1977,7 @@
|
|
|
2076
1977
|
},
|
|
2077
1978
|
{
|
|
2078
1979
|
"name": "uui-input",
|
|
2079
|
-
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles`
|
|
1980
|
+
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'} - This property specifies the type of input that will be rendered.\n\n * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - get/set the value of the input\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2080
1981
|
"attributes": [
|
|
2081
1982
|
{
|
|
2082
1983
|
"name": "min",
|
|
@@ -2115,13 +2016,11 @@
|
|
|
2115
2016
|
},
|
|
2116
2017
|
{
|
|
2117
2018
|
"name": "disabled",
|
|
2118
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2119
|
-
"valueSet": "v"
|
|
2019
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2120
2020
|
},
|
|
2121
2021
|
{
|
|
2122
2022
|
"name": "readonly",
|
|
2123
|
-
"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"
|
|
2124
|
-
"valueSet": "v"
|
|
2023
|
+
"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"
|
|
2125
2024
|
},
|
|
2126
2025
|
{
|
|
2127
2026
|
"name": "placeholder",
|
|
@@ -2134,8 +2033,7 @@
|
|
|
2134
2033
|
},
|
|
2135
2034
|
{
|
|
2136
2035
|
"name": "auto-width",
|
|
2137
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false"
|
|
2138
|
-
"valueSet": "v"
|
|
2036
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false"
|
|
2139
2037
|
},
|
|
2140
2038
|
{
|
|
2141
2039
|
"name": "type",
|
|
@@ -2232,8 +2130,7 @@
|
|
|
2232
2130
|
},
|
|
2233
2131
|
{
|
|
2234
2132
|
"name": "required",
|
|
2235
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2236
|
-
"valueSet": "v"
|
|
2133
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2237
2134
|
},
|
|
2238
2135
|
{
|
|
2239
2136
|
"name": "required-message",
|
|
@@ -2241,8 +2138,7 @@
|
|
|
2241
2138
|
},
|
|
2242
2139
|
{
|
|
2243
2140
|
"name": "error",
|
|
2244
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2245
|
-
"valueSet": "v"
|
|
2141
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2246
2142
|
},
|
|
2247
2143
|
{
|
|
2248
2144
|
"name": "error-message",
|
|
@@ -2254,8 +2150,7 @@
|
|
|
2254
2150
|
},
|
|
2255
2151
|
{
|
|
2256
2152
|
"name": "pristine",
|
|
2257
|
-
"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: "
|
|
2258
|
-
"valueSet": "v"
|
|
2153
|
+
"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: "
|
|
2259
2154
|
},
|
|
2260
2155
|
{
|
|
2261
2156
|
"name": "label",
|
|
@@ -2277,22 +2172,21 @@
|
|
|
2277
2172
|
},
|
|
2278
2173
|
{
|
|
2279
2174
|
"name": "uui-key",
|
|
2280
|
-
"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`
|
|
2175
|
+
"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` - ",
|
|
2281
2176
|
"attributes": []
|
|
2282
2177
|
},
|
|
2283
2178
|
{
|
|
2284
2179
|
"name": "uui-keyboard-shortcut",
|
|
2285
|
-
"description": "A visual representation of a keyboard shortcut.\n\nSlots:\n\n * ` ` {} - for `<uui-key></uui-key>` elements\n\nProperties:\n\n * `styles`
|
|
2180
|
+
"description": "A visual representation of a keyboard shortcut.\n\nSlots:\n\n * ` ` {} - for `<uui-key></uui-key>` elements\n\nProperties:\n\n * `styles` - ",
|
|
2286
2181
|
"attributes": []
|
|
2287
2182
|
},
|
|
2288
2183
|
{
|
|
2289
2184
|
"name": "uui-label",
|
|
2290
|
-
"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 * `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\n * `styles`
|
|
2185
|
+
"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 * `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\n * `styles` - ",
|
|
2291
2186
|
"attributes": [
|
|
2292
2187
|
{
|
|
2293
2188
|
"name": "disabled",
|
|
2294
|
-
"description": "`disabled` {boolean} - Disables the label.\n\nProperty: disabled\n\nDefault: false"
|
|
2295
|
-
"valueSet": "v"
|
|
2189
|
+
"description": "`disabled` {boolean} - Disables the label.\n\nProperty: disabled\n\nDefault: false"
|
|
2296
2190
|
},
|
|
2297
2191
|
{
|
|
2298
2192
|
"name": "for",
|
|
@@ -2301,14 +2195,13 @@
|
|
|
2301
2195
|
},
|
|
2302
2196
|
{
|
|
2303
2197
|
"name": "required",
|
|
2304
|
-
"description": "`required` {boolean} - Highlight that the related element is required.\n\nProperty: required\n\nDefault: false"
|
|
2305
|
-
"valueSet": "v"
|
|
2198
|
+
"description": "`required` {boolean} - Highlight that the related element is required.\n\nProperty: required\n\nDefault: false"
|
|
2306
2199
|
}
|
|
2307
2200
|
]
|
|
2308
2201
|
},
|
|
2309
2202
|
{
|
|
2310
2203
|
"name": "uui-loader-bar",
|
|
2311
|
-
"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 * `_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.\n\n * `styles`
|
|
2204
|
+
"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 * `_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.\n\n * `styles` - ",
|
|
2312
2205
|
"attributes": [
|
|
2313
2206
|
{
|
|
2314
2207
|
"name": "progress",
|
|
@@ -2322,7 +2215,7 @@
|
|
|
2322
2215
|
},
|
|
2323
2216
|
{
|
|
2324
2217
|
"name": "uui-loader-circle",
|
|
2325
|
-
"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 * `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` {`ResizeObserver`} - \n\n * `_isLarge` {`boolean`} - \n\n * `styles`
|
|
2218
|
+
"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 * `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` {`ResizeObserver`} - \n\n * `_isLarge` {`boolean`} - \n\n * `styles` - ",
|
|
2326
2219
|
"attributes": [
|
|
2327
2220
|
{
|
|
2328
2221
|
"name": "progress",
|
|
@@ -2330,39 +2223,34 @@
|
|
|
2330
2223
|
},
|
|
2331
2224
|
{
|
|
2332
2225
|
"name": "show-progress",
|
|
2333
|
-
"description": "`show-progress` {boolean} - If true then element displays progress number at bigger sizes\n\nProperty: showProgress\n\nDefault: false"
|
|
2334
|
-
"valueSet": "v"
|
|
2226
|
+
"description": "`show-progress` {boolean} - If true then element displays progress number at bigger sizes\n\nProperty: showProgress\n\nDefault: false"
|
|
2335
2227
|
}
|
|
2336
2228
|
]
|
|
2337
2229
|
},
|
|
2338
2230
|
{
|
|
2339
2231
|
"name": "uui-loader",
|
|
2340
|
-
"description": "A basic loader.\n\nProperties:\n\n * `styles`
|
|
2232
|
+
"description": "A basic loader.\n\nProperties:\n\n * `styles` - ",
|
|
2341
2233
|
"attributes": []
|
|
2342
2234
|
},
|
|
2343
2235
|
{
|
|
2344
2236
|
"name": "uui-menu-item",
|
|
2345
|
-
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-mode` {string} - Sets the selection mode.\n\n * `caret-label` {`string`} - Sets the aria-label for the caret button.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `selectMode` {string} - Sets the selection mode.\n\n * `caretLabel` {`string`} - Sets the aria-label for the caret button.\n\n * `renderExpandSymbol` - Overwrite the expand symbol rendering, this replaces the Expand Symbol from UI Library.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `styles`
|
|
2237
|
+
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-mode` {string} - Sets the selection mode.\n\n * `caret-label` {`string`} - Sets the aria-label for the caret button.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `selectMode` {string} - Sets the selection mode.\n\n * `caretLabel` {`string`} - Sets the aria-label for the caret button.\n\n * `renderExpandSymbol` - Overwrite the expand symbol rendering, this replaces the Expand Symbol from UI Library.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `styles` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2346
2238
|
"attributes": [
|
|
2347
2239
|
{
|
|
2348
2240
|
"name": "disabled",
|
|
2349
|
-
"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"
|
|
2350
|
-
"valueSet": "v"
|
|
2241
|
+
"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"
|
|
2351
2242
|
},
|
|
2352
2243
|
{
|
|
2353
2244
|
"name": "show-children",
|
|
2354
|
-
"description": "`show-children` {boolean} - Controls if nested items should be shown.\n\nProperty: showChildren\n\nDefault: false"
|
|
2355
|
-
"valueSet": "v"
|
|
2245
|
+
"description": "`show-children` {boolean} - Controls if nested items should be shown.\n\nProperty: showChildren\n\nDefault: false"
|
|
2356
2246
|
},
|
|
2357
2247
|
{
|
|
2358
2248
|
"name": "has-children",
|
|
2359
|
-
"description": "`has-children` {boolean} - Shows/hides the caret.\n\nProperty: hasChildren\n\nDefault: false"
|
|
2360
|
-
"valueSet": "v"
|
|
2249
|
+
"description": "`has-children` {boolean} - Shows/hides the caret.\n\nProperty: hasChildren\n\nDefault: false"
|
|
2361
2250
|
},
|
|
2362
2251
|
{
|
|
2363
2252
|
"name": "loading",
|
|
2364
|
-
"description": "`loading` {boolean} - Shows/hides the loading indicator\n\nProperty: loading\n\nDefault: false"
|
|
2365
|
-
"valueSet": "v"
|
|
2253
|
+
"description": "`loading` {boolean} - Shows/hides the loading indicator\n\nProperty: loading\n\nDefault: false"
|
|
2366
2254
|
},
|
|
2367
2255
|
{
|
|
2368
2256
|
"name": "href",
|
|
@@ -2410,23 +2298,19 @@
|
|
|
2410
2298
|
},
|
|
2411
2299
|
{
|
|
2412
2300
|
"name": "select-only",
|
|
2413
|
-
"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"
|
|
2414
|
-
"valueSet": "v"
|
|
2301
|
+
"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"
|
|
2415
2302
|
},
|
|
2416
2303
|
{
|
|
2417
2304
|
"name": "selectable",
|
|
2418
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
2419
|
-
"valueSet": "v"
|
|
2305
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
2420
2306
|
},
|
|
2421
2307
|
{
|
|
2422
2308
|
"name": "selected",
|
|
2423
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
2424
|
-
"valueSet": "v"
|
|
2309
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
2425
2310
|
},
|
|
2426
2311
|
{
|
|
2427
2312
|
"name": "active",
|
|
2428
|
-
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
2429
|
-
"valueSet": "v"
|
|
2313
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
2430
2314
|
},
|
|
2431
2315
|
{
|
|
2432
2316
|
"name": "label",
|
|
@@ -2456,7 +2340,7 @@
|
|
|
2456
2340
|
},
|
|
2457
2341
|
{
|
|
2458
2342
|
"name": "uui-pagination",
|
|
2459
|
-
"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 * `firstLabel` {string} - This property is used to generate the name of the first button\n\n * `previousLabel` {string} - This property is used to generate the name of the previous button\n\n * `nextLabel` {string} - This property is used to generate the name of the next button\n\n * `lastLabel` {string} - This property is used to generate the name of the last button\n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `current` {number} - Define the current active page.\n\nProperties:\n\n * `_observer` {`ResizeObserver`} - \n\n * `_navButtons`
|
|
2343
|
+
"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 * `firstLabel` {string} - This property is used to generate the name of the first button\n\n * `previousLabel` {string} - This property is used to generate the name of the previous button\n\n * `nextLabel` {string} - This property is used to generate the name of the next button\n\n * `lastLabel` {string} - This property is used to generate the name of the last button\n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `current` {number} - Define the current active page.\n\nProperties:\n\n * `_observer` {`ResizeObserver`} - \n\n * `_navButtons` - \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 * `firstLabel` {string} - This property is used to generate the name of the first button\n\n * `previousLabel` {string} - This property is used to generate the name of the previous button\n\n * `nextLabel` {string} - This property is used to generate the name of the next button\n\n * `lastLabel` {string} - This property is used to generate the name of the last button\n\n * `_total` {`number`} - \n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `_range` {`number`} - \n\n * `_visiblePages` - \n\n * `_current` {`number`} - \n\n * `current` {number} - Define the current active page.\n\n * `styles` - ",
|
|
2460
2344
|
"attributes": [
|
|
2461
2345
|
{
|
|
2462
2346
|
"name": "label",
|
|
@@ -2496,13 +2380,28 @@
|
|
|
2496
2380
|
}
|
|
2497
2381
|
]
|
|
2498
2382
|
},
|
|
2383
|
+
{
|
|
2384
|
+
"name": "uui-popover-container-scroll-level-1",
|
|
2385
|
+
"description": "Outermost scroll level — blue outline.\n\nProperties:\n\n * `styles` - ",
|
|
2386
|
+
"attributes": []
|
|
2387
|
+
},
|
|
2388
|
+
{
|
|
2389
|
+
"name": "uui-popover-container-scroll-level-2",
|
|
2390
|
+
"description": "Middle scroll level — orange outline.\n\nProperties:\n\n * `styles` - ",
|
|
2391
|
+
"attributes": []
|
|
2392
|
+
},
|
|
2393
|
+
{
|
|
2394
|
+
"name": "uui-popover-container-scroll-level-3",
|
|
2395
|
+
"description": "Innermost scroll level — green outline.\n\nProperties:\n\n * `styles` - ",
|
|
2396
|
+
"attributes": []
|
|
2397
|
+
},
|
|
2499
2398
|
{
|
|
2500
2399
|
"name": "uui-popover-container-shadowdomtester",
|
|
2501
2400
|
"attributes": []
|
|
2502
2401
|
},
|
|
2503
2402
|
{
|
|
2504
2403
|
"name": "uui-popover-container",
|
|
2505
|
-
"description": "Events:\n\n * `uui-popover-before-toggle`
|
|
2404
|
+
"description": "Events:\n\n * `uui-popover-before-toggle` - \n\nAttributes:\n\n * `margin` {number} - Set the distance between popover container element and target element.\n\n * `open` {boolean} - Read-only attribute to check if the popover is open\n\n * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n * `popover` - Indicates that the element is a popover container\n\nProperties:\n\n * `margin` {number} - Set the distance between popover container element and target element.\n\n * `open` {boolean} - Read-only attribute to check if the popover is open\n\n * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n * `_placement` {`PopoverContainerPlacement`} - \n\n * `_open` {`boolean`} - \n\n * `_actualPlacement` {`PopoverContainerPlacement`} - \n\n * `styles` - ",
|
|
2506
2405
|
"attributes": [
|
|
2507
2406
|
{
|
|
2508
2407
|
"name": "margin",
|
|
@@ -2510,8 +2409,7 @@
|
|
|
2510
2409
|
},
|
|
2511
2410
|
{
|
|
2512
2411
|
"name": "open",
|
|
2513
|
-
"description": "`open` {boolean} - Read-only attribute to check if the popover is open\n\nProperty: open\n\nDefault: false"
|
|
2514
|
-
"valueSet": "v"
|
|
2412
|
+
"description": "`open` {boolean} - Read-only attribute to check if the popover is open\n\nProperty: open\n\nDefault: false"
|
|
2515
2413
|
},
|
|
2516
2414
|
{
|
|
2517
2415
|
"name": "placement",
|
|
@@ -2561,13 +2459,13 @@
|
|
|
2561
2459
|
},
|
|
2562
2460
|
{
|
|
2563
2461
|
"name": "onuui-popover-before-toggle",
|
|
2564
|
-
"description": "`uui-popover-before-toggle`
|
|
2462
|
+
"description": "`uui-popover-before-toggle` - "
|
|
2565
2463
|
}
|
|
2566
2464
|
]
|
|
2567
2465
|
},
|
|
2568
2466
|
{
|
|
2569
2467
|
"name": "uui-progress-bar",
|
|
2570
|
-
"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 * `_progress` {`number`} - \n\n * `progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation.\n\n * `styles`
|
|
2468
|
+
"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 * `_progress` {`number`} - \n\n * `progress` {number} - Set this to a number between 0 and 100 to reflect the progress of some operation.\n\n * `styles` - ",
|
|
2571
2469
|
"attributes": [
|
|
2572
2470
|
{
|
|
2573
2471
|
"name": "progress",
|
|
@@ -2577,17 +2475,15 @@
|
|
|
2577
2475
|
},
|
|
2578
2476
|
{
|
|
2579
2477
|
"name": "uui-radio-group",
|
|
2580
|
-
"description": "Slots:\n\n * ` ` {} - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n\nAttributes:\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles`
|
|
2478
|
+
"description": "Slots:\n\n * ` ` {} - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n\nAttributes:\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
2581
2479
|
"attributes": [
|
|
2582
2480
|
{
|
|
2583
2481
|
"name": "disabled",
|
|
2584
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2585
|
-
"valueSet": "v"
|
|
2482
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2586
2483
|
},
|
|
2587
2484
|
{
|
|
2588
2485
|
"name": "readonly",
|
|
2589
|
-
"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"
|
|
2590
|
-
"valueSet": "v"
|
|
2486
|
+
"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"
|
|
2591
2487
|
},
|
|
2592
2488
|
{
|
|
2593
2489
|
"name": "name",
|
|
@@ -2595,8 +2491,7 @@
|
|
|
2595
2491
|
},
|
|
2596
2492
|
{
|
|
2597
2493
|
"name": "required",
|
|
2598
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2599
|
-
"valueSet": "v"
|
|
2494
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2600
2495
|
},
|
|
2601
2496
|
{
|
|
2602
2497
|
"name": "required-message",
|
|
@@ -2604,8 +2499,7 @@
|
|
|
2604
2499
|
},
|
|
2605
2500
|
{
|
|
2606
2501
|
"name": "error",
|
|
2607
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2608
|
-
"valueSet": "v"
|
|
2502
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2609
2503
|
},
|
|
2610
2504
|
{
|
|
2611
2505
|
"name": "error-message",
|
|
@@ -2618,14 +2512,13 @@
|
|
|
2618
2512
|
},
|
|
2619
2513
|
{
|
|
2620
2514
|
"name": "pristine",
|
|
2621
|
-
"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: "
|
|
2622
|
-
"valueSet": "v"
|
|
2515
|
+
"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: "
|
|
2623
2516
|
}
|
|
2624
2517
|
]
|
|
2625
2518
|
},
|
|
2626
2519
|
{
|
|
2627
2520
|
"name": "uui-radio",
|
|
2628
|
-
"description": "Events:\n\n * `change` {} - on input change\n\nSlots:\n\n * ` ` {} - slot to set the label if no `label` attribute is set.\n\nAttributes:\n\n * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n * `value` {string} - This is a value property of the `<uui-radio>`.\n\n * `label` {`string`} - \n\n * `checked` {`boolean`} - \n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperties:\n\n * `_inputElement` {`HTMLInputElement`} - \n\n * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n * `value` {string} - This is a value property of the `<uui-radio>`.\n\n * `label` {`string`} - \n\n * `checked` {`boolean`} - \n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles`
|
|
2521
|
+
"description": "Events:\n\n * `change` {} - on input change\n\nSlots:\n\n * ` ` {} - slot to set the label if no `label` attribute is set.\n\nAttributes:\n\n * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n * `value` {string} - This is a value property of the `<uui-radio>`.\n\n * `label` {`string`} - \n\n * `checked` {`boolean`} - \n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperties:\n\n * `_inputElement` {`HTMLInputElement`} - \n\n * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n * `value` {string} - This is a value property of the `<uui-radio>`.\n\n * `label` {`string`} - \n\n * `checked` {`boolean`} - \n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - ",
|
|
2629
2522
|
"attributes": [
|
|
2630
2523
|
{
|
|
2631
2524
|
"name": "name",
|
|
@@ -2641,18 +2534,15 @@
|
|
|
2641
2534
|
},
|
|
2642
2535
|
{
|
|
2643
2536
|
"name": "checked",
|
|
2644
|
-
"description": "`checked` {`boolean`} - \n\nProperty: checked\n\nDefault: false"
|
|
2645
|
-
"valueSet": "v"
|
|
2537
|
+
"description": "`checked` {`boolean`} - \n\nProperty: checked\n\nDefault: false"
|
|
2646
2538
|
},
|
|
2647
2539
|
{
|
|
2648
2540
|
"name": "disabled",
|
|
2649
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2650
|
-
"valueSet": "v"
|
|
2541
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2651
2542
|
},
|
|
2652
2543
|
{
|
|
2653
2544
|
"name": "readonly",
|
|
2654
|
-
"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"
|
|
2655
|
-
"valueSet": "v"
|
|
2545
|
+
"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"
|
|
2656
2546
|
},
|
|
2657
2547
|
{
|
|
2658
2548
|
"name": "onchange",
|
|
@@ -2662,7 +2552,7 @@
|
|
|
2662
2552
|
},
|
|
2663
2553
|
{
|
|
2664
2554
|
"name": "uui-range-slider",
|
|
2665
|
-
"description": "Events:\n\n * `input` {} - on input\n\n * `change` {} - on change\n\nAttributes:\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\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 * `min` {number} - Sets the minimum allowed value.\n\n * `max` {number} - Sets the maximum allowed value.\n\n * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\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 * `name` {string} - This is a name property of the component.\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 * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, for example 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\nProperties:\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\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 * `min` {number} - Sets the minimum allowed value.\n\n * `_min` {`number`} - \n\n * `max` {number} - Sets the maximum allowed value.\n\n * `_max` {`number`} - \n\n * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\n\n * `_step` {`number`} - \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 * `_minGap`
|
|
2555
|
+
"description": "Events:\n\n * `input` {} - on input\n\n * `change` {} - on change\n\nAttributes:\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\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 * `min` {number} - Sets the minimum allowed value.\n\n * `max` {number} - Sets the maximum allowed value.\n\n * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\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 * `name` {string} - This is a name property of the component.\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 * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, for example 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\nProperties:\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\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 * `min` {number} - Sets the minimum allowed value.\n\n * `_min` {`number`} - \n\n * `max` {number} - Sets the maximum allowed value.\n\n * `_max` {`number`} - \n\n * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `step` {number} - This reflects the behavior of a native input step attribute.\n\n * `_step` {`number`} - \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 * `_minGap` - \n\n * `maxGap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\n * `_maxGap` - \n\n * `_currentFocus` - \n\n * `_movement` {`boolean`} - \n\n * `startPoint` - \n\n * `_lowInputValue` {`number`} - \n\n * `_highInputValue` {`number`} - \n\n * `_trackWidth` {`number`} - \n\n * `_lowValuePercentStart` {`number`} - \n\n * `_highValuePercentEnd` {`number`} - \n\n * `_outerTrack` {`HTMLElement`} - Elements\n\n * `_inputLow` {`HTMLInputElement`} - \n\n * `_inputHigh` {`HTMLInputElement`} - \n\n * `_innerColor` {`HTMLElement`} - \n\n * `_innerColorThumb` {`HTMLElement`} - \n\n * `_onTouchStart` - Touch Event\n\n * `_onTouchMove` - \n\n * `_onTouchEnd` - \n\n * `_onMouseDown` - Mouse Event\n\n * `_onMouseMove` - \n\n * `_onMouseUp` - \n\n * `styles` - Style\n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, for example 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 * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
2666
2556
|
"attributes": [
|
|
2667
2557
|
{
|
|
2668
2558
|
"name": "label",
|
|
@@ -2670,13 +2560,11 @@
|
|
|
2670
2560
|
},
|
|
2671
2561
|
{
|
|
2672
2562
|
"name": "disabled",
|
|
2673
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2674
|
-
"valueSet": "v"
|
|
2563
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
2675
2564
|
},
|
|
2676
2565
|
{
|
|
2677
2566
|
"name": "readonly",
|
|
2678
|
-
"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"
|
|
2679
|
-
"valueSet": "v"
|
|
2567
|
+
"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"
|
|
2680
2568
|
},
|
|
2681
2569
|
{
|
|
2682
2570
|
"name": "min",
|
|
@@ -2688,8 +2576,7 @@
|
|
|
2688
2576
|
},
|
|
2689
2577
|
{
|
|
2690
2578
|
"name": "hide-step-values",
|
|
2691
|
-
"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"
|
|
2692
|
-
"valueSet": "v"
|
|
2579
|
+
"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"
|
|
2693
2580
|
},
|
|
2694
2581
|
{
|
|
2695
2582
|
"name": "step",
|
|
@@ -2711,8 +2598,7 @@
|
|
|
2711
2598
|
},
|
|
2712
2599
|
{
|
|
2713
2600
|
"name": "required",
|
|
2714
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2715
|
-
"valueSet": "v"
|
|
2601
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
2716
2602
|
},
|
|
2717
2603
|
{
|
|
2718
2604
|
"name": "required-message",
|
|
@@ -2720,8 +2606,7 @@
|
|
|
2720
2606
|
},
|
|
2721
2607
|
{
|
|
2722
2608
|
"name": "error",
|
|
2723
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2724
|
-
"valueSet": "v"
|
|
2609
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
2725
2610
|
},
|
|
2726
2611
|
{
|
|
2727
2612
|
"name": "error-message",
|
|
@@ -2734,8 +2619,7 @@
|
|
|
2734
2619
|
},
|
|
2735
2620
|
{
|
|
2736
2621
|
"name": "pristine",
|
|
2737
|
-
"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: "
|
|
2738
|
-
"valueSet": "v"
|
|
2622
|
+
"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: "
|
|
2739
2623
|
},
|
|
2740
2624
|
{
|
|
2741
2625
|
"name": "oninput",
|
|
@@ -2749,12 +2633,12 @@
|
|
|
2749
2633
|
},
|
|
2750
2634
|
{
|
|
2751
2635
|
"name": "uui-ref-list",
|
|
2752
|
-
"description": "Properties:\n\n * `styles`
|
|
2636
|
+
"description": "Properties:\n\n * `styles` - ",
|
|
2753
2637
|
"attributes": []
|
|
2754
2638
|
},
|
|
2755
2639
|
{
|
|
2756
2640
|
"name": "uui-ref-node-data-type",
|
|
2757
|
-
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart`
|
|
2641
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart` - \n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2758
2642
|
"attributes": [
|
|
2759
2643
|
{
|
|
2760
2644
|
"name": "alias",
|
|
@@ -2798,33 +2682,27 @@
|
|
|
2798
2682
|
},
|
|
2799
2683
|
{
|
|
2800
2684
|
"name": "readonly",
|
|
2801
|
-
"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"
|
|
2802
|
-
"valueSet": "v"
|
|
2685
|
+
"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"
|
|
2803
2686
|
},
|
|
2804
2687
|
{
|
|
2805
2688
|
"name": "disabled",
|
|
2806
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
2807
|
-
"valueSet": "v"
|
|
2689
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
2808
2690
|
},
|
|
2809
2691
|
{
|
|
2810
2692
|
"name": "error",
|
|
2811
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
2812
|
-
"valueSet": "v"
|
|
2693
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
2813
2694
|
},
|
|
2814
2695
|
{
|
|
2815
2696
|
"name": "select-only",
|
|
2816
|
-
"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"
|
|
2817
|
-
"valueSet": "v"
|
|
2697
|
+
"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"
|
|
2818
2698
|
},
|
|
2819
2699
|
{
|
|
2820
2700
|
"name": "selectable",
|
|
2821
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
2822
|
-
"valueSet": "v"
|
|
2701
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
2823
2702
|
},
|
|
2824
2703
|
{
|
|
2825
2704
|
"name": "selected",
|
|
2826
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
2827
|
-
"valueSet": "v"
|
|
2705
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
2828
2706
|
},
|
|
2829
2707
|
{
|
|
2830
2708
|
"name": "standalone",
|
|
@@ -2847,7 +2725,7 @@
|
|
|
2847
2725
|
},
|
|
2848
2726
|
{
|
|
2849
2727
|
"name": "uui-ref-node-document-type",
|
|
2850
|
-
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart`
|
|
2728
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `alias` {string} - Alias\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart` - \n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2851
2729
|
"attributes": [
|
|
2852
2730
|
{
|
|
2853
2731
|
"name": "alias",
|
|
@@ -2891,33 +2769,27 @@
|
|
|
2891
2769
|
},
|
|
2892
2770
|
{
|
|
2893
2771
|
"name": "readonly",
|
|
2894
|
-
"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"
|
|
2895
|
-
"valueSet": "v"
|
|
2772
|
+
"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"
|
|
2896
2773
|
},
|
|
2897
2774
|
{
|
|
2898
2775
|
"name": "disabled",
|
|
2899
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
2900
|
-
"valueSet": "v"
|
|
2776
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
2901
2777
|
},
|
|
2902
2778
|
{
|
|
2903
2779
|
"name": "error",
|
|
2904
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
2905
|
-
"valueSet": "v"
|
|
2780
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
2906
2781
|
},
|
|
2907
2782
|
{
|
|
2908
2783
|
"name": "select-only",
|
|
2909
|
-
"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"
|
|
2910
|
-
"valueSet": "v"
|
|
2784
|
+
"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"
|
|
2911
2785
|
},
|
|
2912
2786
|
{
|
|
2913
2787
|
"name": "selectable",
|
|
2914
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
2915
|
-
"valueSet": "v"
|
|
2788
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
2916
2789
|
},
|
|
2917
2790
|
{
|
|
2918
2791
|
"name": "selected",
|
|
2919
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
2920
|
-
"valueSet": "v"
|
|
2792
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
2921
2793
|
},
|
|
2922
2794
|
{
|
|
2923
2795
|
"name": "standalone",
|
|
@@ -2940,7 +2812,7 @@
|
|
|
2940
2812
|
},
|
|
2941
2813
|
{
|
|
2942
2814
|
"name": "uui-ref-node-form",
|
|
2943
|
-
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart`
|
|
2815
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart` - \n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
2944
2816
|
"attributes": [
|
|
2945
2817
|
{
|
|
2946
2818
|
"name": "name",
|
|
@@ -2980,33 +2852,27 @@
|
|
|
2980
2852
|
},
|
|
2981
2853
|
{
|
|
2982
2854
|
"name": "readonly",
|
|
2983
|
-
"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"
|
|
2984
|
-
"valueSet": "v"
|
|
2855
|
+
"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"
|
|
2985
2856
|
},
|
|
2986
2857
|
{
|
|
2987
2858
|
"name": "disabled",
|
|
2988
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
2989
|
-
"valueSet": "v"
|
|
2859
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
2990
2860
|
},
|
|
2991
2861
|
{
|
|
2992
2862
|
"name": "error",
|
|
2993
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
2994
|
-
"valueSet": "v"
|
|
2863
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
2995
2864
|
},
|
|
2996
2865
|
{
|
|
2997
2866
|
"name": "select-only",
|
|
2998
|
-
"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"
|
|
2999
|
-
"valueSet": "v"
|
|
2867
|
+
"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"
|
|
3000
2868
|
},
|
|
3001
2869
|
{
|
|
3002
2870
|
"name": "selectable",
|
|
3003
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3004
|
-
"valueSet": "v"
|
|
2871
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3005
2872
|
},
|
|
3006
2873
|
{
|
|
3007
2874
|
"name": "selected",
|
|
3008
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3009
|
-
"valueSet": "v"
|
|
2875
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3010
2876
|
},
|
|
3011
2877
|
{
|
|
3012
2878
|
"name": "standalone",
|
|
@@ -3029,7 +2895,7 @@
|
|
|
3029
2895
|
},
|
|
3030
2896
|
{
|
|
3031
2897
|
"name": "uui-ref-node-member",
|
|
3032
|
-
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `groupName` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart`
|
|
2898
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `groupName` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart` - \n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
3033
2899
|
"attributes": [
|
|
3034
2900
|
{
|
|
3035
2901
|
"name": "group-name",
|
|
@@ -3073,33 +2939,27 @@
|
|
|
3073
2939
|
},
|
|
3074
2940
|
{
|
|
3075
2941
|
"name": "readonly",
|
|
3076
|
-
"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"
|
|
3077
|
-
"valueSet": "v"
|
|
2942
|
+
"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"
|
|
3078
2943
|
},
|
|
3079
2944
|
{
|
|
3080
2945
|
"name": "disabled",
|
|
3081
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3082
|
-
"valueSet": "v"
|
|
2946
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3083
2947
|
},
|
|
3084
2948
|
{
|
|
3085
2949
|
"name": "error",
|
|
3086
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3087
|
-
"valueSet": "v"
|
|
2950
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3088
2951
|
},
|
|
3089
2952
|
{
|
|
3090
2953
|
"name": "select-only",
|
|
3091
|
-
"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"
|
|
3092
|
-
"valueSet": "v"
|
|
2954
|
+
"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"
|
|
3093
2955
|
},
|
|
3094
2956
|
{
|
|
3095
2957
|
"name": "selectable",
|
|
3096
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3097
|
-
"valueSet": "v"
|
|
2958
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3098
2959
|
},
|
|
3099
2960
|
{
|
|
3100
2961
|
"name": "selected",
|
|
3101
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3102
|
-
"valueSet": "v"
|
|
2962
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3103
2963
|
},
|
|
3104
2964
|
{
|
|
3105
2965
|
"name": "standalone",
|
|
@@ -3122,7 +2982,7 @@
|
|
|
3122
2982
|
},
|
|
3123
2983
|
{
|
|
3124
2984
|
"name": "uui-ref-node-package",
|
|
3125
|
-
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart`
|
|
2985
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart` - \n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
3126
2986
|
"attributes": [
|
|
3127
2987
|
{
|
|
3128
2988
|
"name": "version",
|
|
@@ -3170,33 +3030,27 @@
|
|
|
3170
3030
|
},
|
|
3171
3031
|
{
|
|
3172
3032
|
"name": "readonly",
|
|
3173
|
-
"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"
|
|
3174
|
-
"valueSet": "v"
|
|
3033
|
+
"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"
|
|
3175
3034
|
},
|
|
3176
3035
|
{
|
|
3177
3036
|
"name": "disabled",
|
|
3178
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3179
|
-
"valueSet": "v"
|
|
3037
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3180
3038
|
},
|
|
3181
3039
|
{
|
|
3182
3040
|
"name": "error",
|
|
3183
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3184
|
-
"valueSet": "v"
|
|
3041
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3185
3042
|
},
|
|
3186
3043
|
{
|
|
3187
3044
|
"name": "select-only",
|
|
3188
|
-
"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"
|
|
3189
|
-
"valueSet": "v"
|
|
3045
|
+
"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"
|
|
3190
3046
|
},
|
|
3191
3047
|
{
|
|
3192
3048
|
"name": "selectable",
|
|
3193
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3194
|
-
"valueSet": "v"
|
|
3049
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3195
3050
|
},
|
|
3196
3051
|
{
|
|
3197
3052
|
"name": "selected",
|
|
3198
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3199
|
-
"valueSet": "v"
|
|
3053
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3200
3054
|
},
|
|
3201
3055
|
{
|
|
3202
3056
|
"name": "standalone",
|
|
@@ -3219,7 +3073,7 @@
|
|
|
3219
3073
|
},
|
|
3220
3074
|
{
|
|
3221
3075
|
"name": "uui-ref-node-user",
|
|
3222
|
-
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `groupName` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart`
|
|
3076
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `groupName` {string} - Group name\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart` - \n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
3223
3077
|
"attributes": [
|
|
3224
3078
|
{
|
|
3225
3079
|
"name": "group-name",
|
|
@@ -3263,33 +3117,27 @@
|
|
|
3263
3117
|
},
|
|
3264
3118
|
{
|
|
3265
3119
|
"name": "readonly",
|
|
3266
|
-
"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"
|
|
3267
|
-
"valueSet": "v"
|
|
3120
|
+
"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"
|
|
3268
3121
|
},
|
|
3269
3122
|
{
|
|
3270
3123
|
"name": "disabled",
|
|
3271
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3272
|
-
"valueSet": "v"
|
|
3124
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3273
3125
|
},
|
|
3274
3126
|
{
|
|
3275
3127
|
"name": "error",
|
|
3276
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3277
|
-
"valueSet": "v"
|
|
3128
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3278
3129
|
},
|
|
3279
3130
|
{
|
|
3280
3131
|
"name": "select-only",
|
|
3281
|
-
"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"
|
|
3282
|
-
"valueSet": "v"
|
|
3132
|
+
"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"
|
|
3283
3133
|
},
|
|
3284
3134
|
{
|
|
3285
3135
|
"name": "selectable",
|
|
3286
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3287
|
-
"valueSet": "v"
|
|
3136
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3288
3137
|
},
|
|
3289
3138
|
{
|
|
3290
3139
|
"name": "selected",
|
|
3291
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3292
|
-
"valueSet": "v"
|
|
3140
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3293
3141
|
},
|
|
3294
3142
|
{
|
|
3295
3143
|
"name": "standalone",
|
|
@@ -3312,7 +3160,7 @@
|
|
|
3312
3160
|
},
|
|
3313
3161
|
{
|
|
3314
3162
|
"name": "uui-ref-node",
|
|
3315
|
-
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart`
|
|
3163
|
+
"description": "Events:\n\n * `open` - fires when the ref title is clicked\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\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 * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `name` {string} - Node name\n\n * `detail` {string} - Node details\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_openPart` - \n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
3316
3164
|
"attributes": [
|
|
3317
3165
|
{
|
|
3318
3166
|
"name": "name",
|
|
@@ -3352,33 +3200,27 @@
|
|
|
3352
3200
|
},
|
|
3353
3201
|
{
|
|
3354
3202
|
"name": "readonly",
|
|
3355
|
-
"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"
|
|
3356
|
-
"valueSet": "v"
|
|
3203
|
+
"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"
|
|
3357
3204
|
},
|
|
3358
3205
|
{
|
|
3359
3206
|
"name": "disabled",
|
|
3360
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3361
|
-
"valueSet": "v"
|
|
3207
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3362
3208
|
},
|
|
3363
3209
|
{
|
|
3364
3210
|
"name": "error",
|
|
3365
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3366
|
-
"valueSet": "v"
|
|
3211
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3367
3212
|
},
|
|
3368
3213
|
{
|
|
3369
3214
|
"name": "select-only",
|
|
3370
|
-
"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"
|
|
3371
|
-
"valueSet": "v"
|
|
3215
|
+
"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"
|
|
3372
3216
|
},
|
|
3373
3217
|
{
|
|
3374
3218
|
"name": "selectable",
|
|
3375
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3376
|
-
"valueSet": "v"
|
|
3219
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3377
3220
|
},
|
|
3378
3221
|
{
|
|
3379
3222
|
"name": "selected",
|
|
3380
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3381
|
-
"valueSet": "v"
|
|
3223
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3382
3224
|
},
|
|
3383
3225
|
{
|
|
3384
3226
|
"name": "standalone",
|
|
@@ -3401,37 +3243,31 @@
|
|
|
3401
3243
|
},
|
|
3402
3244
|
{
|
|
3403
3245
|
"name": "uui-ref",
|
|
3404
|
-
"description": "Events:\n\n * `open` - fires when the ref is opened\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\n\nAttributes:\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 * `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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles`
|
|
3246
|
+
"description": "Events:\n\n * `open` - fires when the ref is opened\n\n * `selected` - fires when the ref is selected\n\n * `deselected` - fires when the ref is deselected\n\nAttributes:\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 * `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\n * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `styles` - \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 * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
3405
3247
|
"attributes": [
|
|
3406
3248
|
{
|
|
3407
3249
|
"name": "readonly",
|
|
3408
|
-
"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"
|
|
3409
|
-
"valueSet": "v"
|
|
3250
|
+
"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"
|
|
3410
3251
|
},
|
|
3411
3252
|
{
|
|
3412
3253
|
"name": "disabled",
|
|
3413
|
-
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3414
|
-
"valueSet": "v"
|
|
3254
|
+
"description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false"
|
|
3415
3255
|
},
|
|
3416
3256
|
{
|
|
3417
3257
|
"name": "error",
|
|
3418
|
-
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3419
|
-
"valueSet": "v"
|
|
3258
|
+
"description": "`error` {boolean} - Set to true to display error state\n\nProperty: error\n\nDefault: false"
|
|
3420
3259
|
},
|
|
3421
3260
|
{
|
|
3422
3261
|
"name": "select-only",
|
|
3423
|
-
"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"
|
|
3424
|
-
"valueSet": "v"
|
|
3262
|
+
"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"
|
|
3425
3263
|
},
|
|
3426
3264
|
{
|
|
3427
3265
|
"name": "selectable",
|
|
3428
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3429
|
-
"valueSet": "v"
|
|
3266
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3430
3267
|
},
|
|
3431
3268
|
{
|
|
3432
3269
|
"name": "selected",
|
|
3433
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3434
|
-
"valueSet": "v"
|
|
3270
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3435
3271
|
},
|
|
3436
3272
|
{
|
|
3437
3273
|
"name": "standalone",
|
|
@@ -3454,7 +3290,7 @@
|
|
|
3454
3290
|
},
|
|
3455
3291
|
{
|
|
3456
3292
|
"name": "uui-responsive-container",
|
|
3457
|
-
"description": "A responsive container that collapses overflowing children into a dropdown.\n\nSlots:\n\n * ` ` {} - Default slot for child elements (buttons, etc.)\n\nAttributes:\n\n * `collapse` {`\"start\" | \"end\"`} - Controls which side items collapse from.\n- \"end\": Items collapse from the right, more button appears on right (default)\n- \"start\": Items collapse from the left, more button appears on left\n\nProperties:\n\n * `_moreButtonElement` - \n\n * `_popoverContainerElement` - \n\n * `_mainElement` {`HTMLElement`} - \n\n * `collapse` {`\"start\" | \"end\"`} - Controls which side items collapse from.\n- \"end\": Items collapse from the right, more button appears on right (default)\n- \"start\": Items collapse from the left, more button appears on left\n\n * `_slottedNodes`
|
|
3293
|
+
"description": "A responsive container that collapses overflowing children into a dropdown.\n\nSlots:\n\n * ` ` {} - Default slot for child elements (buttons, etc.)\n\nAttributes:\n\n * `collapse` {`\"start\" | \"end\"`} - Controls which side items collapse from.\n- \"end\": Items collapse from the right, more button appears on right (default)\n- \"start\": Items collapse from the left, more button appears on left\n\nProperties:\n\n * `_moreButtonElement` - \n\n * `_popoverContainerElement` - \n\n * `_mainElement` {`HTMLElement`} - \n\n * `collapse` {`\"start\" | \"end\"`} - Controls which side items collapse from.\n- \"end\": Items collapse from the right, more button appears on right (default)\n- \"start\": Items collapse from the left, more button appears on left\n\n * `_slottedNodes` - \n\n * `styles` - ",
|
|
3458
3294
|
"attributes": [
|
|
3459
3295
|
{
|
|
3460
3296
|
"name": "collapse",
|
|
@@ -3472,18 +3308,17 @@
|
|
|
3472
3308
|
},
|
|
3473
3309
|
{
|
|
3474
3310
|
"name": "uui-scroll-container",
|
|
3475
|
-
"description": "Slots:\n\n * ` ` {} - for content\n\nAttributes:\n\n * `enforce-scroll` {boolean} - forces the scrollbar to appear\n\nProperties:\n\n * `styles`
|
|
3311
|
+
"description": "Slots:\n\n * ` ` {} - for content\n\nAttributes:\n\n * `enforce-scroll` {boolean} - forces the scrollbar to appear\n\nProperties:\n\n * `styles` - \n\n * `enforceScroll` {boolean} - forces the scrollbar to appear",
|
|
3476
3312
|
"attributes": [
|
|
3477
3313
|
{
|
|
3478
3314
|
"name": "enforce-scroll",
|
|
3479
|
-
"description": "`enforce-scroll` {boolean} - forces the scrollbar to appear\n\nProperty: enforceScroll\n\nDefault: false"
|
|
3480
|
-
"valueSet": "v"
|
|
3315
|
+
"description": "`enforce-scroll` {boolean} - forces the scrollbar to appear\n\nProperty: enforceScroll\n\nDefault: false"
|
|
3481
3316
|
}
|
|
3482
3317
|
]
|
|
3483
3318
|
},
|
|
3484
3319
|
{
|
|
3485
3320
|
"name": "uui-select",
|
|
3486
|
-
"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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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 * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `options`
|
|
3321
|
+
"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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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 * `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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `options` - An array of options to be rendered by the element. The option interface has up to 5 properties:\n`interface UUISelectOption {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`\n\n * `_groups` - \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` - \n\n * `_values` - \n\n * `_input` {`HTMLSelectElement`} - \n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
3487
3322
|
"attributes": [
|
|
3488
3323
|
{
|
|
3489
3324
|
"name": "label",
|
|
@@ -3495,13 +3330,11 @@
|
|
|
3495
3330
|
},
|
|
3496
3331
|
{
|
|
3497
3332
|
"name": "disabled",
|
|
3498
|
-
"description": "`disabled` {boolean} - Disables the select.\n\nProperty: disabled\n\nDefault: false"
|
|
3499
|
-
"valueSet": "v"
|
|
3333
|
+
"description": "`disabled` {boolean} - Disables the select.\n\nProperty: disabled\n\nDefault: false"
|
|
3500
3334
|
},
|
|
3501
3335
|
{
|
|
3502
3336
|
"name": "readonly",
|
|
3503
|
-
"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"
|
|
3504
|
-
"valueSet": "v"
|
|
3337
|
+
"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"
|
|
3505
3338
|
},
|
|
3506
3339
|
{
|
|
3507
3340
|
"name": "disabledGroups",
|
|
@@ -3513,8 +3346,7 @@
|
|
|
3513
3346
|
},
|
|
3514
3347
|
{
|
|
3515
3348
|
"name": "required",
|
|
3516
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
3517
|
-
"valueSet": "v"
|
|
3349
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
3518
3350
|
},
|
|
3519
3351
|
{
|
|
3520
3352
|
"name": "required-message",
|
|
@@ -3522,8 +3354,7 @@
|
|
|
3522
3354
|
},
|
|
3523
3355
|
{
|
|
3524
3356
|
"name": "error",
|
|
3525
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
3526
|
-
"valueSet": "v"
|
|
3357
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
3527
3358
|
},
|
|
3528
3359
|
{
|
|
3529
3360
|
"name": "error-message",
|
|
@@ -3535,8 +3366,7 @@
|
|
|
3535
3366
|
},
|
|
3536
3367
|
{
|
|
3537
3368
|
"name": "pristine",
|
|
3538
|
-
"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: "
|
|
3539
|
-
"valueSet": "v"
|
|
3369
|
+
"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: "
|
|
3540
3370
|
},
|
|
3541
3371
|
{
|
|
3542
3372
|
"name": "onchange",
|
|
@@ -3546,17 +3376,15 @@
|
|
|
3546
3376
|
},
|
|
3547
3377
|
{
|
|
3548
3378
|
"name": "uui-slider",
|
|
3549
|
-
"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 * `hide-value-label` {boolean} - Hides the value label on the thumb.\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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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 * `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 * `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\nProperties:\n\n * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `hideValueLabel` {boolean} - Hides the value label on the thumb.\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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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`
|
|
3379
|
+
"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 * `hide-value-label` {boolean} - Hides the value label on the thumb.\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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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 * `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 * `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\nProperties:\n\n * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n * `hideValueLabel` {boolean} - Hides the value label on the thumb.\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 * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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` - \n\n * `_sliderPosition` {`string`} - \n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `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 * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
3550
3380
|
"attributes": [
|
|
3551
3381
|
{
|
|
3552
3382
|
"name": "hide-step-values",
|
|
3553
|
-
"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"
|
|
3554
|
-
"valueSet": "v"
|
|
3383
|
+
"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"
|
|
3555
3384
|
},
|
|
3556
3385
|
{
|
|
3557
3386
|
"name": "hide-value-label",
|
|
3558
|
-
"description": "`hide-value-label` {boolean} - Hides the value label on the thumb.\n\nProperty: hideValueLabel\n\nDefault: false"
|
|
3559
|
-
"valueSet": "v"
|
|
3387
|
+
"description": "`hide-value-label` {boolean} - Hides the value label on the thumb.\n\nProperty: hideValueLabel\n\nDefault: false"
|
|
3560
3388
|
},
|
|
3561
3389
|
{
|
|
3562
3390
|
"name": "min",
|
|
@@ -3572,13 +3400,11 @@
|
|
|
3572
3400
|
},
|
|
3573
3401
|
{
|
|
3574
3402
|
"name": "disabled",
|
|
3575
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
3576
|
-
"valueSet": "v"
|
|
3403
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
3577
3404
|
},
|
|
3578
3405
|
{
|
|
3579
3406
|
"name": "readonly",
|
|
3580
|
-
"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"
|
|
3581
|
-
"valueSet": "v"
|
|
3407
|
+
"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"
|
|
3582
3408
|
},
|
|
3583
3409
|
{
|
|
3584
3410
|
"name": "label",
|
|
@@ -3590,8 +3416,7 @@
|
|
|
3590
3416
|
},
|
|
3591
3417
|
{
|
|
3592
3418
|
"name": "required",
|
|
3593
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
3594
|
-
"valueSet": "v"
|
|
3419
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
3595
3420
|
},
|
|
3596
3421
|
{
|
|
3597
3422
|
"name": "required-message",
|
|
@@ -3599,8 +3424,7 @@
|
|
|
3599
3424
|
},
|
|
3600
3425
|
{
|
|
3601
3426
|
"name": "error",
|
|
3602
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
3603
|
-
"valueSet": "v"
|
|
3427
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
3604
3428
|
},
|
|
3605
3429
|
{
|
|
3606
3430
|
"name": "error-message",
|
|
@@ -3613,8 +3437,7 @@
|
|
|
3613
3437
|
},
|
|
3614
3438
|
{
|
|
3615
3439
|
"name": "pristine",
|
|
3616
|
-
"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: "
|
|
3617
|
-
"valueSet": "v"
|
|
3440
|
+
"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: "
|
|
3618
3441
|
},
|
|
3619
3442
|
{
|
|
3620
3443
|
"name": "oninput",
|
|
@@ -3624,7 +3447,7 @@
|
|
|
3624
3447
|
},
|
|
3625
3448
|
{
|
|
3626
3449
|
"name": "uui-symbol-drag-handle",
|
|
3627
|
-
"description": "Attributes:\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles`
|
|
3450
|
+
"description": "Attributes:\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
3628
3451
|
"attributes": [
|
|
3629
3452
|
{
|
|
3630
3453
|
"name": "label",
|
|
@@ -3634,29 +3457,27 @@
|
|
|
3634
3457
|
},
|
|
3635
3458
|
{
|
|
3636
3459
|
"name": "uui-symbol-expand",
|
|
3637
|
-
"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 * `open` {boolean} - Set this boolean to true for a open/expanded look.\n\n * `styles`
|
|
3460
|
+
"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 * `open` {boolean} - Set this boolean to true for a open/expanded look.\n\n * `styles` - ",
|
|
3638
3461
|
"attributes": [
|
|
3639
3462
|
{
|
|
3640
3463
|
"name": "open",
|
|
3641
|
-
"description": "`open` {boolean} - Set this boolean to true for a open/expanded look.\n\nProperty: open\n\nDefault: false"
|
|
3642
|
-
"valueSet": "v"
|
|
3464
|
+
"description": "`open` {boolean} - Set this boolean to true for a open/expanded look.\n\nProperty: open\n\nDefault: false"
|
|
3643
3465
|
}
|
|
3644
3466
|
]
|
|
3645
3467
|
},
|
|
3646
3468
|
{
|
|
3647
3469
|
"name": "uui-symbol-file-dropzone",
|
|
3648
|
-
"description": "Attributes:\n\n * `error` {boolean} - Renders a error symbol instead of the upload symbol\n\nProperties:\n\n * `error` {boolean} - Renders a error symbol instead of the upload symbol\n\n * `styles`
|
|
3470
|
+
"description": "Attributes:\n\n * `error` {boolean} - Renders a error symbol instead of the upload symbol\n\nProperties:\n\n * `error` {boolean} - Renders a error symbol instead of the upload symbol\n\n * `styles` - ",
|
|
3649
3471
|
"attributes": [
|
|
3650
3472
|
{
|
|
3651
3473
|
"name": "error",
|
|
3652
|
-
"description": "`error` {boolean} - Renders a error symbol instead of the upload symbol\n\nProperty: error\n\nDefault: false"
|
|
3653
|
-
"valueSet": "v"
|
|
3474
|
+
"description": "`error` {boolean} - Renders a error symbol instead of the upload symbol\n\nProperty: error\n\nDefault: false"
|
|
3654
3475
|
}
|
|
3655
3476
|
]
|
|
3656
3477
|
},
|
|
3657
3478
|
{
|
|
3658
3479
|
"name": "uui-symbol-file-thumbnail",
|
|
3659
|
-
"description": "Attributes:\n\n * `src` {string} - Source of the thumbnail.\n\n * `alt` {string} - Alt of the thumbnail.\n\nProperties:\n\n * `src` {string} - Source of the thumbnail.\n\n * `alt` {string} - Alt of the thumbnail.\n\n * `_imageError` {`boolean`} - \n\n * `styles`
|
|
3480
|
+
"description": "Attributes:\n\n * `src` {string} - Source of the thumbnail.\n\n * `alt` {string} - Alt of the thumbnail.\n\nProperties:\n\n * `src` {string} - Source of the thumbnail.\n\n * `alt` {string} - Alt of the thumbnail.\n\n * `_imageError` {`boolean`} - \n\n * `styles` - ",
|
|
3660
3481
|
"attributes": [
|
|
3661
3482
|
{
|
|
3662
3483
|
"name": "src",
|
|
@@ -3670,7 +3491,7 @@
|
|
|
3670
3491
|
},
|
|
3671
3492
|
{
|
|
3672
3493
|
"name": "uui-file-symbol",
|
|
3673
|
-
"description": "Attributes:\n\n * `type` {string} - The text that will appear on the file icon\n\nProperties:\n\n * `type` {string} - The text that will appear on the file icon\n\n * `styles`
|
|
3494
|
+
"description": "Attributes:\n\n * `type` {string} - The text that will appear on the file icon\n\nProperties:\n\n * `type` {string} - The text that will appear on the file icon\n\n * `styles` - ",
|
|
3674
3495
|
"attributes": [
|
|
3675
3496
|
{
|
|
3676
3497
|
"name": "type",
|
|
@@ -3680,111 +3501,99 @@
|
|
|
3680
3501
|
},
|
|
3681
3502
|
{
|
|
3682
3503
|
"name": "uui-folder-symbol",
|
|
3683
|
-
"description": "Properties:\n\n * `styles`
|
|
3504
|
+
"description": "Properties:\n\n * `styles` - ",
|
|
3684
3505
|
"attributes": []
|
|
3685
3506
|
},
|
|
3686
3507
|
{
|
|
3687
3508
|
"name": "uui-symbol-lock",
|
|
3688
|
-
"description": "Attributes:\n\n * `open` {`boolean`} - \n\nProperties:\n\n * `open` {`boolean`} - \n\n * `styles`
|
|
3509
|
+
"description": "Attributes:\n\n * `open` {`boolean`} - \n\nProperties:\n\n * `open` {`boolean`} - \n\n * `styles` - ",
|
|
3689
3510
|
"attributes": [
|
|
3690
3511
|
{
|
|
3691
3512
|
"name": "open",
|
|
3692
|
-
"description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false"
|
|
3693
|
-
"valueSet": "v"
|
|
3513
|
+
"description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false"
|
|
3694
3514
|
}
|
|
3695
3515
|
]
|
|
3696
3516
|
},
|
|
3697
3517
|
{
|
|
3698
3518
|
"name": "uui-symbol-more",
|
|
3699
|
-
"description": "Properties:\n\n * `styles`
|
|
3519
|
+
"description": "Properties:\n\n * `styles` - ",
|
|
3700
3520
|
"attributes": []
|
|
3701
3521
|
},
|
|
3702
3522
|
{
|
|
3703
3523
|
"name": "uui-symbol-sort",
|
|
3704
|
-
"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 * `descending` {boolean} - Turns the arrow around. Set this boolean to true for displaying descending sort is active.\n\n * `styles`
|
|
3524
|
+
"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 * `descending` {boolean} - Turns the arrow around. Set this boolean to true for displaying descending sort is active.\n\n * `styles` - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
|
|
3705
3525
|
"attributes": [
|
|
3706
3526
|
{
|
|
3707
3527
|
"name": "descending",
|
|
3708
|
-
"description": "`descending` {boolean} - Turns the arrow around. Set this boolean to true for displaying descending sort is active.\n\nProperty: descending\n\nDefault: false"
|
|
3709
|
-
"valueSet": "v"
|
|
3528
|
+
"description": "`descending` {boolean} - Turns the arrow around. Set this boolean to true for displaying descending sort is active.\n\nProperty: descending\n\nDefault: false"
|
|
3710
3529
|
},
|
|
3711
3530
|
{
|
|
3712
3531
|
"name": "active",
|
|
3713
|
-
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
3714
|
-
"valueSet": "v"
|
|
3532
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
3715
3533
|
}
|
|
3716
3534
|
]
|
|
3717
3535
|
},
|
|
3718
3536
|
{
|
|
3719
3537
|
"name": "uui-table-cell",
|
|
3720
|
-
"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 * `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` {`ResizeObserver`} - \n\n * `styles`
|
|
3538
|
+
"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 * `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` {`ResizeObserver`} - \n\n * `styles` - ",
|
|
3721
3539
|
"attributes": [
|
|
3722
3540
|
{
|
|
3723
3541
|
"name": "disable-child-interaction",
|
|
3724
|
-
"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"
|
|
3725
|
-
"valueSet": "v"
|
|
3542
|
+
"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"
|
|
3726
3543
|
},
|
|
3727
3544
|
{
|
|
3728
3545
|
"name": "no-padding",
|
|
3729
|
-
"description": "`no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\nProperty: noPadding\n\nDefault: false"
|
|
3730
|
-
"valueSet": "v"
|
|
3546
|
+
"description": "`no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\nProperty: noPadding\n\nDefault: false"
|
|
3731
3547
|
},
|
|
3732
3548
|
{
|
|
3733
3549
|
"name": "clip-text",
|
|
3734
|
-
"description": "`clip-text` {boolean} - Enable overflow ellipsis\n\nProperty: clipText\n\nDefault: false"
|
|
3735
|
-
"valueSet": "v"
|
|
3550
|
+
"description": "`clip-text` {boolean} - Enable overflow ellipsis\n\nProperty: clipText\n\nDefault: false"
|
|
3736
3551
|
}
|
|
3737
3552
|
]
|
|
3738
3553
|
},
|
|
3739
3554
|
{
|
|
3740
3555
|
"name": "uui-table-column",
|
|
3741
|
-
"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`
|
|
3556
|
+
"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` - ",
|
|
3742
3557
|
"attributes": []
|
|
3743
3558
|
},
|
|
3744
3559
|
{
|
|
3745
3560
|
"name": "uui-table-head-cell",
|
|
3746
|
-
"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 * `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` {`ResizeObserver`} - \n\n * `styles`
|
|
3561
|
+
"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 * `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` {`ResizeObserver`} - \n\n * `styles` - ",
|
|
3747
3562
|
"attributes": [
|
|
3748
3563
|
{
|
|
3749
3564
|
"name": "disable-child-interaction",
|
|
3750
|
-
"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"
|
|
3751
|
-
"valueSet": "v"
|
|
3565
|
+
"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"
|
|
3752
3566
|
},
|
|
3753
3567
|
{
|
|
3754
3568
|
"name": "no-padding",
|
|
3755
|
-
"description": "`no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\nProperty: noPadding\n\nDefault: false"
|
|
3756
|
-
"valueSet": "v"
|
|
3569
|
+
"description": "`no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\nProperty: noPadding\n\nDefault: false"
|
|
3757
3570
|
},
|
|
3758
3571
|
{
|
|
3759
3572
|
"name": "clip-text",
|
|
3760
|
-
"description": "`clip-text` {boolean} - Enable overflow ellipsis\n\nProperty: clipText\n\nDefault: false"
|
|
3761
|
-
"valueSet": "v"
|
|
3573
|
+
"description": "`clip-text` {boolean} - Enable overflow ellipsis\n\nProperty: clipText\n\nDefault: false"
|
|
3762
3574
|
}
|
|
3763
3575
|
]
|
|
3764
3576
|
},
|
|
3765
3577
|
{
|
|
3766
3578
|
"name": "uui-table-head",
|
|
3767
|
-
"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`
|
|
3579
|
+
"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` - ",
|
|
3768
3580
|
"attributes": []
|
|
3769
3581
|
},
|
|
3770
3582
|
{
|
|
3771
3583
|
"name": "uui-table-row",
|
|
3772
|
-
"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 * `deselected` - fires when the media card is deselected\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 * `slotCellNodes`
|
|
3584
|
+
"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 * `deselected` - fires when the media card is deselected\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 * `slotCellNodes` - \n\n * `styles` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
3773
3585
|
"attributes": [
|
|
3774
3586
|
{
|
|
3775
3587
|
"name": "select-only",
|
|
3776
|
-
"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"
|
|
3777
|
-
"valueSet": "v"
|
|
3588
|
+
"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"
|
|
3778
3589
|
},
|
|
3779
3590
|
{
|
|
3780
3591
|
"name": "selectable",
|
|
3781
|
-
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3782
|
-
"valueSet": "v"
|
|
3592
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable"
|
|
3783
3593
|
},
|
|
3784
3594
|
{
|
|
3785
3595
|
"name": "selected",
|
|
3786
|
-
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3787
|
-
"valueSet": "v"
|
|
3596
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false"
|
|
3788
3597
|
},
|
|
3789
3598
|
{
|
|
3790
3599
|
"name": "onselected",
|
|
@@ -3798,12 +3607,12 @@
|
|
|
3798
3607
|
},
|
|
3799
3608
|
{
|
|
3800
3609
|
"name": "uui-table",
|
|
3801
|
-
"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`
|
|
3610
|
+
"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` - ",
|
|
3802
3611
|
"attributes": []
|
|
3803
3612
|
},
|
|
3804
3613
|
{
|
|
3805
3614
|
"name": "uui-tab-group",
|
|
3806
|
-
"description": "Slots:\n\n * ` ` {} - Default slot for the tab group\n\nAttributes:\n\n * `dropdown-content-direction` {string} - Set the flex direction of the content of the dropdown.\n\nProperties:\n\n * `_moreButtonElement` - \n\n * `_popoverContainerElement` - \n\n * `_mainElement` {`HTMLElement`} - \n\n * `_slottedNodes`
|
|
3615
|
+
"description": "Slots:\n\n * ` ` {} - Default slot for the tab group\n\nAttributes:\n\n * `dropdown-content-direction` {string} - Set the flex direction of the content of the dropdown.\n\nProperties:\n\n * `_moreButtonElement` - \n\n * `_popoverContainerElement` - \n\n * `_mainElement` {`HTMLElement`} - \n\n * `_slottedNodes` - \n\n * `dropdownContentDirection` {string} - Set the flex direction of the content of the dropdown.\n\n * `styles` - ",
|
|
3807
3616
|
"attributes": [
|
|
3808
3617
|
{
|
|
3809
3618
|
"name": "dropdown-content-direction",
|
|
@@ -3821,12 +3630,11 @@
|
|
|
3821
3630
|
},
|
|
3822
3631
|
{
|
|
3823
3632
|
"name": "uui-tabs",
|
|
3824
|
-
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `styles`
|
|
3633
|
+
"description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n * ` ` {} - for label\n\n * `icon` {} - for icon\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n * `styles` - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
3825
3634
|
"attributes": [
|
|
3826
3635
|
{
|
|
3827
3636
|
"name": "disabled",
|
|
3828
|
-
"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"
|
|
3829
|
-
"valueSet": "v"
|
|
3637
|
+
"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"
|
|
3830
3638
|
},
|
|
3831
3639
|
{
|
|
3832
3640
|
"name": "href",
|
|
@@ -3870,8 +3678,7 @@
|
|
|
3870
3678
|
},
|
|
3871
3679
|
{
|
|
3872
3680
|
"name": "active",
|
|
3873
|
-
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
3874
|
-
"valueSet": "v"
|
|
3681
|
+
"description": "`active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperty: active\n\nDefault: false"
|
|
3875
3682
|
},
|
|
3876
3683
|
{
|
|
3877
3684
|
"name": "label",
|
|
@@ -3881,7 +3688,7 @@
|
|
|
3881
3688
|
},
|
|
3882
3689
|
{
|
|
3883
3690
|
"name": "uui-tag",
|
|
3884
|
-
"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 * `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 * `styles`
|
|
3691
|
+
"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 * `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 * `styles` - ",
|
|
3885
3692
|
"attributes": [
|
|
3886
3693
|
{
|
|
3887
3694
|
"name": "color",
|
|
@@ -3935,7 +3742,7 @@
|
|
|
3935
3742
|
},
|
|
3936
3743
|
{
|
|
3937
3744
|
"name": "uui-textarea",
|
|
3938
|
-
"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` - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` - 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 * `rows` {number} - Sets the number of rows of the textarea\n\n * `cols` {number} - Sets the number of cols of the textarea\n\n * `wrap` {'soft' | 'hard'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n * `name` {string} - This is a name property of the component.\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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\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` - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` - 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 * `rows` {number} - Sets the number of rows of the textarea\n\n * `cols` {number} - Sets the number of cols of the textarea\n\n * `wrap` {'soft' | 'hard'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n * `_autoHeightRafId` {`number | null`} - Override value setter to trigger autoUpdateHeight when value changes\n\n * `styles`
|
|
3745
|
+
"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` - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` - 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 * `rows` {number} - Sets the number of rows of the textarea\n\n * `cols` {number} - Sets the number of cols of the textarea\n\n * `wrap` {'soft' | 'hard'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n * `name` {string} - This is a name property of the component.\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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\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` - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` - 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 * `rows` {number} - Sets the number of rows of the textarea\n\n * `cols` {number} - Sets the number of cols of the textarea\n\n * `wrap` {'soft' | 'hard'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n * `_autoHeightRafId` {`number | null`} - Override value setter to trigger autoUpdateHeight when value changes\n\n * `styles` - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - ",
|
|
3939
3746
|
"attributes": [
|
|
3940
3747
|
{
|
|
3941
3748
|
"name": "placeholder",
|
|
@@ -3943,13 +3750,11 @@
|
|
|
3943
3750
|
},
|
|
3944
3751
|
{
|
|
3945
3752
|
"name": "disabled",
|
|
3946
|
-
"description": "`disabled` {boolean} - Disables the textarea.\n\nProperty: disabled\n\nDefault: false"
|
|
3947
|
-
"valueSet": "v"
|
|
3753
|
+
"description": "`disabled` {boolean} - Disables the textarea.\n\nProperty: disabled\n\nDefault: false"
|
|
3948
3754
|
},
|
|
3949
3755
|
{
|
|
3950
3756
|
"name": "readonly",
|
|
3951
|
-
"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"
|
|
3952
|
-
"valueSet": "v"
|
|
3757
|
+
"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"
|
|
3953
3758
|
},
|
|
3954
3759
|
{
|
|
3955
3760
|
"name": "minlength",
|
|
@@ -3973,8 +3778,7 @@
|
|
|
3973
3778
|
},
|
|
3974
3779
|
{
|
|
3975
3780
|
"name": "auto-height",
|
|
3976
|
-
"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"
|
|
3977
|
-
"valueSet": "v"
|
|
3781
|
+
"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"
|
|
3978
3782
|
},
|
|
3979
3783
|
{
|
|
3980
3784
|
"name": "label",
|
|
@@ -4008,8 +3812,7 @@
|
|
|
4008
3812
|
},
|
|
4009
3813
|
{
|
|
4010
3814
|
"name": "required",
|
|
4011
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
4012
|
-
"valueSet": "v"
|
|
3815
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
4013
3816
|
},
|
|
4014
3817
|
{
|
|
4015
3818
|
"name": "required-message",
|
|
@@ -4017,8 +3820,7 @@
|
|
|
4017
3820
|
},
|
|
4018
3821
|
{
|
|
4019
3822
|
"name": "error",
|
|
4020
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
4021
|
-
"valueSet": "v"
|
|
3823
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
4022
3824
|
},
|
|
4023
3825
|
{
|
|
4024
3826
|
"name": "error-message",
|
|
@@ -4030,8 +3832,7 @@
|
|
|
4030
3832
|
},
|
|
4031
3833
|
{
|
|
4032
3834
|
"name": "pristine",
|
|
4033
|
-
"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: "
|
|
4034
|
-
"valueSet": "v"
|
|
3835
|
+
"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: "
|
|
4035
3836
|
},
|
|
4036
3837
|
{
|
|
4037
3838
|
"name": "onchange",
|
|
@@ -4049,7 +3850,7 @@
|
|
|
4049
3850
|
},
|
|
4050
3851
|
{
|
|
4051
3852
|
"name": "uui-toast-notification-container",
|
|
4052
|
-
"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 * `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`
|
|
3853
|
+
"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 * `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` - \n\n * `onSlotChanged` - \n\n * `styles` - \n\n * `_autoClose` {number} - Set an auto-close timer, the timer will be paused on mouse-hover.",
|
|
4053
3854
|
"attributes": [
|
|
4054
3855
|
{
|
|
4055
3856
|
"name": "auto-close",
|
|
@@ -4070,7 +3871,7 @@
|
|
|
4070
3871
|
},
|
|
4071
3872
|
{
|
|
4072
3873
|
"name": "uui-toast-notification-layout",
|
|
4073
|
-
"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 * `headline` {`string`} - Headline for this notification, can also be set via the 'headline' slot.\n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `styles`
|
|
3874
|
+
"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 * `headline` {`string`} - Headline for this notification, can also be set via the 'headline' slot.\n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `styles` - ",
|
|
4074
3875
|
"attributes": [
|
|
4075
3876
|
{
|
|
4076
3877
|
"name": "headline",
|
|
@@ -4080,7 +3881,7 @@
|
|
|
4080
3881
|
},
|
|
4081
3882
|
{
|
|
4082
3883
|
"name": "uui-toast-notification",
|
|
4083
|
-
"description": "Events:\n\n * `opening` - fires when the toast is starting to open\n\n * `opened` - fires when the toast is open after the open-animation\n\n * `closing` - fires when the toast is starting to close\n\n * `closed` - fires when the toast is closed\n\nSlots:\n\n * ` ` {} - slot for dialog layout/content\n\nAttributes:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `open` {`boolean`} - define if this toast should open or close.\n\nProperties:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `_autoClose` {`number | null`} - \n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `_onOpenTimerComplete` - \n\n * `_toastEl` {`HTMLElement`} - \n\n * `_timer` - \n\n * `_pauseTimer` {`boolean`} - \n\n * `isOpen` {`boolean`} - \n\n * `_open` {`boolean`} - \n\n * `_animate` {`boolean`} - \n\n * `_animationTimeout`
|
|
3884
|
+
"description": "Events:\n\n * `opening` - fires when the toast is starting to open\n\n * `opened` - fires when the toast is open after the open-animation\n\n * `closing` - fires when the toast is starting to close\n\n * `closed` - fires when the toast is closed\n\nSlots:\n\n * ` ` {} - slot for dialog layout/content\n\nAttributes:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `open` {`boolean`} - define if this toast should open or close.\n\nProperties:\n\n * `color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n * `_autoClose` {`number | null`} - \n\n * `autoClose` {`number | null`} - Set an auto-close timer.\n\n * `_onOpenTimerComplete` - \n\n * `_toastEl` {`HTMLElement`} - \n\n * `_timer` - \n\n * `_pauseTimer` {`boolean`} - \n\n * `isOpen` {`boolean`} - \n\n * `_open` {`boolean`} - \n\n * `_animate` {`boolean`} - \n\n * `_animationTimeout` - \n\n * `open` {`boolean`} - define if this toast should open or close.\n\n * `_requestAnimationUpdate` {`number`} - \n\n * `styles` - ",
|
|
4084
3885
|
"attributes": [
|
|
4085
3886
|
{
|
|
4086
3887
|
"name": "color",
|
|
@@ -4113,8 +3914,7 @@
|
|
|
4113
3914
|
},
|
|
4114
3915
|
{
|
|
4115
3916
|
"name": "open",
|
|
4116
|
-
"description": "`open` {`boolean`} - define if this toast should open or close.\n\nProperty: open\n\nDefault: false"
|
|
4117
|
-
"valueSet": "v"
|
|
3917
|
+
"description": "`open` {`boolean`} - define if this toast should open or close.\n\nProperty: open\n\nDefault: false"
|
|
4118
3918
|
},
|
|
4119
3919
|
{
|
|
4120
3920
|
"name": "onopening",
|
|
@@ -4136,7 +3936,7 @@
|
|
|
4136
3936
|
},
|
|
4137
3937
|
{
|
|
4138
3938
|
"name": "uui-toggle",
|
|
4139
|
-
"description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.\n\nEvents:\n\n * `change-` {} - fires when the element is begin checked by a user action\n\n * `change` {} - on change\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `_input` {`HTMLInputElement`} - \n\n * `styles`
|
|
3939
|
+
"description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.\n\nEvents:\n\n * `change-` {} - fires when the element is begin checked by a user action\n\n * `change` {} - on change\n\nAttributes:\n\n * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `name` {string} - This is a name property of the component.\n\n * `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 * `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 * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `_value` {`string`} - \n\n * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n * `_checked` {`boolean`} - \n\n * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n * `indeterminate` {boolean} - Indeterminate state for the input.\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `_input` {`HTMLInputElement`} - \n\n * `styles` - \n\n * `inputRole` {`\"checkbox\" | \"switch\"`} - \n\n * `name` {string} - This is a name property of the component.\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 * `addValidator` - \n\n * `removeValidator` - \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 * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `_pristine` {`boolean`} - \n\n * `_customValidityObject` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_ariaObserver` - \n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
4140
3940
|
"attributes": [
|
|
4141
3941
|
{
|
|
4142
3942
|
"name": "label-position",
|
|
@@ -4158,23 +3958,19 @@
|
|
|
4158
3958
|
},
|
|
4159
3959
|
{
|
|
4160
3960
|
"name": "checked",
|
|
4161
|
-
"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"
|
|
4162
|
-
"valueSet": "v"
|
|
3961
|
+
"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"
|
|
4163
3962
|
},
|
|
4164
3963
|
{
|
|
4165
3964
|
"name": "indeterminate",
|
|
4166
|
-
"description": "`indeterminate` {boolean} - Indeterminate state for the input.\n\nProperty: indeterminate\n\nDefault: false"
|
|
4167
|
-
"valueSet": "v"
|
|
3965
|
+
"description": "`indeterminate` {boolean} - Indeterminate state for the input.\n\nProperty: indeterminate\n\nDefault: false"
|
|
4168
3966
|
},
|
|
4169
3967
|
{
|
|
4170
3968
|
"name": "disabled",
|
|
4171
|
-
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
4172
|
-
"valueSet": "v"
|
|
3969
|
+
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false"
|
|
4173
3970
|
},
|
|
4174
3971
|
{
|
|
4175
3972
|
"name": "readonly",
|
|
4176
|
-
"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"
|
|
4177
|
-
"valueSet": "v"
|
|
3973
|
+
"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"
|
|
4178
3974
|
},
|
|
4179
3975
|
{
|
|
4180
3976
|
"name": "name",
|
|
@@ -4182,8 +3978,7 @@
|
|
|
4182
3978
|
},
|
|
4183
3979
|
{
|
|
4184
3980
|
"name": "required",
|
|
4185
|
-
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
4186
|
-
"valueSet": "v"
|
|
3981
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false"
|
|
4187
3982
|
},
|
|
4188
3983
|
{
|
|
4189
3984
|
"name": "required-message",
|
|
@@ -4191,8 +3986,7 @@
|
|
|
4191
3986
|
},
|
|
4192
3987
|
{
|
|
4193
3988
|
"name": "error",
|
|
4194
|
-
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
4195
|
-
"valueSet": "v"
|
|
3989
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false"
|
|
4196
3990
|
},
|
|
4197
3991
|
{
|
|
4198
3992
|
"name": "error-message",
|
|
@@ -4204,8 +3998,7 @@
|
|
|
4204
3998
|
},
|
|
4205
3999
|
{
|
|
4206
4000
|
"name": "pristine",
|
|
4207
|
-
"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: "
|
|
4208
|
-
"valueSet": "v"
|
|
4001
|
+
"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: "
|
|
4209
4002
|
},
|
|
4210
4003
|
{
|
|
4211
4004
|
"name": "label",
|
|
@@ -4223,7 +4016,7 @@
|
|
|
4223
4016
|
},
|
|
4224
4017
|
{
|
|
4225
4018
|
"name": "uui-visually-hidden",
|
|
4226
|
-
"description": "Properties:\n\n * `styles`
|
|
4019
|
+
"description": "Properties:\n\n * `styles` - ",
|
|
4227
4020
|
"attributes": []
|
|
4228
4021
|
}
|
|
4229
4022
|
],
|