@umbraco-ui/uui 1.4.0-rc.0 → 1.4.0-rc.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 +76 -45
- package/dist/uui.min.js +8 -8
- package/dist/uui.min.js.map +1 -1
- package/package.json +81 -81
- package/vscode-html-custom-data.json +39 -27
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui",
|
|
3
|
-
"version": "1.4.0-rc.
|
|
3
|
+
"version": "1.4.0-rc.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.4.0-rc.
|
|
41
|
-
"@umbraco-ui/uui-avatar": "1.4.0-rc.
|
|
42
|
-
"@umbraco-ui/uui-avatar-group": "1.4.0-rc.
|
|
43
|
-
"@umbraco-ui/uui-badge": "1.4.0-rc.
|
|
44
|
-
"@umbraco-ui/uui-base": "1.4.0-rc.
|
|
45
|
-
"@umbraco-ui/uui-boolean-input": "1.4.0-rc.
|
|
46
|
-
"@umbraco-ui/uui-box": "1.4.0-rc.
|
|
47
|
-
"@umbraco-ui/uui-breadcrumbs": "1.4.0-rc.
|
|
48
|
-
"@umbraco-ui/uui-button": "1.4.0-rc.
|
|
49
|
-
"@umbraco-ui/uui-button-group": "1.4.0-rc.
|
|
50
|
-
"@umbraco-ui/uui-button-inline-create": "1.4.0-rc.
|
|
51
|
-
"@umbraco-ui/uui-card": "1.4.0-rc.
|
|
52
|
-
"@umbraco-ui/uui-card-content-node": "1.4.0-rc.
|
|
53
|
-
"@umbraco-ui/uui-card-media": "1.4.0-rc.
|
|
54
|
-
"@umbraco-ui/uui-card-user": "1.4.0-rc.
|
|
55
|
-
"@umbraco-ui/uui-caret": "1.4.0-rc.
|
|
56
|
-
"@umbraco-ui/uui-checkbox": "1.4.0-rc.
|
|
57
|
-
"@umbraco-ui/uui-color-area": "1.4.0-rc.
|
|
58
|
-
"@umbraco-ui/uui-color-picker": "1.4.0-rc.
|
|
59
|
-
"@umbraco-ui/uui-color-slider": "1.4.0-rc.
|
|
60
|
-
"@umbraco-ui/uui-color-swatch": "1.4.0-rc.
|
|
61
|
-
"@umbraco-ui/uui-color-swatches": "1.4.0-rc.
|
|
62
|
-
"@umbraco-ui/uui-combobox": "1.4.0-rc.
|
|
63
|
-
"@umbraco-ui/uui-combobox-list": "1.4.0-rc.
|
|
64
|
-
"@umbraco-ui/uui-css": "1.4.0-rc.
|
|
65
|
-
"@umbraco-ui/uui-dialog": "1.4.0-rc.
|
|
66
|
-
"@umbraco-ui/uui-dialog-layout": "1.4.0-rc.
|
|
67
|
-
"@umbraco-ui/uui-file-dropzone": "1.4.0-rc.
|
|
68
|
-
"@umbraco-ui/uui-file-preview": "1.4.0-rc.
|
|
69
|
-
"@umbraco-ui/uui-form": "1.4.0-rc.
|
|
70
|
-
"@umbraco-ui/uui-form-layout-item": "1.4.0-rc.
|
|
71
|
-
"@umbraco-ui/uui-form-validation-message": "1.4.0-rc.
|
|
72
|
-
"@umbraco-ui/uui-icon": "1.4.0-rc.
|
|
73
|
-
"@umbraco-ui/uui-icon-registry": "1.4.0-rc.
|
|
74
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.4.0-rc.
|
|
75
|
-
"@umbraco-ui/uui-input": "1.4.0-rc.
|
|
76
|
-
"@umbraco-ui/uui-input-file": "1.4.0-rc.
|
|
77
|
-
"@umbraco-ui/uui-input-lock": "1.4.0-rc.
|
|
78
|
-
"@umbraco-ui/uui-input-password": "1.4.0-rc.
|
|
79
|
-
"@umbraco-ui/uui-keyboard-shortcut": "1.4.0-rc.
|
|
80
|
-
"@umbraco-ui/uui-label": "1.4.0-rc.
|
|
81
|
-
"@umbraco-ui/uui-loader": "1.4.0-rc.
|
|
82
|
-
"@umbraco-ui/uui-loader-bar": "1.4.0-rc.
|
|
83
|
-
"@umbraco-ui/uui-loader-circle": "1.4.0-rc.
|
|
84
|
-
"@umbraco-ui/uui-menu-item": "1.4.0-rc.
|
|
85
|
-
"@umbraco-ui/uui-modal": "1.4.0-rc.
|
|
86
|
-
"@umbraco-ui/uui-pagination": "1.4.0-rc.
|
|
87
|
-
"@umbraco-ui/uui-popover": "1.4.0-rc.
|
|
88
|
-
"@umbraco-ui/uui-progress-bar": "1.4.0-rc.
|
|
89
|
-
"@umbraco-ui/uui-radio": "1.4.0-rc.
|
|
90
|
-
"@umbraco-ui/uui-range-slider": "1.4.0-rc.
|
|
91
|
-
"@umbraco-ui/uui-ref": "1.4.0-rc.
|
|
92
|
-
"@umbraco-ui/uui-ref-list": "1.4.0-rc.
|
|
93
|
-
"@umbraco-ui/uui-ref-node": "1.4.0-rc.
|
|
94
|
-
"@umbraco-ui/uui-ref-node-data-type": "1.4.0-rc.
|
|
95
|
-
"@umbraco-ui/uui-ref-node-document-type": "1.4.0-rc.
|
|
96
|
-
"@umbraco-ui/uui-ref-node-form": "1.4.0-rc.
|
|
97
|
-
"@umbraco-ui/uui-ref-node-member": "1.4.0-rc.
|
|
98
|
-
"@umbraco-ui/uui-ref-node-package": "1.4.0-rc.
|
|
99
|
-
"@umbraco-ui/uui-ref-node-user": "1.4.0-rc.
|
|
100
|
-
"@umbraco-ui/uui-scroll-container": "1.4.0-rc.
|
|
101
|
-
"@umbraco-ui/uui-select": "1.4.0-rc.
|
|
102
|
-
"@umbraco-ui/uui-slider": "1.4.0-rc.
|
|
103
|
-
"@umbraco-ui/uui-symbol-expand": "1.4.0-rc.
|
|
104
|
-
"@umbraco-ui/uui-symbol-file": "1.4.0-rc.
|
|
105
|
-
"@umbraco-ui/uui-symbol-file-dropzone": "1.4.0-rc.
|
|
106
|
-
"@umbraco-ui/uui-symbol-file-thumbnail": "1.4.0-rc.
|
|
107
|
-
"@umbraco-ui/uui-symbol-folder": "1.4.0-rc.
|
|
108
|
-
"@umbraco-ui/uui-symbol-lock": "1.4.0-rc.
|
|
109
|
-
"@umbraco-ui/uui-symbol-more": "1.4.0-rc.
|
|
110
|
-
"@umbraco-ui/uui-symbol-sort": "1.4.0-rc.
|
|
111
|
-
"@umbraco-ui/uui-table": "1.4.0-rc.
|
|
112
|
-
"@umbraco-ui/uui-tabs": "1.4.0-rc.
|
|
113
|
-
"@umbraco-ui/uui-tag": "1.4.0-rc.
|
|
114
|
-
"@umbraco-ui/uui-textarea": "1.4.0-rc.
|
|
115
|
-
"@umbraco-ui/uui-toast-notification": "1.4.0-rc.
|
|
116
|
-
"@umbraco-ui/uui-toast-notification-container": "1.4.0-rc.
|
|
117
|
-
"@umbraco-ui/uui-toast-notification-layout": "1.4.0-rc.
|
|
118
|
-
"@umbraco-ui/uui-toggle": "1.4.0-rc.
|
|
40
|
+
"@umbraco-ui/uui-action-bar": "1.4.0-rc.1",
|
|
41
|
+
"@umbraco-ui/uui-avatar": "1.4.0-rc.1",
|
|
42
|
+
"@umbraco-ui/uui-avatar-group": "1.4.0-rc.1",
|
|
43
|
+
"@umbraco-ui/uui-badge": "1.4.0-rc.1",
|
|
44
|
+
"@umbraco-ui/uui-base": "1.4.0-rc.1",
|
|
45
|
+
"@umbraco-ui/uui-boolean-input": "1.4.0-rc.1",
|
|
46
|
+
"@umbraco-ui/uui-box": "1.4.0-rc.1",
|
|
47
|
+
"@umbraco-ui/uui-breadcrumbs": "1.4.0-rc.1",
|
|
48
|
+
"@umbraco-ui/uui-button": "1.4.0-rc.1",
|
|
49
|
+
"@umbraco-ui/uui-button-group": "1.4.0-rc.1",
|
|
50
|
+
"@umbraco-ui/uui-button-inline-create": "1.4.0-rc.1",
|
|
51
|
+
"@umbraco-ui/uui-card": "1.4.0-rc.1",
|
|
52
|
+
"@umbraco-ui/uui-card-content-node": "1.4.0-rc.1",
|
|
53
|
+
"@umbraco-ui/uui-card-media": "1.4.0-rc.1",
|
|
54
|
+
"@umbraco-ui/uui-card-user": "1.4.0-rc.1",
|
|
55
|
+
"@umbraco-ui/uui-caret": "1.4.0-rc.1",
|
|
56
|
+
"@umbraco-ui/uui-checkbox": "1.4.0-rc.1",
|
|
57
|
+
"@umbraco-ui/uui-color-area": "1.4.0-rc.1",
|
|
58
|
+
"@umbraco-ui/uui-color-picker": "1.4.0-rc.1",
|
|
59
|
+
"@umbraco-ui/uui-color-slider": "1.4.0-rc.1",
|
|
60
|
+
"@umbraco-ui/uui-color-swatch": "1.4.0-rc.1",
|
|
61
|
+
"@umbraco-ui/uui-color-swatches": "1.4.0-rc.1",
|
|
62
|
+
"@umbraco-ui/uui-combobox": "1.4.0-rc.1",
|
|
63
|
+
"@umbraco-ui/uui-combobox-list": "1.4.0-rc.1",
|
|
64
|
+
"@umbraco-ui/uui-css": "1.4.0-rc.1",
|
|
65
|
+
"@umbraco-ui/uui-dialog": "1.4.0-rc.1",
|
|
66
|
+
"@umbraco-ui/uui-dialog-layout": "1.4.0-rc.1",
|
|
67
|
+
"@umbraco-ui/uui-file-dropzone": "1.4.0-rc.1",
|
|
68
|
+
"@umbraco-ui/uui-file-preview": "1.4.0-rc.1",
|
|
69
|
+
"@umbraco-ui/uui-form": "1.4.0-rc.1",
|
|
70
|
+
"@umbraco-ui/uui-form-layout-item": "1.4.0-rc.1",
|
|
71
|
+
"@umbraco-ui/uui-form-validation-message": "1.4.0-rc.1",
|
|
72
|
+
"@umbraco-ui/uui-icon": "1.4.0-rc.1",
|
|
73
|
+
"@umbraco-ui/uui-icon-registry": "1.4.0-rc.1",
|
|
74
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.4.0-rc.1",
|
|
75
|
+
"@umbraco-ui/uui-input": "1.4.0-rc.1",
|
|
76
|
+
"@umbraco-ui/uui-input-file": "1.4.0-rc.1",
|
|
77
|
+
"@umbraco-ui/uui-input-lock": "1.4.0-rc.1",
|
|
78
|
+
"@umbraco-ui/uui-input-password": "1.4.0-rc.1",
|
|
79
|
+
"@umbraco-ui/uui-keyboard-shortcut": "1.4.0-rc.1",
|
|
80
|
+
"@umbraco-ui/uui-label": "1.4.0-rc.1",
|
|
81
|
+
"@umbraco-ui/uui-loader": "1.4.0-rc.1",
|
|
82
|
+
"@umbraco-ui/uui-loader-bar": "1.4.0-rc.1",
|
|
83
|
+
"@umbraco-ui/uui-loader-circle": "1.4.0-rc.1",
|
|
84
|
+
"@umbraco-ui/uui-menu-item": "1.4.0-rc.1",
|
|
85
|
+
"@umbraco-ui/uui-modal": "1.4.0-rc.1",
|
|
86
|
+
"@umbraco-ui/uui-pagination": "1.4.0-rc.1",
|
|
87
|
+
"@umbraco-ui/uui-popover": "1.4.0-rc.1",
|
|
88
|
+
"@umbraco-ui/uui-progress-bar": "1.4.0-rc.1",
|
|
89
|
+
"@umbraco-ui/uui-radio": "1.4.0-rc.1",
|
|
90
|
+
"@umbraco-ui/uui-range-slider": "1.4.0-rc.1",
|
|
91
|
+
"@umbraco-ui/uui-ref": "1.4.0-rc.1",
|
|
92
|
+
"@umbraco-ui/uui-ref-list": "1.4.0-rc.1",
|
|
93
|
+
"@umbraco-ui/uui-ref-node": "1.4.0-rc.1",
|
|
94
|
+
"@umbraco-ui/uui-ref-node-data-type": "1.4.0-rc.1",
|
|
95
|
+
"@umbraco-ui/uui-ref-node-document-type": "1.4.0-rc.1",
|
|
96
|
+
"@umbraco-ui/uui-ref-node-form": "1.4.0-rc.1",
|
|
97
|
+
"@umbraco-ui/uui-ref-node-member": "1.4.0-rc.1",
|
|
98
|
+
"@umbraco-ui/uui-ref-node-package": "1.4.0-rc.1",
|
|
99
|
+
"@umbraco-ui/uui-ref-node-user": "1.4.0-rc.1",
|
|
100
|
+
"@umbraco-ui/uui-scroll-container": "1.4.0-rc.1",
|
|
101
|
+
"@umbraco-ui/uui-select": "1.4.0-rc.1",
|
|
102
|
+
"@umbraco-ui/uui-slider": "1.4.0-rc.1",
|
|
103
|
+
"@umbraco-ui/uui-symbol-expand": "1.4.0-rc.1",
|
|
104
|
+
"@umbraco-ui/uui-symbol-file": "1.4.0-rc.1",
|
|
105
|
+
"@umbraco-ui/uui-symbol-file-dropzone": "1.4.0-rc.1",
|
|
106
|
+
"@umbraco-ui/uui-symbol-file-thumbnail": "1.4.0-rc.1",
|
|
107
|
+
"@umbraco-ui/uui-symbol-folder": "1.4.0-rc.1",
|
|
108
|
+
"@umbraco-ui/uui-symbol-lock": "1.4.0-rc.1",
|
|
109
|
+
"@umbraco-ui/uui-symbol-more": "1.4.0-rc.1",
|
|
110
|
+
"@umbraco-ui/uui-symbol-sort": "1.4.0-rc.1",
|
|
111
|
+
"@umbraco-ui/uui-table": "1.4.0-rc.1",
|
|
112
|
+
"@umbraco-ui/uui-tabs": "1.4.0-rc.1",
|
|
113
|
+
"@umbraco-ui/uui-tag": "1.4.0-rc.1",
|
|
114
|
+
"@umbraco-ui/uui-textarea": "1.4.0-rc.1",
|
|
115
|
+
"@umbraco-ui/uui-toast-notification": "1.4.0-rc.1",
|
|
116
|
+
"@umbraco-ui/uui-toast-notification-container": "1.4.0-rc.1",
|
|
117
|
+
"@umbraco-ui/uui-toast-notification-layout": "1.4.0-rc.1",
|
|
118
|
+
"@umbraco-ui/uui-toggle": "1.4.0-rc.1"
|
|
119
119
|
},
|
|
120
120
|
"scripts": {
|
|
121
121
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"storybook": {
|
|
129
129
|
"url": "https://v1-contrib--62189360eeb21b003ab2f4ad.chromatic.com/"
|
|
130
130
|
},
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "2ecc805ac912c25d89bc96eaf7f50b97aa85fff0"
|
|
132
132
|
}
|
|
@@ -1148,7 +1148,7 @@
|
|
|
1148
1148
|
},
|
|
1149
1149
|
{
|
|
1150
1150
|
"name": "uui-input-lock",
|
|
1151
|
-
"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` {
|
|
1151
|
+
"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` {`string`} - 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` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `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 * `spellcheck` {boolean} - get/set native spellcheck attribute\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` {`string`} - 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` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `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 * `spellcheck` {boolean} - get/set native spellcheck attribute\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`} - ",
|
|
1152
1152
|
"attributes": [
|
|
1153
1153
|
{
|
|
1154
1154
|
"name": "locked",
|
|
@@ -1167,7 +1167,7 @@
|
|
|
1167
1167
|
},
|
|
1168
1168
|
{
|
|
1169
1169
|
"name": "minlength-message",
|
|
1170
|
-
"description": "`minlength-message` {
|
|
1170
|
+
"description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1171
1171
|
},
|
|
1172
1172
|
{
|
|
1173
1173
|
"name": "max",
|
|
@@ -1181,7 +1181,7 @@
|
|
|
1181
1181
|
},
|
|
1182
1182
|
{
|
|
1183
1183
|
"name": "maxlength-message",
|
|
1184
|
-
"description": "`maxlength-message` {
|
|
1184
|
+
"description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1185
1185
|
},
|
|
1186
1186
|
{
|
|
1187
1187
|
"name": "step",
|
|
@@ -1209,8 +1209,8 @@
|
|
|
1209
1209
|
},
|
|
1210
1210
|
{
|
|
1211
1211
|
"name": "auto-width",
|
|
1212
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault:
|
|
1213
|
-
"
|
|
1212
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false",
|
|
1213
|
+
"valueSet": "v"
|
|
1214
1214
|
},
|
|
1215
1215
|
{
|
|
1216
1216
|
"name": "type",
|
|
@@ -1256,13 +1256,17 @@
|
|
|
1256
1256
|
},
|
|
1257
1257
|
{
|
|
1258
1258
|
"name": "pattern",
|
|
1259
|
-
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern
|
|
1259
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1260
1260
|
"values": []
|
|
1261
1261
|
},
|
|
1262
1262
|
{
|
|
1263
|
-
"name": "
|
|
1264
|
-
"description": "`
|
|
1265
|
-
|
|
1263
|
+
"name": "inputMode",
|
|
1264
|
+
"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: "
|
|
1265
|
+
},
|
|
1266
|
+
{
|
|
1267
|
+
"name": "spellcheck",
|
|
1268
|
+
"description": "`spellcheck` {boolean} - get/set native spellcheck attribute\n\nProperty: spellcheck",
|
|
1269
|
+
"valueSet": "v"
|
|
1266
1270
|
},
|
|
1267
1271
|
{
|
|
1268
1272
|
"name": "name",
|
|
@@ -1316,7 +1320,7 @@
|
|
|
1316
1320
|
},
|
|
1317
1321
|
{
|
|
1318
1322
|
"name": "uui-input-password",
|
|
1319
|
-
"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` {
|
|
1323
|
+
"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` {`string`} - 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` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `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 * `spellcheck` {boolean} - get/set native spellcheck attribute\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` {`string`} - 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` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `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 * `spellcheck` {boolean} - get/set native spellcheck attribute\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`} - ",
|
|
1320
1324
|
"attributes": [
|
|
1321
1325
|
{
|
|
1322
1326
|
"name": "min",
|
|
@@ -1330,7 +1334,7 @@
|
|
|
1330
1334
|
},
|
|
1331
1335
|
{
|
|
1332
1336
|
"name": "minlength-message",
|
|
1333
|
-
"description": "`minlength-message` {
|
|
1337
|
+
"description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1334
1338
|
},
|
|
1335
1339
|
{
|
|
1336
1340
|
"name": "max",
|
|
@@ -1344,7 +1348,7 @@
|
|
|
1344
1348
|
},
|
|
1345
1349
|
{
|
|
1346
1350
|
"name": "maxlength-message",
|
|
1347
|
-
"description": "`maxlength-message` {
|
|
1351
|
+
"description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1348
1352
|
},
|
|
1349
1353
|
{
|
|
1350
1354
|
"name": "step",
|
|
@@ -1372,8 +1376,8 @@
|
|
|
1372
1376
|
},
|
|
1373
1377
|
{
|
|
1374
1378
|
"name": "auto-width",
|
|
1375
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault:
|
|
1376
|
-
"
|
|
1379
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false",
|
|
1380
|
+
"valueSet": "v"
|
|
1377
1381
|
},
|
|
1378
1382
|
{
|
|
1379
1383
|
"name": "type",
|
|
@@ -1419,13 +1423,17 @@
|
|
|
1419
1423
|
},
|
|
1420
1424
|
{
|
|
1421
1425
|
"name": "pattern",
|
|
1422
|
-
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern
|
|
1426
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1423
1427
|
"values": []
|
|
1424
1428
|
},
|
|
1425
1429
|
{
|
|
1426
|
-
"name": "
|
|
1427
|
-
"description": "`
|
|
1428
|
-
|
|
1430
|
+
"name": "inputMode",
|
|
1431
|
+
"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: "
|
|
1432
|
+
},
|
|
1433
|
+
{
|
|
1434
|
+
"name": "spellcheck",
|
|
1435
|
+
"description": "`spellcheck` {boolean} - get/set native spellcheck attribute\n\nProperty: spellcheck",
|
|
1436
|
+
"valueSet": "v"
|
|
1429
1437
|
},
|
|
1430
1438
|
{
|
|
1431
1439
|
"name": "name",
|
|
@@ -1479,7 +1487,7 @@
|
|
|
1479
1487
|
},
|
|
1480
1488
|
{
|
|
1481
1489
|
"name": "uui-input",
|
|
1482
|
-
"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` {
|
|
1490
|
+
"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` {`string`} - 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` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `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 * `spellcheck` {boolean} - get/set native spellcheck attribute\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` {`string`} - 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` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `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 * `spellcheck` {boolean} - get/set native spellcheck attribute\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`} - ",
|
|
1483
1491
|
"attributes": [
|
|
1484
1492
|
{
|
|
1485
1493
|
"name": "min",
|
|
@@ -1493,7 +1501,7 @@
|
|
|
1493
1501
|
},
|
|
1494
1502
|
{
|
|
1495
1503
|
"name": "minlength-message",
|
|
1496
|
-
"description": "`minlength-message` {
|
|
1504
|
+
"description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1497
1505
|
},
|
|
1498
1506
|
{
|
|
1499
1507
|
"name": "max",
|
|
@@ -1507,7 +1515,7 @@
|
|
|
1507
1515
|
},
|
|
1508
1516
|
{
|
|
1509
1517
|
"name": "maxlength-message",
|
|
1510
|
-
"description": "`maxlength-message` {
|
|
1518
|
+
"description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1511
1519
|
},
|
|
1512
1520
|
{
|
|
1513
1521
|
"name": "step",
|
|
@@ -1535,8 +1543,8 @@
|
|
|
1535
1543
|
},
|
|
1536
1544
|
{
|
|
1537
1545
|
"name": "auto-width",
|
|
1538
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault:
|
|
1539
|
-
"
|
|
1546
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false",
|
|
1547
|
+
"valueSet": "v"
|
|
1540
1548
|
},
|
|
1541
1549
|
{
|
|
1542
1550
|
"name": "type",
|
|
@@ -1582,13 +1590,17 @@
|
|
|
1582
1590
|
},
|
|
1583
1591
|
{
|
|
1584
1592
|
"name": "pattern",
|
|
1585
|
-
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern
|
|
1593
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1586
1594
|
"values": []
|
|
1587
1595
|
},
|
|
1588
1596
|
{
|
|
1589
|
-
"name": "
|
|
1590
|
-
"description": "`
|
|
1591
|
-
|
|
1597
|
+
"name": "inputMode",
|
|
1598
|
+
"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: "
|
|
1599
|
+
},
|
|
1600
|
+
{
|
|
1601
|
+
"name": "spellcheck",
|
|
1602
|
+
"description": "`spellcheck` {boolean} - get/set native spellcheck attribute\n\nProperty: spellcheck",
|
|
1603
|
+
"valueSet": "v"
|
|
1592
1604
|
},
|
|
1593
1605
|
{
|
|
1594
1606
|
"name": "name",
|