@umbraco-ui/uui 1.2.0-rc.3 → 1.2.1
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 +129 -12
- package/dist/uui.min.js +15 -15
- package/dist/uui.min.js.map +1 -1
- package/package.json +81 -81
- package/vscode-html-custom-data.json +54 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
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,85 +37,85 @@
|
|
|
37
37
|
"vscode-html-custom-data.json"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@umbraco-ui/uui-action-bar": "1.2.
|
|
41
|
-
"@umbraco-ui/uui-avatar": "1.2.
|
|
42
|
-
"@umbraco-ui/uui-avatar-group": "1.2.
|
|
43
|
-
"@umbraco-ui/uui-badge": "1.2.
|
|
44
|
-
"@umbraco-ui/uui-base": "1.2.
|
|
45
|
-
"@umbraco-ui/uui-boolean-input": "1.2.
|
|
46
|
-
"@umbraco-ui/uui-box": "1.2.
|
|
47
|
-
"@umbraco-ui/uui-breadcrumbs": "1.2.
|
|
48
|
-
"@umbraco-ui/uui-button": "1.2.
|
|
49
|
-
"@umbraco-ui/uui-button-group": "1.2.
|
|
50
|
-
"@umbraco-ui/uui-button-inline-create": "1.2.
|
|
51
|
-
"@umbraco-ui/uui-card": "1.2.
|
|
52
|
-
"@umbraco-ui/uui-card-content-node": "1.2.
|
|
53
|
-
"@umbraco-ui/uui-card-media": "1.2.
|
|
54
|
-
"@umbraco-ui/uui-card-user": "1.2.
|
|
55
|
-
"@umbraco-ui/uui-caret": "1.2.
|
|
56
|
-
"@umbraco-ui/uui-checkbox": "1.2.
|
|
57
|
-
"@umbraco-ui/uui-color-area": "1.2.
|
|
58
|
-
"@umbraco-ui/uui-color-picker": "1.2.
|
|
59
|
-
"@umbraco-ui/uui-color-slider": "1.2.
|
|
60
|
-
"@umbraco-ui/uui-color-swatch": "1.2.
|
|
61
|
-
"@umbraco-ui/uui-color-swatches": "1.2.
|
|
62
|
-
"@umbraco-ui/uui-combobox": "1.2.
|
|
63
|
-
"@umbraco-ui/uui-combobox-list": "1.2.
|
|
64
|
-
"@umbraco-ui/uui-css": "1.2.
|
|
65
|
-
"@umbraco-ui/uui-dialog": "1.2.
|
|
66
|
-
"@umbraco-ui/uui-dialog-layout": "1.2.
|
|
67
|
-
"@umbraco-ui/uui-file-dropzone": "1.2.
|
|
68
|
-
"@umbraco-ui/uui-file-preview": "1.2.
|
|
69
|
-
"@umbraco-ui/uui-form": "1.2.
|
|
70
|
-
"@umbraco-ui/uui-form-layout-item": "1.2.
|
|
71
|
-
"@umbraco-ui/uui-form-validation-message": "1.2.
|
|
72
|
-
"@umbraco-ui/uui-icon": "1.2.
|
|
73
|
-
"@umbraco-ui/uui-icon-registry": "1.2.
|
|
74
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.2.
|
|
75
|
-
"@umbraco-ui/uui-input": "1.2.
|
|
76
|
-
"@umbraco-ui/uui-input-file": "1.2.
|
|
77
|
-
"@umbraco-ui/uui-input-lock": "1.2.
|
|
78
|
-
"@umbraco-ui/uui-input-password": "1.2.
|
|
79
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.2.
|
|
80
|
-
"@umbraco-ui/uui-label": "1.2.
|
|
81
|
-
"@umbraco-ui/uui-loader": "1.2.
|
|
82
|
-
"@umbraco-ui/uui-loader-bar": "1.2.
|
|
83
|
-
"@umbraco-ui/uui-loader-circle": "1.2.
|
|
84
|
-
"@umbraco-ui/uui-menu-item": "1.2.
|
|
85
|
-
"@umbraco-ui/uui-modal": "1.2.
|
|
86
|
-
"@umbraco-ui/uui-pagination": "1.2.
|
|
87
|
-
"@umbraco-ui/uui-popover": "1.2.
|
|
88
|
-
"@umbraco-ui/uui-progress-bar": "1.2.
|
|
89
|
-
"@umbraco-ui/uui-radio": "1.2.
|
|
90
|
-
"@umbraco-ui/uui-range-slider": "1.2.
|
|
91
|
-
"@umbraco-ui/uui-ref": "1.2.
|
|
92
|
-
"@umbraco-ui/uui-ref-list": "1.2.
|
|
93
|
-
"@umbraco-ui/uui-ref-node": "1.2.
|
|
94
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.2.
|
|
95
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.2.
|
|
96
|
-
"@umbraco-ui/uui-ref-node-form": "1.2.
|
|
97
|
-
"@umbraco-ui/uui-ref-node-member": "1.2.
|
|
98
|
-
"@umbraco-ui/uui-ref-node-package": "1.2.
|
|
99
|
-
"@umbraco-ui/uui-ref-node-user": "1.2.
|
|
100
|
-
"@umbraco-ui/uui-scroll-container": "1.2.
|
|
101
|
-
"@umbraco-ui/uui-select": "1.2.
|
|
102
|
-
"@umbraco-ui/uui-slider": "1.2.
|
|
103
|
-
"@umbraco-ui/uui-symbol-expand": "1.2.
|
|
104
|
-
"@umbraco-ui/uui-symbol-file": "1.2.
|
|
105
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.2.
|
|
106
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.2.
|
|
107
|
-
"@umbraco-ui/uui-symbol-folder": "1.2.
|
|
108
|
-
"@umbraco-ui/uui-symbol-lock": "1.2.
|
|
109
|
-
"@umbraco-ui/uui-symbol-more": "1.2.
|
|
110
|
-
"@umbraco-ui/uui-symbol-sort": "1.2.
|
|
111
|
-
"@umbraco-ui/uui-table": "1.2.
|
|
112
|
-
"@umbraco-ui/uui-tabs": "1.2.
|
|
113
|
-
"@umbraco-ui/uui-tag": "1.2.
|
|
114
|
-
"@umbraco-ui/uui-textarea": "1.2.
|
|
115
|
-
"@umbraco-ui/uui-toast-notification": "1.2.
|
|
116
|
-
"@umbraco-ui/uui-toast-notification-container": "1.2.
|
|
117
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.2.
|
|
118
|
-
"@umbraco-ui/uui-toggle": "1.2.
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.2.1",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.2.1",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.2.1",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.2.1",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.2.1",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.2.1",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.2.1",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.2.1",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.2.1",
|
|
49
|
+
"@umbraco-ui/uui-button-group": "1.2.1",
|
|
50
|
+
"@umbraco-ui/uui-button-inline-create": "1.2.1",
|
|
51
|
+
"@umbraco-ui/uui-card": "1.2.1",
|
|
52
|
+
"@umbraco-ui/uui-card-content-node": "1.2.1",
|
|
53
|
+
"@umbraco-ui/uui-card-media": "1.2.1",
|
|
54
|
+
"@umbraco-ui/uui-card-user": "1.2.1",
|
|
55
|
+
"@umbraco-ui/uui-caret": "1.2.1",
|
|
56
|
+
"@umbraco-ui/uui-checkbox": "1.2.1",
|
|
57
|
+
"@umbraco-ui/uui-color-area": "1.2.1",
|
|
58
|
+
"@umbraco-ui/uui-color-picker": "1.2.1",
|
|
59
|
+
"@umbraco-ui/uui-color-slider": "1.2.1",
|
|
60
|
+
"@umbraco-ui/uui-color-swatch": "1.2.1",
|
|
61
|
+
"@umbraco-ui/uui-color-swatches": "1.2.1",
|
|
62
|
+
"@umbraco-ui/uui-combobox": "1.2.1",
|
|
63
|
+
"@umbraco-ui/uui-combobox-list": "1.2.1",
|
|
64
|
+
"@umbraco-ui/uui-css": "1.2.1",
|
|
65
|
+
"@umbraco-ui/uui-dialog": "1.2.1",
|
|
66
|
+
"@umbraco-ui/uui-dialog-layout": "1.2.1",
|
|
67
|
+
"@umbraco-ui/uui-file-dropzone": "1.2.1",
|
|
68
|
+
"@umbraco-ui/uui-file-preview": "1.2.1",
|
|
69
|
+
"@umbraco-ui/uui-form": "1.2.1",
|
|
70
|
+
"@umbraco-ui/uui-form-layout-item": "1.2.1",
|
|
71
|
+
"@umbraco-ui/uui-form-validation-message": "1.2.1",
|
|
72
|
+
"@umbraco-ui/uui-icon": "1.2.1",
|
|
73
|
+
"@umbraco-ui/uui-icon-registry": "1.2.1",
|
|
74
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.2.1",
|
|
75
|
+
"@umbraco-ui/uui-input": "1.2.1",
|
|
76
|
+
"@umbraco-ui/uui-input-file": "1.2.1",
|
|
77
|
+
"@umbraco-ui/uui-input-lock": "1.2.1",
|
|
78
|
+
"@umbraco-ui/uui-input-password": "1.2.1",
|
|
79
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.2.1",
|
|
80
|
+
"@umbraco-ui/uui-label": "1.2.1",
|
|
81
|
+
"@umbraco-ui/uui-loader": "1.2.1",
|
|
82
|
+
"@umbraco-ui/uui-loader-bar": "1.2.1",
|
|
83
|
+
"@umbraco-ui/uui-loader-circle": "1.2.1",
|
|
84
|
+
"@umbraco-ui/uui-menu-item": "1.2.1",
|
|
85
|
+
"@umbraco-ui/uui-modal": "1.2.1",
|
|
86
|
+
"@umbraco-ui/uui-pagination": "1.2.1",
|
|
87
|
+
"@umbraco-ui/uui-popover": "1.2.1",
|
|
88
|
+
"@umbraco-ui/uui-progress-bar": "1.2.1",
|
|
89
|
+
"@umbraco-ui/uui-radio": "1.2.1",
|
|
90
|
+
"@umbraco-ui/uui-range-slider": "1.2.1",
|
|
91
|
+
"@umbraco-ui/uui-ref": "1.2.1",
|
|
92
|
+
"@umbraco-ui/uui-ref-list": "1.2.1",
|
|
93
|
+
"@umbraco-ui/uui-ref-node": "1.2.1",
|
|
94
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.2.1",
|
|
95
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.2.1",
|
|
96
|
+
"@umbraco-ui/uui-ref-node-form": "1.2.1",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-member": "1.2.1",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-package": "1.2.1",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-user": "1.2.1",
|
|
100
|
+
"@umbraco-ui/uui-scroll-container": "1.2.1",
|
|
101
|
+
"@umbraco-ui/uui-select": "1.2.1",
|
|
102
|
+
"@umbraco-ui/uui-slider": "1.2.1",
|
|
103
|
+
"@umbraco-ui/uui-symbol-expand": "1.2.1",
|
|
104
|
+
"@umbraco-ui/uui-symbol-file": "1.2.1",
|
|
105
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.2.1",
|
|
106
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.2.1",
|
|
107
|
+
"@umbraco-ui/uui-symbol-folder": "1.2.1",
|
|
108
|
+
"@umbraco-ui/uui-symbol-lock": "1.2.1",
|
|
109
|
+
"@umbraco-ui/uui-symbol-more": "1.2.1",
|
|
110
|
+
"@umbraco-ui/uui-symbol-sort": "1.2.1",
|
|
111
|
+
"@umbraco-ui/uui-table": "1.2.1",
|
|
112
|
+
"@umbraco-ui/uui-tabs": "1.2.1",
|
|
113
|
+
"@umbraco-ui/uui-tag": "1.2.1",
|
|
114
|
+
"@umbraco-ui/uui-textarea": "1.2.1",
|
|
115
|
+
"@umbraco-ui/uui-toast-notification": "1.2.1",
|
|
116
|
+
"@umbraco-ui/uui-toast-notification-container": "1.2.1",
|
|
117
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.2.1",
|
|
118
|
+
"@umbraco-ui/uui-toggle": "1.2.1"
|
|
119
119
|
},
|
|
120
120
|
"scripts": {
|
|
121
121
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -125,5 +125,5 @@
|
|
|
125
125
|
"publishConfig": {
|
|
126
126
|
"access": "public"
|
|
127
127
|
},
|
|
128
|
-
"gitHead": "
|
|
128
|
+
"gitHead": "94eb22bee5ff21bac6fadbd78653671279bebe36"
|
|
129
129
|
}
|
|
@@ -1121,31 +1121,46 @@
|
|
|
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 * `
|
|
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`} - ",
|
|
1125
1125
|
"attributes": [
|
|
1126
1126
|
{
|
|
1127
1127
|
"name": "locked",
|
|
1128
1128
|
"description": "`locked` {boolean} - Determine the inputs locked state.\n\nProperty: locked\n\nDefault: true",
|
|
1129
1129
|
"valueSet": "v"
|
|
1130
1130
|
},
|
|
1131
|
+
{
|
|
1132
|
+
"name": "min",
|
|
1133
|
+
"description": "`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\nProperty: min\n\nDefault: undefined",
|
|
1134
|
+
"values": []
|
|
1135
|
+
},
|
|
1131
1136
|
{
|
|
1132
1137
|
"name": "minlength",
|
|
1133
|
-
"description": "`minlength` {number} -
|
|
1138
|
+
"description": "`minlength` {number} - Sets the minimum length of the value of the input.\n\nProperty: minlength\n\nDefault: undefined",
|
|
1134
1139
|
"values": []
|
|
1135
1140
|
},
|
|
1136
1141
|
{
|
|
1137
1142
|
"name": "minlength-message",
|
|
1138
1143
|
"description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1139
1144
|
},
|
|
1145
|
+
{
|
|
1146
|
+
"name": "max",
|
|
1147
|
+
"description": "`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\nProperty: max\n\nDefault: undefined",
|
|
1148
|
+
"values": []
|
|
1149
|
+
},
|
|
1140
1150
|
{
|
|
1141
1151
|
"name": "maxlength",
|
|
1142
|
-
"description": "`maxlength` {number} -
|
|
1152
|
+
"description": "`maxlength` {number} - Sets the maximum length of the value of the input.\n\nProperty: maxlength\n\nDefault: undefined",
|
|
1143
1153
|
"values": []
|
|
1144
1154
|
},
|
|
1145
1155
|
{
|
|
1146
1156
|
"name": "maxlength-message",
|
|
1147
1157
|
"description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1148
1158
|
},
|
|
1159
|
+
{
|
|
1160
|
+
"name": "step",
|
|
1161
|
+
"description": "`step` {number} - Specifies the interval between legal numbers of the input\n\nProperty: step\n\nDefault: undefined",
|
|
1162
|
+
"values": []
|
|
1163
|
+
},
|
|
1149
1164
|
{
|
|
1150
1165
|
"name": "disabled",
|
|
1151
1166
|
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
@@ -1259,26 +1274,41 @@
|
|
|
1259
1274
|
},
|
|
1260
1275
|
{
|
|
1261
1276
|
"name": "uui-input-password",
|
|
1262
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `
|
|
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`} - ",
|
|
1263
1278
|
"attributes": [
|
|
1279
|
+
{
|
|
1280
|
+
"name": "min",
|
|
1281
|
+
"description": "`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\nProperty: min\n\nDefault: undefined",
|
|
1282
|
+
"values": []
|
|
1283
|
+
},
|
|
1264
1284
|
{
|
|
1265
1285
|
"name": "minlength",
|
|
1266
|
-
"description": "`minlength` {number} -
|
|
1286
|
+
"description": "`minlength` {number} - Sets the minimum length of the value of the input.\n\nProperty: minlength\n\nDefault: undefined",
|
|
1267
1287
|
"values": []
|
|
1268
1288
|
},
|
|
1269
1289
|
{
|
|
1270
1290
|
"name": "minlength-message",
|
|
1271
1291
|
"description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1272
1292
|
},
|
|
1293
|
+
{
|
|
1294
|
+
"name": "max",
|
|
1295
|
+
"description": "`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\nProperty: max\n\nDefault: undefined",
|
|
1296
|
+
"values": []
|
|
1297
|
+
},
|
|
1273
1298
|
{
|
|
1274
1299
|
"name": "maxlength",
|
|
1275
|
-
"description": "`maxlength` {number} -
|
|
1300
|
+
"description": "`maxlength` {number} - Sets the maximum length of the value of the input.\n\nProperty: maxlength\n\nDefault: undefined",
|
|
1276
1301
|
"values": []
|
|
1277
1302
|
},
|
|
1278
1303
|
{
|
|
1279
1304
|
"name": "maxlength-message",
|
|
1280
1305
|
"description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1281
1306
|
},
|
|
1307
|
+
{
|
|
1308
|
+
"name": "step",
|
|
1309
|
+
"description": "`step` {number} - Specifies the interval between legal numbers of the input\n\nProperty: step\n\nDefault: undefined",
|
|
1310
|
+
"values": []
|
|
1311
|
+
},
|
|
1282
1312
|
{
|
|
1283
1313
|
"name": "disabled",
|
|
1284
1314
|
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|
|
@@ -1392,26 +1422,41 @@
|
|
|
1392
1422
|
},
|
|
1393
1423
|
{
|
|
1394
1424
|
"name": "uui-input",
|
|
1395
|
-
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `
|
|
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`} - ",
|
|
1396
1426
|
"attributes": [
|
|
1427
|
+
{
|
|
1428
|
+
"name": "min",
|
|
1429
|
+
"description": "`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\nProperty: min\n\nDefault: undefined",
|
|
1430
|
+
"values": []
|
|
1431
|
+
},
|
|
1397
1432
|
{
|
|
1398
1433
|
"name": "minlength",
|
|
1399
|
-
"description": "`minlength` {number} -
|
|
1434
|
+
"description": "`minlength` {number} - Sets the minimum length of the value of the input.\n\nProperty: minlength\n\nDefault: undefined",
|
|
1400
1435
|
"values": []
|
|
1401
1436
|
},
|
|
1402
1437
|
{
|
|
1403
1438
|
"name": "minlength-message",
|
|
1404
1439
|
"description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1405
1440
|
},
|
|
1441
|
+
{
|
|
1442
|
+
"name": "max",
|
|
1443
|
+
"description": "`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\nProperty: max\n\nDefault: undefined",
|
|
1444
|
+
"values": []
|
|
1445
|
+
},
|
|
1406
1446
|
{
|
|
1407
1447
|
"name": "maxlength",
|
|
1408
|
-
"description": "`maxlength` {number} -
|
|
1448
|
+
"description": "`maxlength` {number} - Sets the maximum length of the value of the input.\n\nProperty: maxlength\n\nDefault: undefined",
|
|
1409
1449
|
"values": []
|
|
1410
1450
|
},
|
|
1411
1451
|
{
|
|
1412
1452
|
"name": "maxlength-message",
|
|
1413
1453
|
"description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1414
1454
|
},
|
|
1455
|
+
{
|
|
1456
|
+
"name": "step",
|
|
1457
|
+
"description": "`step` {number} - Specifies the interval between legal numbers of the input\n\nProperty: step\n\nDefault: undefined",
|
|
1458
|
+
"values": []
|
|
1459
|
+
},
|
|
1415
1460
|
{
|
|
1416
1461
|
"name": "disabled",
|
|
1417
1462
|
"description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
|