@umbraco-ui/uui 1.2.0 → 1.3.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 +116 -3
- package/dist/uui.min.js +92 -75
- package/dist/uui.min.js.map +1 -1
- package/package.json +82 -82
- package/vscode-html-custom-data.json +65 -10
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.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,93 +37,93 @@
|
|
|
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-content-node": "1.
|
|
53
|
-
"@umbraco-ui/uui-card-media": "1.
|
|
54
|
-
"@umbraco-ui/uui-card-user": "1.
|
|
55
|
-
"@umbraco-ui/uui-caret": "1.
|
|
56
|
-
"@umbraco-ui/uui-checkbox": "1.
|
|
57
|
-
"@umbraco-ui/uui-color-area": "1.
|
|
58
|
-
"@umbraco-ui/uui-color-picker": "1.
|
|
59
|
-
"@umbraco-ui/uui-color-slider": "1.
|
|
60
|
-
"@umbraco-ui/uui-color-swatch": "1.
|
|
61
|
-
"@umbraco-ui/uui-color-swatches": "1.
|
|
62
|
-
"@umbraco-ui/uui-combobox": "1.
|
|
63
|
-
"@umbraco-ui/uui-combobox-list": "1.
|
|
64
|
-
"@umbraco-ui/uui-css": "1.
|
|
65
|
-
"@umbraco-ui/uui-dialog": "1.
|
|
66
|
-
"@umbraco-ui/uui-dialog-layout": "1.
|
|
67
|
-
"@umbraco-ui/uui-file-dropzone": "1.
|
|
68
|
-
"@umbraco-ui/uui-file-preview": "1.
|
|
69
|
-
"@umbraco-ui/uui-form": "1.
|
|
70
|
-
"@umbraco-ui/uui-form-layout-item": "1.
|
|
71
|
-
"@umbraco-ui/uui-form-validation-message": "1.
|
|
72
|
-
"@umbraco-ui/uui-icon": "1.
|
|
73
|
-
"@umbraco-ui/uui-icon-registry": "1.
|
|
74
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.
|
|
75
|
-
"@umbraco-ui/uui-input": "1.
|
|
76
|
-
"@umbraco-ui/uui-input-file": "1.
|
|
77
|
-
"@umbraco-ui/uui-input-lock": "1.
|
|
78
|
-
"@umbraco-ui/uui-input-password": "1.
|
|
79
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.
|
|
80
|
-
"@umbraco-ui/uui-label": "1.
|
|
81
|
-
"@umbraco-ui/uui-loader": "1.
|
|
82
|
-
"@umbraco-ui/uui-loader-bar": "1.
|
|
83
|
-
"@umbraco-ui/uui-loader-circle": "1.
|
|
84
|
-
"@umbraco-ui/uui-menu-item": "1.
|
|
85
|
-
"@umbraco-ui/uui-modal": "1.
|
|
86
|
-
"@umbraco-ui/uui-pagination": "1.
|
|
87
|
-
"@umbraco-ui/uui-popover": "1.
|
|
88
|
-
"@umbraco-ui/uui-progress-bar": "1.
|
|
89
|
-
"@umbraco-ui/uui-radio": "1.
|
|
90
|
-
"@umbraco-ui/uui-range-slider": "1.
|
|
91
|
-
"@umbraco-ui/uui-ref": "1.
|
|
92
|
-
"@umbraco-ui/uui-ref-list": "1.
|
|
93
|
-
"@umbraco-ui/uui-ref-node": "1.
|
|
94
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.
|
|
95
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.
|
|
96
|
-
"@umbraco-ui/uui-ref-node-form": "1.
|
|
97
|
-
"@umbraco-ui/uui-ref-node-member": "1.
|
|
98
|
-
"@umbraco-ui/uui-ref-node-package": "1.
|
|
99
|
-
"@umbraco-ui/uui-ref-node-user": "1.
|
|
100
|
-
"@umbraco-ui/uui-scroll-container": "1.
|
|
101
|
-
"@umbraco-ui/uui-select": "1.
|
|
102
|
-
"@umbraco-ui/uui-slider": "1.
|
|
103
|
-
"@umbraco-ui/uui-symbol-expand": "1.
|
|
104
|
-
"@umbraco-ui/uui-symbol-file": "1.
|
|
105
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.
|
|
106
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.
|
|
107
|
-
"@umbraco-ui/uui-symbol-folder": "1.
|
|
108
|
-
"@umbraco-ui/uui-symbol-lock": "1.
|
|
109
|
-
"@umbraco-ui/uui-symbol-more": "1.
|
|
110
|
-
"@umbraco-ui/uui-symbol-sort": "1.
|
|
111
|
-
"@umbraco-ui/uui-table": "1.
|
|
112
|
-
"@umbraco-ui/uui-tabs": "1.
|
|
113
|
-
"@umbraco-ui/uui-tag": "1.
|
|
114
|
-
"@umbraco-ui/uui-textarea": "1.
|
|
115
|
-
"@umbraco-ui/uui-toast-notification": "1.
|
|
116
|
-
"@umbraco-ui/uui-toast-notification-container": "1.
|
|
117
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.
|
|
118
|
-
"@umbraco-ui/uui-toggle": "1.
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.3.0-rc.0",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.3.0-rc.0",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.3.0-rc.0",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.3.0-rc.0",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.3.0-rc.0",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.3.0-rc.0",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.3.0-rc.0",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.3.0-rc.0",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.3.0-rc.0",
|
|
49
|
+
"@umbraco-ui/uui-button-group": "1.3.0-rc.0",
|
|
50
|
+
"@umbraco-ui/uui-button-inline-create": "1.3.0-rc.0",
|
|
51
|
+
"@umbraco-ui/uui-card": "1.3.0-rc.0",
|
|
52
|
+
"@umbraco-ui/uui-card-content-node": "1.3.0-rc.0",
|
|
53
|
+
"@umbraco-ui/uui-card-media": "1.3.0-rc.0",
|
|
54
|
+
"@umbraco-ui/uui-card-user": "1.3.0-rc.0",
|
|
55
|
+
"@umbraco-ui/uui-caret": "1.3.0-rc.0",
|
|
56
|
+
"@umbraco-ui/uui-checkbox": "1.3.0-rc.0",
|
|
57
|
+
"@umbraco-ui/uui-color-area": "1.3.0-rc.0",
|
|
58
|
+
"@umbraco-ui/uui-color-picker": "1.3.0-rc.0",
|
|
59
|
+
"@umbraco-ui/uui-color-slider": "1.3.0-rc.0",
|
|
60
|
+
"@umbraco-ui/uui-color-swatch": "1.3.0-rc.0",
|
|
61
|
+
"@umbraco-ui/uui-color-swatches": "1.3.0-rc.0",
|
|
62
|
+
"@umbraco-ui/uui-combobox": "1.3.0-rc.0",
|
|
63
|
+
"@umbraco-ui/uui-combobox-list": "1.3.0-rc.0",
|
|
64
|
+
"@umbraco-ui/uui-css": "1.3.0-rc.0",
|
|
65
|
+
"@umbraco-ui/uui-dialog": "1.3.0-rc.0",
|
|
66
|
+
"@umbraco-ui/uui-dialog-layout": "1.3.0-rc.0",
|
|
67
|
+
"@umbraco-ui/uui-file-dropzone": "1.3.0-rc.0",
|
|
68
|
+
"@umbraco-ui/uui-file-preview": "1.3.0-rc.0",
|
|
69
|
+
"@umbraco-ui/uui-form": "1.3.0-rc.0",
|
|
70
|
+
"@umbraco-ui/uui-form-layout-item": "1.3.0-rc.0",
|
|
71
|
+
"@umbraco-ui/uui-form-validation-message": "1.3.0-rc.0",
|
|
72
|
+
"@umbraco-ui/uui-icon": "1.3.0-rc.0",
|
|
73
|
+
"@umbraco-ui/uui-icon-registry": "1.3.0-rc.0",
|
|
74
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.3.0-rc.0",
|
|
75
|
+
"@umbraco-ui/uui-input": "1.3.0-rc.0",
|
|
76
|
+
"@umbraco-ui/uui-input-file": "1.3.0-rc.0",
|
|
77
|
+
"@umbraco-ui/uui-input-lock": "1.3.0-rc.0",
|
|
78
|
+
"@umbraco-ui/uui-input-password": "1.3.0-rc.0",
|
|
79
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.3.0-rc.0",
|
|
80
|
+
"@umbraco-ui/uui-label": "1.3.0-rc.0",
|
|
81
|
+
"@umbraco-ui/uui-loader": "1.3.0-rc.0",
|
|
82
|
+
"@umbraco-ui/uui-loader-bar": "1.3.0-rc.0",
|
|
83
|
+
"@umbraco-ui/uui-loader-circle": "1.3.0-rc.0",
|
|
84
|
+
"@umbraco-ui/uui-menu-item": "1.3.0-rc.0",
|
|
85
|
+
"@umbraco-ui/uui-modal": "1.3.0-rc.0",
|
|
86
|
+
"@umbraco-ui/uui-pagination": "1.3.0-rc.0",
|
|
87
|
+
"@umbraco-ui/uui-popover": "1.3.0-rc.0",
|
|
88
|
+
"@umbraco-ui/uui-progress-bar": "1.3.0-rc.0",
|
|
89
|
+
"@umbraco-ui/uui-radio": "1.3.0-rc.0",
|
|
90
|
+
"@umbraco-ui/uui-range-slider": "1.3.0-rc.0",
|
|
91
|
+
"@umbraco-ui/uui-ref": "1.3.0-rc.0",
|
|
92
|
+
"@umbraco-ui/uui-ref-list": "1.3.0-rc.0",
|
|
93
|
+
"@umbraco-ui/uui-ref-node": "1.3.0-rc.0",
|
|
94
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.3.0-rc.0",
|
|
95
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.3.0-rc.0",
|
|
96
|
+
"@umbraco-ui/uui-ref-node-form": "1.3.0-rc.0",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-member": "1.3.0-rc.0",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-package": "1.3.0-rc.0",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-user": "1.3.0-rc.0",
|
|
100
|
+
"@umbraco-ui/uui-scroll-container": "1.3.0-rc.0",
|
|
101
|
+
"@umbraco-ui/uui-select": "1.3.0-rc.0",
|
|
102
|
+
"@umbraco-ui/uui-slider": "1.3.0-rc.0",
|
|
103
|
+
"@umbraco-ui/uui-symbol-expand": "1.3.0-rc.0",
|
|
104
|
+
"@umbraco-ui/uui-symbol-file": "1.3.0-rc.0",
|
|
105
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.3.0-rc.0",
|
|
106
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.3.0-rc.0",
|
|
107
|
+
"@umbraco-ui/uui-symbol-folder": "1.3.0-rc.0",
|
|
108
|
+
"@umbraco-ui/uui-symbol-lock": "1.3.0-rc.0",
|
|
109
|
+
"@umbraco-ui/uui-symbol-more": "1.3.0-rc.0",
|
|
110
|
+
"@umbraco-ui/uui-symbol-sort": "1.3.0-rc.0",
|
|
111
|
+
"@umbraco-ui/uui-table": "1.3.0-rc.0",
|
|
112
|
+
"@umbraco-ui/uui-tabs": "1.3.0-rc.0",
|
|
113
|
+
"@umbraco-ui/uui-tag": "1.3.0-rc.0",
|
|
114
|
+
"@umbraco-ui/uui-textarea": "1.3.0-rc.0",
|
|
115
|
+
"@umbraco-ui/uui-toast-notification": "1.3.0-rc.0",
|
|
116
|
+
"@umbraco-ui/uui-toast-notification-container": "1.3.0-rc.0",
|
|
117
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.3.0-rc.0",
|
|
118
|
+
"@umbraco-ui/uui-toggle": "1.3.0-rc.0"
|
|
119
119
|
},
|
|
120
120
|
"scripts": {
|
|
121
121
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
122
|
-
"clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json",
|
|
122
|
+
"clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
|
|
123
123
|
"analyze": "wca ../**/*.element.ts --outFile custom-elements.json && wca ../**/*.element.ts --format vscode --outFile vscode-html-custom-data.json"
|
|
124
124
|
},
|
|
125
125
|
"publishConfig": {
|
|
126
126
|
"access": "public"
|
|
127
127
|
},
|
|
128
|
-
"gitHead": "
|
|
128
|
+
"gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
|
|
129
129
|
}
|
|
@@ -958,11 +958,11 @@
|
|
|
958
958
|
},
|
|
959
959
|
{
|
|
960
960
|
"name": "uui-file-dropzone",
|
|
961
|
-
"description": "Events:\n\n * `
|
|
961
|
+
"description": "Events:\n\n * `change` - fires when the a file has been selected.\n\nSlots:\n\n * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n * `accept` {string} - Comma-separated list of accepted filetypes. Will allow all types if empty.\n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_input` {`HTMLInputElement`} - \n\n * `_dropzone` {`HTMLElement`} - \n\n * `accept` {string} - Comma-separated list of accepted filetypes. Will allow all types if empty.\n\n * `multiple` {boolean} - Allows for multiple files to be selected.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
962
962
|
"attributes": [
|
|
963
963
|
{
|
|
964
964
|
"name": "accept",
|
|
965
|
-
"description": "`accept` {string} -
|
|
965
|
+
"description": "`accept` {string} - Comma-separated list of accepted filetypes. Will allow all types if empty.\n\nProperty: accept\n\nDefault: false"
|
|
966
966
|
},
|
|
967
967
|
{
|
|
968
968
|
"name": "multiple",
|
|
@@ -974,8 +974,8 @@
|
|
|
974
974
|
"description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
|
|
975
975
|
},
|
|
976
976
|
{
|
|
977
|
-
"name": "
|
|
978
|
-
"description": "`
|
|
977
|
+
"name": "onchange",
|
|
978
|
+
"description": "`change` - fires when the a file has been selected."
|
|
979
979
|
}
|
|
980
980
|
]
|
|
981
981
|
},
|
|
@@ -1121,7 +1121,7 @@
|
|
|
1121
1121
|
},
|
|
1122
1122
|
{
|
|
1123
1123
|
"name": "uui-input-lock",
|
|
1124
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\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` {boolean} - 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` {boolean} - 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 * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `styles` {`CSSResult[]`} - \n\n * `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` {boolean} - 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` {boolean} - 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 * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1124
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\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` {boolean} - 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` {boolean} - 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 * `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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputmode` {string} - 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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `styles` {`CSSResult[]`} - \n\n * `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` {boolean} - 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` {boolean} - 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 * `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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputmode` {string} - 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 * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1125
1125
|
"attributes": [
|
|
1126
1126
|
{
|
|
1127
1127
|
"name": "locked",
|
|
@@ -1222,6 +1222,16 @@
|
|
|
1222
1222
|
}
|
|
1223
1223
|
]
|
|
1224
1224
|
},
|
|
1225
|
+
{
|
|
1226
|
+
"name": "pattern",
|
|
1227
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern\n\nDefault: undefined",
|
|
1228
|
+
"values": []
|
|
1229
|
+
},
|
|
1230
|
+
{
|
|
1231
|
+
"name": "inputmode",
|
|
1232
|
+
"description": "`inputmode` {string} - 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\nProperty: inputmode\n\nDefault: undefined",
|
|
1233
|
+
"values": []
|
|
1234
|
+
},
|
|
1225
1235
|
{
|
|
1226
1236
|
"name": "name",
|
|
1227
1237
|
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
@@ -1274,7 +1284,7 @@
|
|
|
1274
1284
|
},
|
|
1275
1285
|
{
|
|
1276
1286
|
"name": "uui-input-password",
|
|
1277
|
-
"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` {boolean} - 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` {boolean} - 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 * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `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` {boolean} - 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` {boolean} - 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 * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1287
|
+
"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` {boolean} - 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` {boolean} - 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 * `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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputmode` {string} - 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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `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` {boolean} - 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` {boolean} - 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 * `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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputmode` {string} - 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 * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1278
1288
|
"attributes": [
|
|
1279
1289
|
{
|
|
1280
1290
|
"name": "min",
|
|
@@ -1370,6 +1380,16 @@
|
|
|
1370
1380
|
}
|
|
1371
1381
|
]
|
|
1372
1382
|
},
|
|
1383
|
+
{
|
|
1384
|
+
"name": "pattern",
|
|
1385
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern\n\nDefault: undefined",
|
|
1386
|
+
"values": []
|
|
1387
|
+
},
|
|
1388
|
+
{
|
|
1389
|
+
"name": "inputmode",
|
|
1390
|
+
"description": "`inputmode` {string} - 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\nProperty: inputmode\n\nDefault: undefined",
|
|
1391
|
+
"values": []
|
|
1392
|
+
},
|
|
1373
1393
|
{
|
|
1374
1394
|
"name": "name",
|
|
1375
1395
|
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
@@ -1422,7 +1442,7 @@
|
|
|
1422
1442
|
},
|
|
1423
1443
|
{
|
|
1424
1444
|
"name": "uui-input",
|
|
1425
|
-
"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` {boolean} - 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` {boolean} - 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 * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `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` {boolean} - 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` {boolean} - 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 * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1445
|
+
"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` {boolean} - 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` {boolean} - 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 * `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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputmode` {string} - 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 * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `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` {boolean} - 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` {boolean} - 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 * `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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputmode` {string} - 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 * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1426
1446
|
"attributes": [
|
|
1427
1447
|
{
|
|
1428
1448
|
"name": "min",
|
|
@@ -1518,6 +1538,16 @@
|
|
|
1518
1538
|
}
|
|
1519
1539
|
]
|
|
1520
1540
|
},
|
|
1541
|
+
{
|
|
1542
|
+
"name": "pattern",
|
|
1543
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern\n\nDefault: undefined",
|
|
1544
|
+
"values": []
|
|
1545
|
+
},
|
|
1546
|
+
{
|
|
1547
|
+
"name": "inputmode",
|
|
1548
|
+
"description": "`inputmode` {string} - 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\nProperty: inputmode\n\nDefault: undefined",
|
|
1549
|
+
"values": []
|
|
1550
|
+
},
|
|
1521
1551
|
{
|
|
1522
1552
|
"name": "name",
|
|
1523
1553
|
"description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
|
|
@@ -1635,7 +1665,7 @@
|
|
|
1635
1665
|
},
|
|
1636
1666
|
{
|
|
1637
1667
|
"name": "uui-menu-item",
|
|
1638
|
-
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1668
|
+
"description": "Events:\n\n * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n * `click-label` - fires when the label is clicked\n\n * `selected` - fires when the media card is selected\n\n * `unselected` - fires when the media card is unselected\n\nSlots:\n\n * ` ` {} - nested menu items go here\n\n * `icon` {} - icon area\n\n * `actions` {} - actions area\n\n * `label` {} - area to place the label\n\nAttributes:\n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `show-children` {boolean} - Controls if nested items should be shown.\n\n * `has-children` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n * `showChildren` {boolean} - Controls if nested items should be shown.\n\n * `hasChildren` {boolean} - Shows/hides the caret.\n\n * `loading` {boolean} - Shows/hides the loading indicator\n\n * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `iconSlotHasContent` {`boolean`} - \n\n * `_labelButtonChanged` - \n\n * `_iconSlotChanged` - \n\n * `_onCaretClicked` - \n\n * `_onLabelClicked` - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `unselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1639
1669
|
"attributes": [
|
|
1640
1670
|
{
|
|
1641
1671
|
"name": "disabled",
|
|
@@ -2839,7 +2869,7 @@
|
|
|
2839
2869
|
},
|
|
2840
2870
|
{
|
|
2841
2871
|
"name": "uui-tab-group",
|
|
2842
|
-
"description": "Slots:\n\n * ` ` {} - Default slot for the tab group\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n * `_tabElements` {`HTMLElement[]`} - \n\n * `
|
|
2872
|
+
"description": "Slots:\n\n * ` ` {} - Default slot for the tab group\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n * `_tabElements` {`HTMLElement[]`} - \n\n * `_onTabClicked` - ",
|
|
2843
2873
|
"attributes": []
|
|
2844
2874
|
},
|
|
2845
2875
|
{
|
|
@@ -2981,7 +3011,7 @@
|
|
|
2981
3011
|
},
|
|
2982
3012
|
{
|
|
2983
3013
|
"name": "uui-textarea",
|
|
2984
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nAttributes:\n\n * `placeholder` {string} - Defines the textarea placeholder.\n\n * `disabled` {boolean} - Disables the textarea.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlength-message` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` {boolean} - Maxlength validation message.\n\n * `auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `placeholder` {string} - Defines the textarea placeholder.\n\n * `disabled` {boolean} - Disables the textarea.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlengthMessage` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n * `_textarea` {`HTMLInputElement`} - \n\n * `autoHeight` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
3014
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nAttributes:\n\n * `placeholder` {string} - Defines the textarea placeholder.\n\n * `disabled` {boolean} - Disables the textarea.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlength-message` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` {boolean} - Maxlength validation message.\n\n * `auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `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' | 'off'} - 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 `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `placeholder` {string} - Defines the textarea placeholder.\n\n * `disabled` {boolean} - Disables the textarea.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `minlength` {number} - This is a minimum value of the input.\n\n * `minlengthMessage` {boolean} - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n * `_textarea` {`HTMLInputElement`} - \n\n * `autoHeight` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n * `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' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - ",
|
|
2985
3015
|
"attributes": [
|
|
2986
3016
|
{
|
|
2987
3017
|
"name": "placeholder",
|
|
@@ -3024,6 +3054,31 @@
|
|
|
3024
3054
|
"name": "label",
|
|
3025
3055
|
"description": "`label` {string} - Label to be used for aria-label and eventually as visual label\n\nProperty: label"
|
|
3026
3056
|
},
|
|
3057
|
+
{
|
|
3058
|
+
"name": "rows",
|
|
3059
|
+
"description": "`rows` {number} - Sets the number of rows of the textarea\n\nProperty: rows",
|
|
3060
|
+
"values": []
|
|
3061
|
+
},
|
|
3062
|
+
{
|
|
3063
|
+
"name": "cols",
|
|
3064
|
+
"description": "`cols` {number} - Sets the number of cols of the textarea\n\nProperty: cols",
|
|
3065
|
+
"values": []
|
|
3066
|
+
},
|
|
3067
|
+
{
|
|
3068
|
+
"name": "wrap",
|
|
3069
|
+
"description": "`wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\nProperty: wrap\n\nDefault: undefined",
|
|
3070
|
+
"values": [
|
|
3071
|
+
{
|
|
3072
|
+
"name": "soft"
|
|
3073
|
+
},
|
|
3074
|
+
{
|
|
3075
|
+
"name": "hard"
|
|
3076
|
+
},
|
|
3077
|
+
{
|
|
3078
|
+
"name": "off"
|
|
3079
|
+
}
|
|
3080
|
+
]
|
|
3081
|
+
},
|
|
3027
3082
|
{
|
|
3028
3083
|
"name": "name",
|
|
3029
3084
|
"description": "`name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\nProperty: name\n\nDefault: ''"
|