@umbraco-ui/uui 1.13.0 → 1.14.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 +183 -49
- package/dist/uui.min.js +68 -68
- package/dist/uui.min.js.map +1 -1
- package/package.json +86 -86
- package/vscode-html-custom-data.json +157 -24
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
20
|
"name": "uui-avatar",
|
|
21
|
-
"description": "Avatar for displaying users\n\nSlots:\n\n * ` ` {} - For anything other than initials (no more than 2-3 characters)\n\nAttributes:\n\n * `overflow` {boolean} - Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.\n\n * `img-src` {string} - Use this to apply a image src\n\n * `img-srcset` {string} - Use this to apply a image srcset\n\n * `name` {string} - Provide the name used for labels and to generate the initials.\n\nProperties:\n\n * `overflow` {boolean} - Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.\n\n * `imgSrc` {string} - Use this to apply a image src\n\n * `imgSrcset` {string} - Use this to apply a image srcset\n\n * `name` {string} - Provide the name used for labels and to generate the initials.\n\n * `
|
|
21
|
+
"description": "Avatar for displaying users\n\nSlots:\n\n * ` ` {} - For anything other than initials (no more than 2-3 characters)\n\nAttributes:\n\n * `overflow` {boolean} - Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.\n\n * `img-src` {string} - Use this to apply a image src\n\n * `img-srcset` {string} - Use this to apply a image srcset\n\n * `name` {string} - Provide the name used for labels and to generate the initials.\n\n * `initials` {string} - Use this to override the initials generated from the name.\n\nProperties:\n\n * `overflow` {boolean} - Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.\n\n * `imgSrc` {string} - Use this to apply a image src\n\n * `imgSrcset` {string} - Use this to apply a image srcset\n\n * `name` {string} - Provide the name used for labels and to generate the initials.\n\n * `initials` {string} - Use this to override the initials generated from the name.\n\n * `_initials` {`string`} - \n\n * `styles` {`CSSResult[]`} - ",
|
|
22
22
|
"attributes": [
|
|
23
23
|
{
|
|
24
24
|
"name": "overflow",
|
|
@@ -36,6 +36,11 @@
|
|
|
36
36
|
{
|
|
37
37
|
"name": "name",
|
|
38
38
|
"description": "`name` {string} - Provide the name used for labels and to generate the initials.\n\nProperty: name\n\nDefault: ''"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"name": "initials",
|
|
42
|
+
"description": "`initials` {string} - Use this to override the initials generated from the name.\n\nProperty: initials\n\nDefault: undefined",
|
|
43
|
+
"values": []
|
|
39
44
|
}
|
|
40
45
|
]
|
|
41
46
|
},
|
|
@@ -814,7 +819,7 @@
|
|
|
814
819
|
},
|
|
815
820
|
{
|
|
816
821
|
"name": "uui-card-user",
|
|
817
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n * `name` {string} - User name\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n * `name` {string} - User name\n\n * `_avatarSlotHasContent` {`boolean`} - \n\n * `_avatarSlotChanged` - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
822
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `avatar` {} - slot for the avatar with support for the `<uui-avatar>` element\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n * `name` {string} - User name\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n * `name` {string} - User name\n\n * `_avatarSlotHasContent` {`boolean`} - \n\n * `_avatarSlotChanged` - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n * `styles` {`CSSResult[]`} - \n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - ",
|
|
818
823
|
"attributes": [
|
|
819
824
|
{
|
|
820
825
|
"name": "name",
|
|
@@ -1190,6 +1195,12 @@
|
|
|
1190
1195
|
},
|
|
1191
1196
|
{
|
|
1192
1197
|
"name": "opacity"
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"name": "saturation"
|
|
1201
|
+
},
|
|
1202
|
+
{
|
|
1203
|
+
"name": "lightness"
|
|
1193
1204
|
}
|
|
1194
1205
|
]
|
|
1195
1206
|
},
|
|
@@ -1648,13 +1659,21 @@
|
|
|
1648
1659
|
},
|
|
1649
1660
|
{
|
|
1650
1661
|
"name": "uui-input-lock",
|
|
1651
|
-
"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`
|
|
1662
|
+
"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 * `unlock-label` {string} - Define the label for the unlock button.\n\n * `lock-label` {string} - Define the label for the lock button.\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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `unlockLabel` {string} - Define the label for the unlock button.\n\n * `lockLabel` {string} - Define the label for the lock button.\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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \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} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1652
1663
|
"attributes": [
|
|
1653
1664
|
{
|
|
1654
1665
|
"name": "locked",
|
|
1655
1666
|
"description": "`locked` {boolean} - Determine the inputs locked state.\n\nProperty: locked\n\nDefault: true",
|
|
1656
1667
|
"valueSet": "v"
|
|
1657
1668
|
},
|
|
1669
|
+
{
|
|
1670
|
+
"name": "unlock-label",
|
|
1671
|
+
"description": "`unlock-label` {string} - Define the label for the unlock button.\n\nProperty: unlockLabel\n\nDefault: true"
|
|
1672
|
+
},
|
|
1673
|
+
{
|
|
1674
|
+
"name": "lock-label",
|
|
1675
|
+
"description": "`lock-label` {string} - Define the label for the lock button.\n\nProperty: lockLabel\n\nDefault: true"
|
|
1676
|
+
},
|
|
1658
1677
|
{
|
|
1659
1678
|
"name": "min",
|
|
1660
1679
|
"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",
|
|
@@ -1667,7 +1686,8 @@
|
|
|
1667
1686
|
},
|
|
1668
1687
|
{
|
|
1669
1688
|
"name": "minlength-message",
|
|
1670
|
-
"description": "`minlength-message`
|
|
1689
|
+
"description": "`minlength-message` - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: ",
|
|
1690
|
+
"values": []
|
|
1671
1691
|
},
|
|
1672
1692
|
{
|
|
1673
1693
|
"name": "max",
|
|
@@ -1681,7 +1701,8 @@
|
|
|
1681
1701
|
},
|
|
1682
1702
|
{
|
|
1683
1703
|
"name": "maxlength-message",
|
|
1684
|
-
"description": "`maxlength-message`
|
|
1704
|
+
"description": "`maxlength-message` - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: ",
|
|
1705
|
+
"values": []
|
|
1685
1706
|
},
|
|
1686
1707
|
{
|
|
1687
1708
|
"name": "step",
|
|
@@ -1714,7 +1735,7 @@
|
|
|
1714
1735
|
},
|
|
1715
1736
|
{
|
|
1716
1737
|
"name": "type",
|
|
1717
|
-
"description": "`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\nProperty: type\n\nDefault: text",
|
|
1738
|
+
"description": "`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\nProperty: type\n\nDefault: text",
|
|
1718
1739
|
"values": [
|
|
1719
1740
|
{
|
|
1720
1741
|
"name": "number"
|
|
@@ -1757,14 +1778,44 @@
|
|
|
1757
1778
|
}
|
|
1758
1779
|
]
|
|
1759
1780
|
},
|
|
1781
|
+
{
|
|
1782
|
+
"name": "inputmode",
|
|
1783
|
+
"description": "`inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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: text",
|
|
1784
|
+
"values": [
|
|
1785
|
+
{
|
|
1786
|
+
"name": "email"
|
|
1787
|
+
},
|
|
1788
|
+
{
|
|
1789
|
+
"name": "tel"
|
|
1790
|
+
},
|
|
1791
|
+
{
|
|
1792
|
+
"name": "none"
|
|
1793
|
+
},
|
|
1794
|
+
{
|
|
1795
|
+
"name": "text"
|
|
1796
|
+
},
|
|
1797
|
+
{
|
|
1798
|
+
"name": "url"
|
|
1799
|
+
},
|
|
1800
|
+
{
|
|
1801
|
+
"name": "search"
|
|
1802
|
+
},
|
|
1803
|
+
{
|
|
1804
|
+
"name": "decimal"
|
|
1805
|
+
},
|
|
1806
|
+
{
|
|
1807
|
+
"name": "numeric"
|
|
1808
|
+
}
|
|
1809
|
+
]
|
|
1810
|
+
},
|
|
1760
1811
|
{
|
|
1761
1812
|
"name": "pattern",
|
|
1762
1813
|
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1763
1814
|
"values": []
|
|
1764
1815
|
},
|
|
1765
1816
|
{
|
|
1766
|
-
"name": "
|
|
1767
|
-
"description": "`
|
|
1817
|
+
"name": "tabindex",
|
|
1818
|
+
"description": "`tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\nProperty: tabIndex\n\nDefault: -1"
|
|
1768
1819
|
},
|
|
1769
1820
|
{
|
|
1770
1821
|
"name": "spellcheck",
|
|
@@ -1822,7 +1873,7 @@
|
|
|
1822
1873
|
},
|
|
1823
1874
|
{
|
|
1824
1875
|
"name": "uui-input-password",
|
|
1825
|
-
"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`
|
|
1876
|
+
"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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \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} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1826
1877
|
"attributes": [
|
|
1827
1878
|
{
|
|
1828
1879
|
"name": "min",
|
|
@@ -1836,7 +1887,8 @@
|
|
|
1836
1887
|
},
|
|
1837
1888
|
{
|
|
1838
1889
|
"name": "minlength-message",
|
|
1839
|
-
"description": "`minlength-message`
|
|
1890
|
+
"description": "`minlength-message` - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: ",
|
|
1891
|
+
"values": []
|
|
1840
1892
|
},
|
|
1841
1893
|
{
|
|
1842
1894
|
"name": "max",
|
|
@@ -1850,7 +1902,8 @@
|
|
|
1850
1902
|
},
|
|
1851
1903
|
{
|
|
1852
1904
|
"name": "maxlength-message",
|
|
1853
|
-
"description": "`maxlength-message`
|
|
1905
|
+
"description": "`maxlength-message` - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: ",
|
|
1906
|
+
"values": []
|
|
1854
1907
|
},
|
|
1855
1908
|
{
|
|
1856
1909
|
"name": "step",
|
|
@@ -1883,7 +1936,7 @@
|
|
|
1883
1936
|
},
|
|
1884
1937
|
{
|
|
1885
1938
|
"name": "type",
|
|
1886
|
-
"description": "`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\nProperty: type\n\nDefault: text",
|
|
1939
|
+
"description": "`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\nProperty: type\n\nDefault: text",
|
|
1887
1940
|
"values": [
|
|
1888
1941
|
{
|
|
1889
1942
|
"name": "number"
|
|
@@ -1926,14 +1979,44 @@
|
|
|
1926
1979
|
}
|
|
1927
1980
|
]
|
|
1928
1981
|
},
|
|
1982
|
+
{
|
|
1983
|
+
"name": "inputmode",
|
|
1984
|
+
"description": "`inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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: text",
|
|
1985
|
+
"values": [
|
|
1986
|
+
{
|
|
1987
|
+
"name": "email"
|
|
1988
|
+
},
|
|
1989
|
+
{
|
|
1990
|
+
"name": "tel"
|
|
1991
|
+
},
|
|
1992
|
+
{
|
|
1993
|
+
"name": "none"
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"name": "text"
|
|
1997
|
+
},
|
|
1998
|
+
{
|
|
1999
|
+
"name": "url"
|
|
2000
|
+
},
|
|
2001
|
+
{
|
|
2002
|
+
"name": "search"
|
|
2003
|
+
},
|
|
2004
|
+
{
|
|
2005
|
+
"name": "decimal"
|
|
2006
|
+
},
|
|
2007
|
+
{
|
|
2008
|
+
"name": "numeric"
|
|
2009
|
+
}
|
|
2010
|
+
]
|
|
2011
|
+
},
|
|
1929
2012
|
{
|
|
1930
2013
|
"name": "pattern",
|
|
1931
2014
|
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1932
2015
|
"values": []
|
|
1933
2016
|
},
|
|
1934
2017
|
{
|
|
1935
|
-
"name": "
|
|
1936
|
-
"description": "`
|
|
2018
|
+
"name": "tabindex",
|
|
2019
|
+
"description": "`tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\nProperty: tabIndex\n\nDefault: 0"
|
|
1937
2020
|
},
|
|
1938
2021
|
{
|
|
1939
2022
|
"name": "spellcheck",
|
|
@@ -1991,7 +2074,7 @@
|
|
|
1991
2074
|
},
|
|
1992
2075
|
{
|
|
1993
2076
|
"name": "uui-input",
|
|
1994
|
-
"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`
|
|
2077
|
+
"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` - 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` - 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 * `inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\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` - 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` - 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 * `inputMode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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 * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `tabIndex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \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} - get/set the name of the input\n\n * `value` {string} - get/set the value of the input\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1995
2078
|
"attributes": [
|
|
1996
2079
|
{
|
|
1997
2080
|
"name": "min",
|
|
@@ -2005,7 +2088,8 @@
|
|
|
2005
2088
|
},
|
|
2006
2089
|
{
|
|
2007
2090
|
"name": "minlength-message",
|
|
2008
|
-
"description": "`minlength-message`
|
|
2091
|
+
"description": "`minlength-message` - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: ",
|
|
2092
|
+
"values": []
|
|
2009
2093
|
},
|
|
2010
2094
|
{
|
|
2011
2095
|
"name": "max",
|
|
@@ -2019,7 +2103,8 @@
|
|
|
2019
2103
|
},
|
|
2020
2104
|
{
|
|
2021
2105
|
"name": "maxlength-message",
|
|
2022
|
-
"description": "`maxlength-message`
|
|
2106
|
+
"description": "`maxlength-message` - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: ",
|
|
2107
|
+
"values": []
|
|
2023
2108
|
},
|
|
2024
2109
|
{
|
|
2025
2110
|
"name": "step",
|
|
@@ -2052,7 +2137,7 @@
|
|
|
2052
2137
|
},
|
|
2053
2138
|
{
|
|
2054
2139
|
"name": "type",
|
|
2055
|
-
"description": "`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\nProperty: type\n\nDefault: text",
|
|
2140
|
+
"description": "`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\nProperty: type\n\nDefault: text",
|
|
2056
2141
|
"values": [
|
|
2057
2142
|
{
|
|
2058
2143
|
"name": "number"
|
|
@@ -2095,14 +2180,44 @@
|
|
|
2095
2180
|
}
|
|
2096
2181
|
]
|
|
2097
2182
|
},
|
|
2183
|
+
{
|
|
2184
|
+
"name": "inputmode",
|
|
2185
|
+
"description": "`inputmode` {'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'} - 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: text",
|
|
2186
|
+
"values": [
|
|
2187
|
+
{
|
|
2188
|
+
"name": "email"
|
|
2189
|
+
},
|
|
2190
|
+
{
|
|
2191
|
+
"name": "tel"
|
|
2192
|
+
},
|
|
2193
|
+
{
|
|
2194
|
+
"name": "none"
|
|
2195
|
+
},
|
|
2196
|
+
{
|
|
2197
|
+
"name": "text"
|
|
2198
|
+
},
|
|
2199
|
+
{
|
|
2200
|
+
"name": "url"
|
|
2201
|
+
},
|
|
2202
|
+
{
|
|
2203
|
+
"name": "search"
|
|
2204
|
+
},
|
|
2205
|
+
{
|
|
2206
|
+
"name": "decimal"
|
|
2207
|
+
},
|
|
2208
|
+
{
|
|
2209
|
+
"name": "numeric"
|
|
2210
|
+
}
|
|
2211
|
+
]
|
|
2212
|
+
},
|
|
2098
2213
|
{
|
|
2099
2214
|
"name": "pattern",
|
|
2100
2215
|
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
2101
2216
|
"values": []
|
|
2102
2217
|
},
|
|
2103
2218
|
{
|
|
2104
|
-
"name": "
|
|
2105
|
-
"description": "`
|
|
2219
|
+
"name": "tabindex",
|
|
2220
|
+
"description": "`tabindex` {number} - Set the input tabindex, set this to `-1` to avoid tabbing into the input.\n\nProperty: tabIndex\n\nDefault: 0"
|
|
2106
2221
|
},
|
|
2107
2222
|
{
|
|
2108
2223
|
"name": "spellcheck",
|
|
@@ -2458,7 +2573,7 @@
|
|
|
2458
2573
|
},
|
|
2459
2574
|
{
|
|
2460
2575
|
"name": "uui-pagination",
|
|
2461
|
-
"description": "Events:\n\n * `change` {} - When clicked on the page button fires change event\n\nAttributes:\n\n * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n * `aria-label` {string} - With this property you can overwrite aria-label.\n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `current` {number} - Define the current active page.\n\nProperties:\n\n * `_observer` {`ResizeObserver`} - \n\n * `_navButtons` {`UUIButtonElement[]`} - \n\n * `_pagesGroup` - \n\n * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n * `ariaLabel` {string} - With this property you can overwrite aria-label.\n\n * `_total` {`number`} - \n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `_range` {`number`} - \n\n * `_visiblePages` {`number[]`} - \n\n * `_current` {`number`} - \n\n * `current` {number} - Define the current active page.\n\n * `styles` {`CSSResult[]`} - ",
|
|
2576
|
+
"description": "Events:\n\n * `change` {} - When clicked on the page button fires change event\n\nAttributes:\n\n * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n * `aria-label` {string} - With this property you can overwrite aria-label.\n\n * `firstLabel` {string} - This property is used to generate the name of the first button\n\n * `previousLabel` {string} - This property is used to generate the name of the previous button\n\n * `nextLabel` {string} - This property is used to generate the name of the next button\n\n * `lastLabel` {string} - This property is used to generate the name of the last button\n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `current` {number} - Define the current active page.\n\nProperties:\n\n * `_observer` {`ResizeObserver`} - \n\n * `_navButtons` {`UUIButtonElement[]`} - \n\n * `_pagesGroup` - \n\n * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n * `ariaLabel` {string} - With this property you can overwrite aria-label.\n\n * `firstLabel` {string} - This property is used to generate the name of the first button\n\n * `previousLabel` {string} - This property is used to generate the name of the previous button\n\n * `nextLabel` {string} - This property is used to generate the name of the next button\n\n * `lastLabel` {string} - This property is used to generate the name of the last button\n\n * `_total` {`number`} - \n\n * `total` {number} - Set the amount of pages to navigate.\n\n * `_range` {`number`} - \n\n * `_visiblePages` {`number[]`} - \n\n * `_current` {`number`} - \n\n * `current` {number} - Define the current active page.\n\n * `styles` {`CSSResult[]`} - ",
|
|
2462
2577
|
"attributes": [
|
|
2463
2578
|
{
|
|
2464
2579
|
"name": "label",
|
|
@@ -2468,6 +2583,22 @@
|
|
|
2468
2583
|
"name": "aria-label",
|
|
2469
2584
|
"description": "`aria-label` {string} - With this property you can overwrite aria-label.\n\nProperty: ariaLabel\n\nDefault: "
|
|
2470
2585
|
},
|
|
2586
|
+
{
|
|
2587
|
+
"name": "firstLabel",
|
|
2588
|
+
"description": "`firstLabel` {string} - This property is used to generate the name of the first button\n\nProperty: firstLabel\n\nDefault: First"
|
|
2589
|
+
},
|
|
2590
|
+
{
|
|
2591
|
+
"name": "previousLabel",
|
|
2592
|
+
"description": "`previousLabel` {string} - This property is used to generate the name of the previous button\n\nProperty: previousLabel\n\nDefault: Previous"
|
|
2593
|
+
},
|
|
2594
|
+
{
|
|
2595
|
+
"name": "nextLabel",
|
|
2596
|
+
"description": "`nextLabel` {string} - This property is used to generate the name of the next button\n\nProperty: nextLabel\n\nDefault: Next"
|
|
2597
|
+
},
|
|
2598
|
+
{
|
|
2599
|
+
"name": "lastLabel",
|
|
2600
|
+
"description": "`lastLabel` {string} - This property is used to generate the name of the last button\n\nProperty: lastLabel\n\nDefault: Last"
|
|
2601
|
+
},
|
|
2471
2602
|
{
|
|
2472
2603
|
"name": "total",
|
|
2473
2604
|
"description": "`total` {number} - Set the amount of pages to navigate.\n\nProperty: total\n\nDefault: : 1"
|
|
@@ -4025,7 +4156,7 @@
|
|
|
4025
4156
|
},
|
|
4026
4157
|
{
|
|
4027
4158
|
"name": "uui-textarea",
|
|
4028
|
-
"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`
|
|
4159
|
+
"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` - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlength-message` - 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'} - 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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {boolean} - 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\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\nProperties:\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` - Minlength validation message.\n\n * `maxlength` {number} - This is a maximum value of the input.\n\n * `maxlengthMessage` - 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'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n * `styles` {`CSSResult[]`} - \n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. 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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.\n\n * `_pristine` {`boolean`} - \n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {boolean} - 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 * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` {`string`} - \n\n * `_internals` {`ElementInternals`} - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
4029
4160
|
"attributes": [
|
|
4030
4161
|
{
|
|
4031
4162
|
"name": "placeholder",
|
|
@@ -4048,7 +4179,8 @@
|
|
|
4048
4179
|
},
|
|
4049
4180
|
{
|
|
4050
4181
|
"name": "minlength-message",
|
|
4051
|
-
"description": "`minlength-message`
|
|
4182
|
+
"description": "`minlength-message` - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: ",
|
|
4183
|
+
"values": []
|
|
4052
4184
|
},
|
|
4053
4185
|
{
|
|
4054
4186
|
"name": "maxlength",
|
|
@@ -4057,7 +4189,8 @@
|
|
|
4057
4189
|
},
|
|
4058
4190
|
{
|
|
4059
4191
|
"name": "maxlength-message",
|
|
4060
|
-
"description": "`maxlength-message`
|
|
4192
|
+
"description": "`maxlength-message` - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: ",
|
|
4193
|
+
"values": []
|
|
4061
4194
|
},
|
|
4062
4195
|
{
|
|
4063
4196
|
"name": "auto-height",
|