@umbraco-ui/uui 1.12.1 → 1.13.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +401 -3
- package/dist/uui.min.js +85 -84
- 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 -84
- package/vscode-html-custom-data.json +202 -3
package/lib/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export * from '@umbraco-ui/uui-box/lib';
|
|
|
9
9
|
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
|
+
export * from '@umbraco-ui/uui-button-copy-text/lib';
|
|
12
13
|
export * from '@umbraco-ui/uui-button/lib';
|
|
13
14
|
export * from '@umbraco-ui/uui-card-block-type/lib';
|
|
14
15
|
export * from '@umbraco-ui/uui-card-content-node/lib';
|
package/lib/index.js
CHANGED
|
@@ -9,6 +9,7 @@ export * from '@umbraco-ui/uui-box/lib';
|
|
|
9
9
|
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
|
+
export * from '@umbraco-ui/uui-button-copy-text/lib';
|
|
12
13
|
export * from '@umbraco-ui/uui-button/lib';
|
|
13
14
|
export * from '@umbraco-ui/uui-card-block-type/lib';
|
|
14
15
|
export * from '@umbraco-ui/uui-card-content-node/lib';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.13.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.",
|
|
6
6
|
"keywords": [
|
|
@@ -37,88 +37,88 @@
|
|
|
37
37
|
"vscode-html-custom-data.json"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@umbraco-ui/uui-action-bar": "1.
|
|
41
|
-
"@umbraco-ui/uui-avatar": "1.
|
|
42
|
-
"@umbraco-ui/uui-avatar-group": "1.
|
|
43
|
-
"@umbraco-ui/uui-badge": "1.
|
|
44
|
-
"@umbraco-ui/uui-base": "1.
|
|
45
|
-
"@umbraco-ui/uui-boolean-input": "1.
|
|
46
|
-
"@umbraco-ui/uui-box": "1.
|
|
47
|
-
"@umbraco-ui/uui-breadcrumbs": "1.
|
|
48
|
-
"@umbraco-ui/uui-button": "1.
|
|
49
|
-
"@umbraco-ui/uui-button-group": "1.
|
|
50
|
-
"@umbraco-ui/uui-button-inline-create": "1.
|
|
51
|
-
"@umbraco-ui/uui-card": "1.
|
|
52
|
-
"@umbraco-ui/uui-card-block-type": "1.
|
|
53
|
-
"@umbraco-ui/uui-card-content-node": "1.
|
|
54
|
-
"@umbraco-ui/uui-card-media": "1.
|
|
55
|
-
"@umbraco-ui/uui-card-user": "1.
|
|
56
|
-
"@umbraco-ui/uui-caret": "1.
|
|
57
|
-
"@umbraco-ui/uui-checkbox": "1.
|
|
58
|
-
"@umbraco-ui/uui-color-area": "1.
|
|
59
|
-
"@umbraco-ui/uui-color-picker": "1.
|
|
60
|
-
"@umbraco-ui/uui-color-slider": "1.
|
|
61
|
-
"@umbraco-ui/uui-color-swatch": "1.
|
|
62
|
-
"@umbraco-ui/uui-color-swatches": "1.
|
|
63
|
-
"@umbraco-ui/uui-combobox": "1.
|
|
64
|
-
"@umbraco-ui/uui-combobox-list": "1.
|
|
65
|
-
"@umbraco-ui/uui-css": "1.
|
|
66
|
-
"@umbraco-ui/uui-dialog": "1.
|
|
67
|
-
"@umbraco-ui/uui-dialog-layout": "1.
|
|
68
|
-
"@umbraco-ui/uui-file-dropzone": "1.
|
|
69
|
-
"@umbraco-ui/uui-file-preview": "1.
|
|
70
|
-
"@umbraco-ui/uui-form": "1.
|
|
71
|
-
"@umbraco-ui/uui-form-layout-item": "1.
|
|
72
|
-
"@umbraco-ui/uui-form-validation-message": "1.
|
|
73
|
-
"@umbraco-ui/uui-icon": "1.
|
|
74
|
-
"@umbraco-ui/uui-icon-registry": "1.
|
|
75
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.
|
|
76
|
-
"@umbraco-ui/uui-input": "1.
|
|
77
|
-
"@umbraco-ui/uui-input-file": "1.
|
|
78
|
-
"@umbraco-ui/uui-input-lock": "1.
|
|
79
|
-
"@umbraco-ui/uui-input-password": "1.
|
|
80
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.
|
|
81
|
-
"@umbraco-ui/uui-label": "1.
|
|
82
|
-
"@umbraco-ui/uui-loader": "1.
|
|
83
|
-
"@umbraco-ui/uui-loader-bar": "1.
|
|
84
|
-
"@umbraco-ui/uui-loader-circle": "1.
|
|
85
|
-
"@umbraco-ui/uui-menu-item": "1.
|
|
86
|
-
"@umbraco-ui/uui-modal": "1.
|
|
87
|
-
"@umbraco-ui/uui-pagination": "1.
|
|
88
|
-
"@umbraco-ui/uui-popover": "1.
|
|
89
|
-
"@umbraco-ui/uui-popover-container": "1.
|
|
90
|
-
"@umbraco-ui/uui-progress-bar": "1.
|
|
91
|
-
"@umbraco-ui/uui-radio": "1.
|
|
92
|
-
"@umbraco-ui/uui-range-slider": "1.
|
|
93
|
-
"@umbraco-ui/uui-ref": "1.
|
|
94
|
-
"@umbraco-ui/uui-ref-list": "1.
|
|
95
|
-
"@umbraco-ui/uui-ref-node": "1.
|
|
96
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.
|
|
97
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.
|
|
98
|
-
"@umbraco-ui/uui-ref-node-form": "1.
|
|
99
|
-
"@umbraco-ui/uui-ref-node-member": "1.
|
|
100
|
-
"@umbraco-ui/uui-ref-node-package": "1.
|
|
101
|
-
"@umbraco-ui/uui-ref-node-user": "1.
|
|
102
|
-
"@umbraco-ui/uui-scroll-container": "1.
|
|
103
|
-
"@umbraco-ui/uui-select": "1.
|
|
104
|
-
"@umbraco-ui/uui-slider": "1.
|
|
105
|
-
"@umbraco-ui/uui-symbol-expand": "1.
|
|
106
|
-
"@umbraco-ui/uui-symbol-file": "1.
|
|
107
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.
|
|
108
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.
|
|
109
|
-
"@umbraco-ui/uui-symbol-folder": "1.
|
|
110
|
-
"@umbraco-ui/uui-symbol-lock": "1.
|
|
111
|
-
"@umbraco-ui/uui-symbol-more": "1.
|
|
112
|
-
"@umbraco-ui/uui-symbol-sort": "1.
|
|
113
|
-
"@umbraco-ui/uui-table": "1.
|
|
114
|
-
"@umbraco-ui/uui-tabs": "1.
|
|
115
|
-
"@umbraco-ui/uui-tag": "1.
|
|
116
|
-
"@umbraco-ui/uui-textarea": "1.
|
|
117
|
-
"@umbraco-ui/uui-toast-notification": "1.
|
|
118
|
-
"@umbraco-ui/uui-toast-notification-container": "1.
|
|
119
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.
|
|
120
|
-
"@umbraco-ui/uui-toggle": "1.
|
|
121
|
-
"@umbraco-ui/uui-visually-hidden": "1.
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.13.0-rc.0",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.13.0-rc.0",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.13.0-rc.0",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.13.0-rc.0",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.13.0-rc.0",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.13.0-rc.0",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.13.0-rc.0",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.13.0-rc.0",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.13.0-rc.0",
|
|
49
|
+
"@umbraco-ui/uui-button-group": "1.13.0-rc.0",
|
|
50
|
+
"@umbraco-ui/uui-button-inline-create": "1.13.0-rc.0",
|
|
51
|
+
"@umbraco-ui/uui-card": "1.13.0-rc.0",
|
|
52
|
+
"@umbraco-ui/uui-card-block-type": "1.13.0-rc.0",
|
|
53
|
+
"@umbraco-ui/uui-card-content-node": "1.13.0-rc.0",
|
|
54
|
+
"@umbraco-ui/uui-card-media": "1.13.0-rc.0",
|
|
55
|
+
"@umbraco-ui/uui-card-user": "1.13.0-rc.0",
|
|
56
|
+
"@umbraco-ui/uui-caret": "1.13.0-rc.0",
|
|
57
|
+
"@umbraco-ui/uui-checkbox": "1.13.0-rc.0",
|
|
58
|
+
"@umbraco-ui/uui-color-area": "1.13.0-rc.0",
|
|
59
|
+
"@umbraco-ui/uui-color-picker": "1.13.0-rc.0",
|
|
60
|
+
"@umbraco-ui/uui-color-slider": "1.13.0-rc.0",
|
|
61
|
+
"@umbraco-ui/uui-color-swatch": "1.13.0-rc.0",
|
|
62
|
+
"@umbraco-ui/uui-color-swatches": "1.13.0-rc.0",
|
|
63
|
+
"@umbraco-ui/uui-combobox": "1.13.0-rc.0",
|
|
64
|
+
"@umbraco-ui/uui-combobox-list": "1.13.0-rc.0",
|
|
65
|
+
"@umbraco-ui/uui-css": "1.13.0-rc.0",
|
|
66
|
+
"@umbraco-ui/uui-dialog": "1.13.0-rc.0",
|
|
67
|
+
"@umbraco-ui/uui-dialog-layout": "1.13.0-rc.0",
|
|
68
|
+
"@umbraco-ui/uui-file-dropzone": "1.13.0-rc.0",
|
|
69
|
+
"@umbraco-ui/uui-file-preview": "1.13.0-rc.0",
|
|
70
|
+
"@umbraco-ui/uui-form": "1.13.0-rc.0",
|
|
71
|
+
"@umbraco-ui/uui-form-layout-item": "1.13.0-rc.0",
|
|
72
|
+
"@umbraco-ui/uui-form-validation-message": "1.13.0-rc.0",
|
|
73
|
+
"@umbraco-ui/uui-icon": "1.13.0-rc.0",
|
|
74
|
+
"@umbraco-ui/uui-icon-registry": "1.13.0-rc.0",
|
|
75
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.13.0-rc.0",
|
|
76
|
+
"@umbraco-ui/uui-input": "1.13.0-rc.0",
|
|
77
|
+
"@umbraco-ui/uui-input-file": "1.13.0-rc.0",
|
|
78
|
+
"@umbraco-ui/uui-input-lock": "1.13.0-rc.0",
|
|
79
|
+
"@umbraco-ui/uui-input-password": "1.13.0-rc.0",
|
|
80
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.13.0-rc.0",
|
|
81
|
+
"@umbraco-ui/uui-label": "1.13.0-rc.0",
|
|
82
|
+
"@umbraco-ui/uui-loader": "1.13.0-rc.0",
|
|
83
|
+
"@umbraco-ui/uui-loader-bar": "1.13.0-rc.0",
|
|
84
|
+
"@umbraco-ui/uui-loader-circle": "1.13.0-rc.0",
|
|
85
|
+
"@umbraco-ui/uui-menu-item": "1.13.0-rc.0",
|
|
86
|
+
"@umbraco-ui/uui-modal": "1.13.0-rc.0",
|
|
87
|
+
"@umbraco-ui/uui-pagination": "1.13.0-rc.0",
|
|
88
|
+
"@umbraco-ui/uui-popover": "1.13.0-rc.0",
|
|
89
|
+
"@umbraco-ui/uui-popover-container": "1.13.0-rc.0",
|
|
90
|
+
"@umbraco-ui/uui-progress-bar": "1.13.0-rc.0",
|
|
91
|
+
"@umbraco-ui/uui-radio": "1.13.0-rc.0",
|
|
92
|
+
"@umbraco-ui/uui-range-slider": "1.13.0-rc.0",
|
|
93
|
+
"@umbraco-ui/uui-ref": "1.13.0-rc.0",
|
|
94
|
+
"@umbraco-ui/uui-ref-list": "1.13.0-rc.0",
|
|
95
|
+
"@umbraco-ui/uui-ref-node": "1.13.0-rc.0",
|
|
96
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.13.0-rc.0",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.13.0-rc.0",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-form": "1.13.0-rc.0",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-member": "1.13.0-rc.0",
|
|
100
|
+
"@umbraco-ui/uui-ref-node-package": "1.13.0-rc.0",
|
|
101
|
+
"@umbraco-ui/uui-ref-node-user": "1.13.0-rc.0",
|
|
102
|
+
"@umbraco-ui/uui-scroll-container": "1.13.0-rc.0",
|
|
103
|
+
"@umbraco-ui/uui-select": "1.13.0-rc.0",
|
|
104
|
+
"@umbraco-ui/uui-slider": "1.13.0-rc.0",
|
|
105
|
+
"@umbraco-ui/uui-symbol-expand": "1.13.0-rc.0",
|
|
106
|
+
"@umbraco-ui/uui-symbol-file": "1.13.0-rc.0",
|
|
107
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.13.0-rc.0",
|
|
108
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.13.0-rc.0",
|
|
109
|
+
"@umbraco-ui/uui-symbol-folder": "1.13.0-rc.0",
|
|
110
|
+
"@umbraco-ui/uui-symbol-lock": "1.13.0-rc.0",
|
|
111
|
+
"@umbraco-ui/uui-symbol-more": "1.13.0-rc.0",
|
|
112
|
+
"@umbraco-ui/uui-symbol-sort": "1.13.0-rc.0",
|
|
113
|
+
"@umbraco-ui/uui-table": "1.13.0-rc.0",
|
|
114
|
+
"@umbraco-ui/uui-tabs": "1.13.0-rc.0",
|
|
115
|
+
"@umbraco-ui/uui-tag": "1.13.0-rc.0",
|
|
116
|
+
"@umbraco-ui/uui-textarea": "1.13.0-rc.0",
|
|
117
|
+
"@umbraco-ui/uui-toast-notification": "1.13.0-rc.0",
|
|
118
|
+
"@umbraco-ui/uui-toast-notification-container": "1.13.0-rc.0",
|
|
119
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.13.0-rc.0",
|
|
120
|
+
"@umbraco-ui/uui-toggle": "1.13.0-rc.0",
|
|
121
|
+
"@umbraco-ui/uui-visually-hidden": "1.13.0-rc.0"
|
|
122
122
|
},
|
|
123
123
|
"scripts": {
|
|
124
124
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"storybook": {
|
|
132
132
|
"url": "https://v1-contrib--62189360eeb21b003ab2f4ad.chromatic.com/"
|
|
133
133
|
},
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "864afa6c182c2a73c479237732dadc1abc69a4a0"
|
|
135
135
|
}
|
|
@@ -61,6 +61,9 @@
|
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
"name": "danger"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "invalid"
|
|
64
67
|
}
|
|
65
68
|
]
|
|
66
69
|
},
|
|
@@ -154,6 +157,193 @@
|
|
|
154
157
|
"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` {`HTMLElement[]`} - \n\n * `styles` {`CSSResult[]`} - ",
|
|
155
158
|
"attributes": []
|
|
156
159
|
},
|
|
160
|
+
{
|
|
161
|
+
"name": "uui-button-copy-text",
|
|
162
|
+
"description": "Events:\n\n * `copying` - Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard\n\n * `copied` - Fires when the content is copied to the clipboard\n\n * `click` - fires when the element is clicked\n\nSlots:\n\n * ` ` {} - Use to replace the default content of the copy icon\n\n * `label` {} - for label content\n\n * `extra` {} - for extra\n\nAttributes:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copy-from` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n * `text` {string} - Set a string you wish to copy to the clipboard\n\n * `copyFrom` {string} - Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored\n\n * `animationStateDelay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\n * `type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\n * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\n * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `_button` {`HTMLInputElement`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - \n\n * `popoverContainerElement` {string} - Set a popovertarget.\n\n * `_togglePopover` - ",
|
|
163
|
+
"attributes": [
|
|
164
|
+
{
|
|
165
|
+
"name": "text",
|
|
166
|
+
"description": "`text` {string} - Set a string you wish to copy to the clipboard\n\nProperty: text\n\nDefault: ''"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"name": "copy-from",
|
|
170
|
+
"description": "`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\nProperty: copyFrom\n\nDefault: ''"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"name": "animation-state-delay",
|
|
174
|
+
"description": "`animation-state-delay` {number} - The delay in milliseconds before the button returns to its default state after a successful copy\n\nProperty: animationStateDelay\n\nDefault: 250"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "type",
|
|
178
|
+
"description": "`type` {\"submit\" | \"button\" | \"reset\"} - Specifies the type of button\n\nProperty: type\n\nDefault: \"button\"",
|
|
179
|
+
"values": [
|
|
180
|
+
{
|
|
181
|
+
"name": "submit"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "button"
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "reset"
|
|
188
|
+
}
|
|
189
|
+
]
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"name": "disabled",
|
|
193
|
+
"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",
|
|
194
|
+
"valueSet": "v"
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "look",
|
|
198
|
+
"description": "`look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\nProperty: look\n\nDefault: \"default\"",
|
|
199
|
+
"values": [
|
|
200
|
+
{
|
|
201
|
+
"name": ""
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"name": "default"
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"name": "primary"
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "secondary"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "outline"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "placeholder"
|
|
217
|
+
}
|
|
218
|
+
]
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"name": "color",
|
|
222
|
+
"description": "`color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\nProperty: color\n\nDefault: \"default\"",
|
|
223
|
+
"values": [
|
|
224
|
+
{
|
|
225
|
+
"name": ""
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"name": "default"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "positive"
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"name": "warning"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "danger"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"name": "invalid"
|
|
241
|
+
}
|
|
242
|
+
]
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"name": "compact",
|
|
246
|
+
"description": "`compact` {boolean} - Makes the left and right padding of the button narrower.\n\nProperty: compact\n\nDefault: false",
|
|
247
|
+
"valueSet": "v"
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"name": "state",
|
|
251
|
+
"description": "`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\nProperty: state\n\nDefault: undefined",
|
|
252
|
+
"values": [
|
|
253
|
+
{
|
|
254
|
+
"name": "waiting"
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"name": "success"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "failed"
|
|
261
|
+
}
|
|
262
|
+
]
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"name": "href",
|
|
266
|
+
"description": "`href` {string} - Set an href, this will turns the button into a anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
267
|
+
"values": []
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"name": "target",
|
|
271
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
272
|
+
"values": [
|
|
273
|
+
{
|
|
274
|
+
"name": "_blank"
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"name": "_parent"
|
|
278
|
+
},
|
|
279
|
+
{
|
|
280
|
+
"name": "_self"
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"name": "_top"
|
|
284
|
+
}
|
|
285
|
+
]
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"name": "rel",
|
|
289
|
+
"description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
|
|
290
|
+
"values": []
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"name": "name",
|
|
294
|
+
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"name": "value",
|
|
298
|
+
"description": "`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\nProperty: value\n\nDefault: ''",
|
|
299
|
+
"values": []
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"name": "required",
|
|
303
|
+
"description": "`required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\nProperty: required\n\nDefault: false",
|
|
304
|
+
"valueSet": "v"
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
"name": "required-message",
|
|
308
|
+
"description": "`required-message` {`string`} - Required validation message.\n\nProperty: requiredMessage\n\nDefault: This field is required"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"name": "error",
|
|
312
|
+
"description": "`error` {`boolean`} - Apply custom error on this input.\n\nProperty: error\n\nDefault: false",
|
|
313
|
+
"valueSet": "v"
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"name": "error-message",
|
|
317
|
+
"description": "`error-message` {`string`} - Custom error message.\n\nProperty: errorMessage\n\nDefault: This field is invalid"
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"name": "pristine",
|
|
321
|
+
"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: true",
|
|
322
|
+
"valueSet": "v"
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"name": "label",
|
|
326
|
+
"description": "`label` {string} - label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
327
|
+
},
|
|
328
|
+
{
|
|
329
|
+
"name": "popovertarget",
|
|
330
|
+
"description": "`popovertarget` {string} - Set a popovertarget.\n\nProperty: popoverContainerElement\n\nDefault: undefined",
|
|
331
|
+
"values": []
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"name": "oncopying",
|
|
335
|
+
"description": "`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"
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"name": "oncopied",
|
|
339
|
+
"description": "`copied` - Fires when the content is copied to the clipboard"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"name": "onclick",
|
|
343
|
+
"description": "`click` - fires when the element is clicked"
|
|
344
|
+
}
|
|
345
|
+
]
|
|
346
|
+
},
|
|
157
347
|
{
|
|
158
348
|
"name": "uui-button-group",
|
|
159
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` {`CSSResult[]`} - ",
|
|
@@ -273,6 +463,9 @@
|
|
|
273
463
|
},
|
|
274
464
|
{
|
|
275
465
|
"name": "danger"
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "invalid"
|
|
276
469
|
}
|
|
277
470
|
]
|
|
278
471
|
},
|
|
@@ -2032,7 +2225,7 @@
|
|
|
2032
2225
|
},
|
|
2033
2226
|
{
|
|
2034
2227
|
"name": "uui-menu-item",
|
|
2035
|
-
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-mode` {string} - Sets the selection mode.\n\n * `caret-label` {`string`} - Sets the aria-label for the caret button.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `selectMode` {string} - Sets the selection mode.\n\n * `caretLabel` {`string`} - Sets the aria-label for the caret button.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `
|
|
2228
|
+
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-mode` {string} - Sets the selection mode.\n\n * `caret-label` {`string`} - Sets the aria-label for the caret button.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `selectMode` {string} - Sets the selection mode.\n\n * `caretLabel` {`string`} - Sets the aria-label for the caret button.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
2036
2229
|
"attributes": [
|
|
2037
2230
|
{
|
|
2038
2231
|
"name": "disabled",
|
|
@@ -3798,6 +3991,9 @@
|
|
|
3798
3991
|
},
|
|
3799
3992
|
{
|
|
3800
3993
|
"name": "danger"
|
|
3994
|
+
},
|
|
3995
|
+
{
|
|
3996
|
+
"name": "invalid"
|
|
3801
3997
|
}
|
|
3802
3998
|
]
|
|
3803
3999
|
},
|
|
@@ -3973,11 +4169,11 @@
|
|
|
3973
4169
|
},
|
|
3974
4170
|
{
|
|
3975
4171
|
"name": "uui-toast-notification",
|
|
3976
|
-
"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` {
|
|
4172
|
+
"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` {`Timer | null`} - \n\n * `_pauseTimer` {`boolean`} - \n\n * `isOpen` {`boolean`} - \n\n * `_open` {`boolean`} - \n\n * `_animate` {`boolean`} - \n\n * `_animationTimeout` {`number | undefined`} - \n\n * `open` {`boolean`} - define if this toast should open or close.\n\n * `_requestAnimationUpdate` {`number`} - \n\n * `styles` {`CSSResult[]`} - ",
|
|
3977
4173
|
"attributes": [
|
|
3978
4174
|
{
|
|
3979
4175
|
"name": "color",
|
|
3980
|
-
"description": "`color` {
|
|
4176
|
+
"description": "`color` {UUIInterfaceColor} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\nProperty: color\n\nDefault: \"\"",
|
|
3981
4177
|
"values": [
|
|
3982
4178
|
{
|
|
3983
4179
|
"name": ""
|
|
@@ -3993,6 +4189,9 @@
|
|
|
3993
4189
|
},
|
|
3994
4190
|
{
|
|
3995
4191
|
"name": "danger"
|
|
4192
|
+
},
|
|
4193
|
+
{
|
|
4194
|
+
"name": "invalid"
|
|
3996
4195
|
}
|
|
3997
4196
|
]
|
|
3998
4197
|
},
|