@umbraco-ui/uui 1.6.0-rc.1 → 1.6.0-rc.3
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 +189 -14
- package/dist/uui.min.js +80 -71
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/package.json +84 -83
- package/vscode-html-custom-data.json +87 -7
package/lib/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export * from '@umbraco-ui/uui-breadcrumbs/lib';
|
|
|
10
10
|
export * from '@umbraco-ui/uui-button-group/lib';
|
|
11
11
|
export * from '@umbraco-ui/uui-button-inline-create/lib';
|
|
12
12
|
export * from '@umbraco-ui/uui-button/lib';
|
|
13
|
+
export * from '@umbraco-ui/uui-card-block-type/lib';
|
|
13
14
|
export * from '@umbraco-ui/uui-card-content-node/lib';
|
|
14
15
|
export * from '@umbraco-ui/uui-card-media/lib';
|
|
15
16
|
export * from '@umbraco-ui/uui-card-user/lib';
|
package/lib/index.js
CHANGED
|
@@ -10,6 +10,7 @@ export * from '@umbraco-ui/uui-breadcrumbs/lib';
|
|
|
10
10
|
export * from '@umbraco-ui/uui-button-group/lib';
|
|
11
11
|
export * from '@umbraco-ui/uui-button-inline-create/lib';
|
|
12
12
|
export * from '@umbraco-ui/uui-button/lib';
|
|
13
|
+
export * from '@umbraco-ui/uui-card-block-type/lib';
|
|
13
14
|
export * from '@umbraco-ui/uui-card-content-node/lib';
|
|
14
15
|
export * from '@umbraco-ui/uui-card-media/lib';
|
|
15
16
|
export * from '@umbraco-ui/uui-card-user/lib';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.6.0-rc.
|
|
3
|
+
"version": "1.6.0-rc.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.",
|
|
6
6
|
"keywords": [
|
|
@@ -37,87 +37,88 @@
|
|
|
37
37
|
"vscode-html-custom-data.json"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@umbraco-ui/uui-action-bar": "1.6.0-rc.
|
|
41
|
-
"@umbraco-ui/uui-avatar": "1.6.0-rc.
|
|
42
|
-
"@umbraco-ui/uui-avatar-group": "1.6.0-rc.
|
|
43
|
-
"@umbraco-ui/uui-badge": "1.6.0-rc.
|
|
44
|
-
"@umbraco-ui/uui-base": "1.6.0-rc.
|
|
45
|
-
"@umbraco-ui/uui-boolean-input": "1.6.0-rc.
|
|
46
|
-
"@umbraco-ui/uui-box": "1.6.0-rc.
|
|
47
|
-
"@umbraco-ui/uui-breadcrumbs": "1.6.0-rc.
|
|
48
|
-
"@umbraco-ui/uui-button": "1.6.0-rc.
|
|
49
|
-
"@umbraco-ui/uui-button-group": "1.6.0-rc.
|
|
50
|
-
"@umbraco-ui/uui-button-inline-create": "1.6.0-rc.
|
|
51
|
-
"@umbraco-ui/uui-card": "1.6.0-rc.
|
|
52
|
-
"@umbraco-ui/uui-card-
|
|
53
|
-
"@umbraco-ui/uui-card-
|
|
54
|
-
"@umbraco-ui/uui-card-
|
|
55
|
-
"@umbraco-ui/uui-
|
|
56
|
-
"@umbraco-ui/uui-
|
|
57
|
-
"@umbraco-ui/uui-
|
|
58
|
-
"@umbraco-ui/uui-color-
|
|
59
|
-
"@umbraco-ui/uui-color-
|
|
60
|
-
"@umbraco-ui/uui-color-
|
|
61
|
-
"@umbraco-ui/uui-color-
|
|
62
|
-
"@umbraco-ui/uui-
|
|
63
|
-
"@umbraco-ui/uui-combobox
|
|
64
|
-
"@umbraco-ui/uui-
|
|
65
|
-
"@umbraco-ui/uui-
|
|
66
|
-
"@umbraco-ui/uui-dialog
|
|
67
|
-
"@umbraco-ui/uui-
|
|
68
|
-
"@umbraco-ui/uui-file-
|
|
69
|
-
"@umbraco-ui/uui-
|
|
70
|
-
"@umbraco-ui/uui-form
|
|
71
|
-
"@umbraco-ui/uui-form-
|
|
72
|
-
"@umbraco-ui/uui-
|
|
73
|
-
"@umbraco-ui/uui-icon
|
|
74
|
-
"@umbraco-ui/uui-icon-registry
|
|
75
|
-
"@umbraco-ui/uui-
|
|
76
|
-
"@umbraco-ui/uui-input
|
|
77
|
-
"@umbraco-ui/uui-input-
|
|
78
|
-
"@umbraco-ui/uui-input-
|
|
79
|
-
"@umbraco-ui/uui-
|
|
80
|
-
"@umbraco-ui/uui-
|
|
81
|
-
"@umbraco-ui/uui-
|
|
82
|
-
"@umbraco-ui/uui-loader
|
|
83
|
-
"@umbraco-ui/uui-loader-
|
|
84
|
-
"@umbraco-ui/uui-
|
|
85
|
-
"@umbraco-ui/uui-
|
|
86
|
-
"@umbraco-ui/uui-
|
|
87
|
-
"@umbraco-ui/uui-
|
|
88
|
-
"@umbraco-ui/uui-popover
|
|
89
|
-
"@umbraco-ui/uui-
|
|
90
|
-
"@umbraco-ui/uui-
|
|
91
|
-
"@umbraco-ui/uui-
|
|
92
|
-
"@umbraco-ui/uui-
|
|
93
|
-
"@umbraco-ui/uui-ref
|
|
94
|
-
"@umbraco-ui/uui-ref-
|
|
95
|
-
"@umbraco-ui/uui-ref-node
|
|
96
|
-
"@umbraco-ui/uui-ref-node-
|
|
97
|
-
"@umbraco-ui/uui-ref-node-
|
|
98
|
-
"@umbraco-ui/uui-ref-node-
|
|
99
|
-
"@umbraco-ui/uui-ref-node-
|
|
100
|
-
"@umbraco-ui/uui-ref-node-
|
|
101
|
-
"@umbraco-ui/uui-
|
|
102
|
-
"@umbraco-ui/uui-
|
|
103
|
-
"@umbraco-ui/uui-
|
|
104
|
-
"@umbraco-ui/uui-
|
|
105
|
-
"@umbraco-ui/uui-symbol-
|
|
106
|
-
"@umbraco-ui/uui-symbol-file
|
|
107
|
-
"@umbraco-ui/uui-symbol-file-
|
|
108
|
-
"@umbraco-ui/uui-symbol-
|
|
109
|
-
"@umbraco-ui/uui-symbol-
|
|
110
|
-
"@umbraco-ui/uui-symbol-
|
|
111
|
-
"@umbraco-ui/uui-symbol-
|
|
112
|
-
"@umbraco-ui/uui-
|
|
113
|
-
"@umbraco-ui/uui-
|
|
114
|
-
"@umbraco-ui/uui-
|
|
115
|
-
"@umbraco-ui/uui-
|
|
116
|
-
"@umbraco-ui/uui-
|
|
117
|
-
"@umbraco-ui/uui-toast-notification
|
|
118
|
-
"@umbraco-ui/uui-toast-notification-
|
|
119
|
-
"@umbraco-ui/uui-
|
|
120
|
-
"@umbraco-ui/uui-
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.6.0-rc.3",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.6.0-rc.3",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.6.0-rc.3",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.6.0-rc.3",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.6.0-rc.3",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.6.0-rc.3",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.6.0-rc.3",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.6.0-rc.3",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.6.0-rc.3",
|
|
49
|
+
"@umbraco-ui/uui-button-group": "1.6.0-rc.3",
|
|
50
|
+
"@umbraco-ui/uui-button-inline-create": "1.6.0-rc.3",
|
|
51
|
+
"@umbraco-ui/uui-card": "1.6.0-rc.3",
|
|
52
|
+
"@umbraco-ui/uui-card-block-type": "1.6.0-rc.3",
|
|
53
|
+
"@umbraco-ui/uui-card-content-node": "1.6.0-rc.3",
|
|
54
|
+
"@umbraco-ui/uui-card-media": "1.6.0-rc.3",
|
|
55
|
+
"@umbraco-ui/uui-card-user": "1.6.0-rc.3",
|
|
56
|
+
"@umbraco-ui/uui-caret": "1.6.0-rc.3",
|
|
57
|
+
"@umbraco-ui/uui-checkbox": "1.6.0-rc.3",
|
|
58
|
+
"@umbraco-ui/uui-color-area": "1.6.0-rc.3",
|
|
59
|
+
"@umbraco-ui/uui-color-picker": "1.6.0-rc.3",
|
|
60
|
+
"@umbraco-ui/uui-color-slider": "1.6.0-rc.3",
|
|
61
|
+
"@umbraco-ui/uui-color-swatch": "1.6.0-rc.3",
|
|
62
|
+
"@umbraco-ui/uui-color-swatches": "1.6.0-rc.3",
|
|
63
|
+
"@umbraco-ui/uui-combobox": "1.6.0-rc.3",
|
|
64
|
+
"@umbraco-ui/uui-combobox-list": "1.6.0-rc.3",
|
|
65
|
+
"@umbraco-ui/uui-css": "1.6.0-rc.3",
|
|
66
|
+
"@umbraco-ui/uui-dialog": "1.6.0-rc.3",
|
|
67
|
+
"@umbraco-ui/uui-dialog-layout": "1.6.0-rc.3",
|
|
68
|
+
"@umbraco-ui/uui-file-dropzone": "1.6.0-rc.3",
|
|
69
|
+
"@umbraco-ui/uui-file-preview": "1.6.0-rc.3",
|
|
70
|
+
"@umbraco-ui/uui-form": "1.6.0-rc.3",
|
|
71
|
+
"@umbraco-ui/uui-form-layout-item": "1.6.0-rc.3",
|
|
72
|
+
"@umbraco-ui/uui-form-validation-message": "1.6.0-rc.3",
|
|
73
|
+
"@umbraco-ui/uui-icon": "1.6.0-rc.3",
|
|
74
|
+
"@umbraco-ui/uui-icon-registry": "1.6.0-rc.3",
|
|
75
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.6.0-rc.3",
|
|
76
|
+
"@umbraco-ui/uui-input": "1.6.0-rc.3",
|
|
77
|
+
"@umbraco-ui/uui-input-file": "1.6.0-rc.3",
|
|
78
|
+
"@umbraco-ui/uui-input-lock": "1.6.0-rc.3",
|
|
79
|
+
"@umbraco-ui/uui-input-password": "1.6.0-rc.3",
|
|
80
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.6.0-rc.3",
|
|
81
|
+
"@umbraco-ui/uui-label": "1.6.0-rc.3",
|
|
82
|
+
"@umbraco-ui/uui-loader": "1.6.0-rc.3",
|
|
83
|
+
"@umbraco-ui/uui-loader-bar": "1.6.0-rc.3",
|
|
84
|
+
"@umbraco-ui/uui-loader-circle": "1.6.0-rc.3",
|
|
85
|
+
"@umbraco-ui/uui-menu-item": "1.6.0-rc.3",
|
|
86
|
+
"@umbraco-ui/uui-modal": "1.6.0-rc.3",
|
|
87
|
+
"@umbraco-ui/uui-pagination": "1.6.0-rc.3",
|
|
88
|
+
"@umbraco-ui/uui-popover": "1.6.0-rc.3",
|
|
89
|
+
"@umbraco-ui/uui-popover-container": "1.6.0-rc.3",
|
|
90
|
+
"@umbraco-ui/uui-progress-bar": "1.6.0-rc.3",
|
|
91
|
+
"@umbraco-ui/uui-radio": "1.6.0-rc.3",
|
|
92
|
+
"@umbraco-ui/uui-range-slider": "1.6.0-rc.3",
|
|
93
|
+
"@umbraco-ui/uui-ref": "1.6.0-rc.3",
|
|
94
|
+
"@umbraco-ui/uui-ref-list": "1.6.0-rc.3",
|
|
95
|
+
"@umbraco-ui/uui-ref-node": "1.6.0-rc.3",
|
|
96
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.6.0-rc.3",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.6.0-rc.3",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-form": "1.6.0-rc.3",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-member": "1.6.0-rc.3",
|
|
100
|
+
"@umbraco-ui/uui-ref-node-package": "1.6.0-rc.3",
|
|
101
|
+
"@umbraco-ui/uui-ref-node-user": "1.6.0-rc.3",
|
|
102
|
+
"@umbraco-ui/uui-scroll-container": "1.6.0-rc.3",
|
|
103
|
+
"@umbraco-ui/uui-select": "1.6.0-rc.3",
|
|
104
|
+
"@umbraco-ui/uui-slider": "1.6.0-rc.3",
|
|
105
|
+
"@umbraco-ui/uui-symbol-expand": "1.6.0-rc.3",
|
|
106
|
+
"@umbraco-ui/uui-symbol-file": "1.6.0-rc.3",
|
|
107
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.6.0-rc.3",
|
|
108
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.6.0-rc.3",
|
|
109
|
+
"@umbraco-ui/uui-symbol-folder": "1.6.0-rc.3",
|
|
110
|
+
"@umbraco-ui/uui-symbol-lock": "1.6.0-rc.3",
|
|
111
|
+
"@umbraco-ui/uui-symbol-more": "1.6.0-rc.3",
|
|
112
|
+
"@umbraco-ui/uui-symbol-sort": "1.6.0-rc.3",
|
|
113
|
+
"@umbraco-ui/uui-table": "1.6.0-rc.3",
|
|
114
|
+
"@umbraco-ui/uui-tabs": "1.6.0-rc.3",
|
|
115
|
+
"@umbraco-ui/uui-tag": "1.6.0-rc.3",
|
|
116
|
+
"@umbraco-ui/uui-textarea": "1.6.0-rc.3",
|
|
117
|
+
"@umbraco-ui/uui-toast-notification": "1.6.0-rc.3",
|
|
118
|
+
"@umbraco-ui/uui-toast-notification-container": "1.6.0-rc.3",
|
|
119
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.6.0-rc.3",
|
|
120
|
+
"@umbraco-ui/uui-toggle": "1.6.0-rc.3",
|
|
121
|
+
"@umbraco-ui/uui-visually-hidden": "1.6.0-rc.3"
|
|
121
122
|
},
|
|
122
123
|
"scripts": {
|
|
123
124
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -130,5 +131,5 @@
|
|
|
130
131
|
"storybook": {
|
|
131
132
|
"url": "https://v1-contrib--62189360eeb21b003ab2f4ad.chromatic.com/"
|
|
132
133
|
},
|
|
133
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "27c5350ac041811e4d24b656030e7dca544caff1"
|
|
134
135
|
}
|
|
@@ -97,16 +97,16 @@
|
|
|
97
97
|
},
|
|
98
98
|
{
|
|
99
99
|
"name": "uui-box",
|
|
100
|
-
"description": "A box for grouping elements
|
|
100
|
+
"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` {`StaticValue`} - \n\n * `_headlineSlotHasContent` {`boolean`} - \n\n * `_headlineSlotChanged` - \n\n * `_headerSlotHasContent` {`boolean`} - \n\n * `_headerSlotChanged` - \n\n * `_headerActionsSlotHasContent` {`boolean`} - \n\n * `_headerActionsSlotChanged` - \n\n * `styles` {`CSSResult[]`} - ",
|
|
101
101
|
"attributes": [
|
|
102
102
|
{
|
|
103
103
|
"name": "headline",
|
|
104
|
-
"description": "`headline` {`string | null`} - Headline for this box, can also be set via the
|
|
104
|
+
"description": "`headline` {`string | null`} - Headline for this box, can also be set via the `headline` slot.\n\nProperty: headline\n\nDefault: null",
|
|
105
105
|
"values": []
|
|
106
106
|
},
|
|
107
107
|
{
|
|
108
108
|
"name": "headline-variant",
|
|
109
|
-
"description": "`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
|
|
109
|
+
"description": "`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\nProperty: headlineVariant\n\nDefault: \"h5\"",
|
|
110
110
|
"values": [
|
|
111
111
|
{
|
|
112
112
|
"name": ""
|
|
@@ -337,6 +337,86 @@
|
|
|
337
337
|
}
|
|
338
338
|
]
|
|
339
339
|
},
|
|
340
|
+
{
|
|
341
|
+
"name": "uui-card-block-type",
|
|
342
|
+
"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 * ` ` {} - Default content.\n\nAttributes:\n\n * `name` {string} - Block type name\n\n * `description` {string} - Block type description\n\n * `background` {`string | undefined`} - \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 * `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` {`string | undefined`} - \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 * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
343
|
+
"attributes": [
|
|
344
|
+
{
|
|
345
|
+
"name": "name",
|
|
346
|
+
"description": "`name` {string} - Block type name\n\nProperty: name\n\nDefault: ''"
|
|
347
|
+
},
|
|
348
|
+
{
|
|
349
|
+
"name": "description",
|
|
350
|
+
"description": "`description` {string} - Block type description\n\nProperty: description\n\nDefault: undefined",
|
|
351
|
+
"values": []
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"name": "background",
|
|
355
|
+
"description": "`background` {`string | undefined`} - \n\nProperty: background",
|
|
356
|
+
"values": []
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"name": "disabled",
|
|
360
|
+
"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",
|
|
361
|
+
"valueSet": "v"
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"name": "error",
|
|
365
|
+
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
366
|
+
"valueSet": "v"
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"name": "href",
|
|
370
|
+
"description": "`href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
371
|
+
"values": []
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
"name": "target",
|
|
375
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
376
|
+
"values": [
|
|
377
|
+
{
|
|
378
|
+
"name": "_blank"
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"name": "_parent"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "_self"
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"name": "_top"
|
|
388
|
+
}
|
|
389
|
+
]
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"name": "select-only",
|
|
393
|
+
"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",
|
|
394
|
+
"valueSet": "v"
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"name": "selectable",
|
|
398
|
+
"description": "`selectable` {`boolean`} - Enable the ability to select this element.\n\nProperty: selectable",
|
|
399
|
+
"valueSet": "v"
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"name": "selected",
|
|
403
|
+
"description": "`selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperty: selected\n\nDefault: false",
|
|
404
|
+
"valueSet": "v"
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"name": "onopen",
|
|
408
|
+
"description": "`open` - fires when the card title is clicked."
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "onselected",
|
|
412
|
+
"description": "`selected` - fires when the media card is selected"
|
|
413
|
+
},
|
|
414
|
+
{
|
|
415
|
+
"name": "ondeselected",
|
|
416
|
+
"description": "`deselected` - fires when the media card is deselected"
|
|
417
|
+
}
|
|
418
|
+
]
|
|
419
|
+
},
|
|
340
420
|
{
|
|
341
421
|
"name": "uui-card-content-node",
|
|
342
422
|
"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 * `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 * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n * `name` {string} - Node name\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `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 * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
@@ -483,7 +563,7 @@
|
|
|
483
563
|
},
|
|
484
564
|
{
|
|
485
565
|
"name": "uui-card-user",
|
|
486
|
-
"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} - 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 * `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 * `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 * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
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} - 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 * `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 * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
487
567
|
"attributes": [
|
|
488
568
|
{
|
|
489
569
|
"name": "name",
|
|
@@ -991,7 +1071,7 @@
|
|
|
991
1071
|
},
|
|
992
1072
|
{
|
|
993
1073
|
"name": "uui-combobox-list",
|
|
994
|
-
"description": "Events:\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n * `displayValue` { string } - A readable value to display to show the selected value.\n\n * `for` { HTMLElement } - provide another element of which keyboard navigation\n\nProperties:\n\n * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n * `displayValue` { string } - A readable value to display to show the selected value.\n\n * `_for` {`HTMLElement | undefined`} - \n\n * `for` { HTMLElement } - provide another element of which keyboard navigation\n\n * `_options` {`UUIComboboxListOptionElement[]`} - \n\n * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n * `_value` {`string | File | FormData`} - \n\n * `
|
|
1074
|
+
"description": "Events:\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n * `displayValue` { string } - A readable value to display to show the selected value.\n\n * `for` { HTMLElement } - provide another element of which keyboard navigation\n\nProperties:\n\n * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n * `displayValue` { string } - A readable value to display to show the selected value.\n\n * `_for` {`HTMLElement | undefined`} - \n\n * `for` { HTMLElement } - provide another element of which keyboard navigation\n\n * `_options` {`UUIComboboxListOptionElement[]`} - \n\n * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n * `_value` {`string | File | FormData`} - \n\n * `_activeElementValue` {`string | null`} - \n\n * `_selectedElement` - \n\n * `_onSlotChange` - \n\n * `_onSelected` - \n\n * `_onDeselected` - \n\n * `_getActiveIndex` {`number`} - \n\n * `_getActiveElement` - \n\n * `_moveIndex` - \n\n * `_onKeyDown` - \n\n * `styles` {`CSSResult[]`} - ",
|
|
995
1075
|
"attributes": [
|
|
996
1076
|
{
|
|
997
1077
|
"name": "value",
|
|
@@ -1015,7 +1095,7 @@
|
|
|
1015
1095
|
},
|
|
1016
1096
|
{
|
|
1017
1097
|
"name": "uui-combobox",
|
|
1018
|
-
"description": "Events:\n\n * `input` - fires when search input is changed\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\n * `input-prepend` {} - prepend for the uui-input\n\n * `input-append` {} - append for the uui-input\n\nAttributes:\n\n * `search` { string } - The search input.\n\n * `open` { boolean } - Specifies if the popover should be open.\n\n * `closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n * `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 * `
|
|
1098
|
+
"description": "Events:\n\n * `input` - fires when search input is changed\n\n * `change` - fires when selection is changed\n\nSlots:\n\n * ` ` {} - for uui-combobox-list-options\n\n * `input-prepend` {} - prepend for the uui-input\n\n * `input-append` {} - append for the uui-input\n\nAttributes:\n\n * `search` { string } - The search input.\n\n * `open` { boolean } - Specifies if the popover should be open.\n\n * `closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\n * `disabled` {boolean} - Disables the uui-combobox.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n * `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 * `_inputElement` {`HTMLInputElement`} - \n\n * `_comboboxPopoverElement` - \n\n * `_comboboxListElements` {`UUIComboboxListElement[] | undefined`} - \n\n * `_displayValue` {`string`} - \n\n * `_search` {`string`} - \n\n * `_isPhone` {`boolean`} - \n\n * `_isOpen` {`boolean`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
1019
1099
|
"attributes": [
|
|
1020
1100
|
{
|
|
1021
1101
|
"name": "search",
|
|
@@ -3119,7 +3199,7 @@
|
|
|
3119
3199
|
},
|
|
3120
3200
|
{
|
|
3121
3201
|
"name": "uui-tab-group",
|
|
3122
|
-
"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 * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n * `dropdownContentDirection` {string} - Set the flex direction of the content of the dropdown.\n\n * `styles` {`CSSResult[]`} - ",
|
|
3202
|
+
"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 * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n * `dropdownContentDirection` {string} - Set the flex direction of the content of the dropdown.\n\n * `styles` {`CSSResult[]`} - ",
|
|
3123
3203
|
"attributes": [
|
|
3124
3204
|
{
|
|
3125
3205
|
"name": "dropdown-content-direction",
|