@aquera/nile-elements 0.1.6 → 0.1.8
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/README.md +9 -0
- package/demo/variables.css +28 -28
- package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.esm.js +2 -0
- package/dist/nile-avatar/nile-avatar.esm.js +25 -19
- package/dist/src/nile-avatar/nile-avatar.css.js +2 -0
- package/dist/src/nile-avatar/nile-avatar.css.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.d.ts +10 -9
- package/dist/src/nile-avatar/nile-avatar.js +78 -61
- package/dist/src/nile-avatar/nile-avatar.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-avatar/nile-avatar.css.ts +2 -0
- package/src/nile-avatar/nile-avatar.ts +79 -72
- package/vscode-html-custom-data.json +61 -42
|
@@ -56,15 +56,34 @@
|
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
58
|
"name": "nile-avatar",
|
|
59
|
-
"description": "Nile icon component.\n\nAttributes:\n\n * `src` {`string`} - Gives the url to the Avatar\n\n * `
|
|
59
|
+
"description": "Nile icon component.\n\nAttributes:\n\n * `src` {`string`} - Gives the url to the Avatar\n\n * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n * `icon` {`string`} - Gives the icon to the Avatar\n\n * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n * `bg-color` {`string`} - Gives the default bg color to the Avatar\n\n * `text-color` {`string`} - Gives the default text color to the Avatar\n\n * `border-color` {`string`} - Gives the default border color to the Avatar\n\n * `size` {`\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\nProperties:\n\n * `src` {`string`} - Gives the url to the Avatar\n\n * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n * `icon` {`string`} - Gives the icon to the Avatar\n\n * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n * `bgColor` {`string`} - Gives the default bg color to the Avatar\n\n * `textColor` {`string`} - Gives the default text color to the Avatar\n\n * `borderColor` {`string`} - Gives the default border color to the Avatar\n\n * `size` {`\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\n * `imageError` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
60
60
|
"attributes": [
|
|
61
61
|
{
|
|
62
62
|
"name": "src",
|
|
63
63
|
"description": "`src` {`string`} - Gives the url to the Avatar\n\nProperty: src\n\nDefault: "
|
|
64
64
|
},
|
|
65
|
+
{
|
|
66
|
+
"name": "variant",
|
|
67
|
+
"description": "`variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\nProperty: variant\n\nDefault: text",
|
|
68
|
+
"values": [
|
|
69
|
+
{
|
|
70
|
+
"name": "icon"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"name": "image"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"name": "text"
|
|
77
|
+
}
|
|
78
|
+
]
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"name": "icon",
|
|
82
|
+
"description": "`icon` {`string`} - Gives the icon to the Avatar\n\nProperty: icon\n\nDefault: user"
|
|
83
|
+
},
|
|
65
84
|
{
|
|
66
85
|
"name": "name",
|
|
67
|
-
"description": "`name` {`
|
|
86
|
+
"description": "`name` {`String`} - Gives the default Image Letters to the Avatar\n\nProperty: name\n\nDefault: "
|
|
68
87
|
},
|
|
69
88
|
{
|
|
70
89
|
"name": "bg-color",
|
|
@@ -76,23 +95,23 @@
|
|
|
76
95
|
},
|
|
77
96
|
{
|
|
78
97
|
"name": "border-color",
|
|
79
|
-
"description": "`border-color` {`string`} - Gives the default border color to the Avatar\n\nProperty: borderColor\n\nDefault:
|
|
98
|
+
"description": "`border-color` {`string`} - Gives the default border color to the Avatar\n\nProperty: borderColor\n\nDefault: "
|
|
80
99
|
},
|
|
81
100
|
{
|
|
82
101
|
"name": "size",
|
|
83
|
-
"description": "`size` {`\"
|
|
102
|
+
"description": "`size` {`\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\nProperty: size\n\nDefault: md",
|
|
84
103
|
"values": [
|
|
85
104
|
{
|
|
86
|
-
"name": "
|
|
105
|
+
"name": "sm"
|
|
87
106
|
},
|
|
88
107
|
{
|
|
89
|
-
"name": "
|
|
108
|
+
"name": "md"
|
|
90
109
|
},
|
|
91
110
|
{
|
|
92
|
-
"name": "
|
|
111
|
+
"name": "lg"
|
|
93
112
|
},
|
|
94
113
|
{
|
|
95
|
-
"name": "
|
|
114
|
+
"name": "xl"
|
|
96
115
|
},
|
|
97
116
|
{
|
|
98
117
|
"name": "2xl"
|
|
@@ -101,7 +120,7 @@
|
|
|
101
120
|
},
|
|
102
121
|
{
|
|
103
122
|
"name": "isRounded",
|
|
104
|
-
"description": "`isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\nProperty: isRounded\n\nDefault:
|
|
123
|
+
"description": "`isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\nProperty: isRounded\n\nDefault: true",
|
|
105
124
|
"valueSet": "v"
|
|
106
125
|
}
|
|
107
126
|
]
|
|
@@ -558,7 +577,7 @@
|
|
|
558
577
|
},
|
|
559
578
|
{
|
|
560
579
|
"name": "nile-checkbox",
|
|
561
|
-
"description": "Nile icon component.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the checkbox, submitted as a name/value pair with form data.\n\n * `value` {`boolean`} - The current value of the checkbox, submitted as a name/value pair with form data.\n\n * `size` {`\"
|
|
580
|
+
"description": "Nile icon component.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the checkbox, submitted as a name/value pair with form data.\n\n * `value` {`boolean`} - The current value of the checkbox, submitted as a name/value pair with form data.\n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The checkbox's size.\n\n * `disabled` {`boolean`} - Disables the checkbox.\n\n * `checked` {`boolean`} - Draws the checkbox in a checked state.\n\n * `label` {`string`} - Label, declared this property for backward compatibility of old component\n\n * `indeterminate` {`boolean`} - Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `showHelpText` {`boolean`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the checkbox a required field.\n\nProperties:\n\n * `styles` - \n\n * `input` {`HTMLInputElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the checkbox, submitted as a name/value pair with form data.\n\n * `value` {`boolean`} - The current value of the checkbox, submitted as a name/value pair with form data.\n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The checkbox's size.\n\n * `disabled` {`boolean`} - Disables the checkbox.\n\n * `checked` {`boolean`} - Draws the checkbox in a checked state.\n\n * `label` {`string`} - Label, declared this property for backward compatibility of old component\n\n * `indeterminate` {`boolean`} - Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n\n * `defaultChecked` {`boolean`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `showHelpText` {`boolean`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the checkbox a required field.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
562
581
|
"attributes": [
|
|
563
582
|
{
|
|
564
583
|
"name": "title",
|
|
@@ -575,13 +594,13 @@
|
|
|
575
594
|
},
|
|
576
595
|
{
|
|
577
596
|
"name": "size",
|
|
578
|
-
"description": "`size` {`\"
|
|
597
|
+
"description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The checkbox's size.\n\nProperty: size\n\nDefault: medium",
|
|
579
598
|
"values": [
|
|
580
599
|
{
|
|
581
|
-
"name": "
|
|
600
|
+
"name": "medium"
|
|
582
601
|
},
|
|
583
602
|
{
|
|
584
|
-
"name": "
|
|
603
|
+
"name": "small"
|
|
585
604
|
},
|
|
586
605
|
{
|
|
587
606
|
"name": "large"
|
|
@@ -1731,7 +1750,7 @@
|
|
|
1731
1750
|
},
|
|
1732
1751
|
{
|
|
1733
1752
|
"name": "nile-input",
|
|
1734
|
-
"description": "Nile icon component.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `type` {`\"number\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"
|
|
1753
|
+
"description": "Nile icon component.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n * `checkNonPrintableChar` {`boolean`} - \n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\n * `filled` {`boolean`} - Draws a filled input.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `readonly` {`boolean`} - Makes the input readonly.\n\n * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n * `canSavePassword` {`boolean`} - \n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n * `disabled` {`boolean`} - Disables the input.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n * `required` {`boolean`} - Makes the input a required field.\n\n * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `hasSlotController` - \n\n * `input` {`HTMLInputElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `title` {`string`} - \n\n * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n * `checkNonPrintableChar` {`boolean`} - \n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\n * `filled` {`boolean`} - Draws a filled input.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `readonly` {`boolean`} - Makes the input readonly.\n\n * `passwordToggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n * `passwordVisible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n * `noSpinButtons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n * `canSavePassword` {`boolean`} - \n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `hasPrintableCharacters` {`boolean`} - \n\n * `markedValue` {`string`} - \n\n * `valueAsDate` {`Date | null`} - Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.\n\n * `valueAsNumber` {`number`} - Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.\n\n * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n * `disabled` {`boolean`} - Disables the input.\n\n * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n * `required` {`boolean`} - Makes the input a required field.\n\n * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\n * `validity` {`ValidityState`} - Gets the validity state object\n\n * `validationMessage` {`string`} - Gets the validation message\n\n * `checkValidity` {`() => boolean`} - \n\n * `getForm` {`() => HTMLFormElement | null`} - \n\n * `reportValidity` {`() => boolean`} - \n\n * `setCustomValidity` {`(message: string) => void`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
1735
1754
|
"attributes": [
|
|
1736
1755
|
{
|
|
1737
1756
|
"name": "title",
|
|
@@ -1739,11 +1758,14 @@
|
|
|
1739
1758
|
},
|
|
1740
1759
|
{
|
|
1741
1760
|
"name": "type",
|
|
1742
|
-
"description": "`type` {`\"number\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"
|
|
1761
|
+
"description": "`type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\nProperty: type\n\nDefault: text",
|
|
1743
1762
|
"values": [
|
|
1744
1763
|
{
|
|
1745
1764
|
"name": "number"
|
|
1746
1765
|
},
|
|
1766
|
+
{
|
|
1767
|
+
"name": "text"
|
|
1768
|
+
},
|
|
1747
1769
|
{
|
|
1748
1770
|
"name": "time"
|
|
1749
1771
|
},
|
|
@@ -1765,9 +1787,6 @@
|
|
|
1765
1787
|
{
|
|
1766
1788
|
"name": "tel"
|
|
1767
1789
|
},
|
|
1768
|
-
{
|
|
1769
|
-
"name": "text"
|
|
1770
|
-
},
|
|
1771
1790
|
{
|
|
1772
1791
|
"name": "url"
|
|
1773
1792
|
}
|
|
@@ -1780,13 +1799,13 @@
|
|
|
1780
1799
|
},
|
|
1781
1800
|
{
|
|
1782
1801
|
"name": "size",
|
|
1783
|
-
"description": "`size` {`\"
|
|
1802
|
+
"description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\nProperty: size\n\nDefault: medium",
|
|
1784
1803
|
"values": [
|
|
1785
1804
|
{
|
|
1786
|
-
"name": "
|
|
1805
|
+
"name": "medium"
|
|
1787
1806
|
},
|
|
1788
1807
|
{
|
|
1789
|
-
"name": "
|
|
1808
|
+
"name": "small"
|
|
1790
1809
|
},
|
|
1791
1810
|
{
|
|
1792
1811
|
"name": "large"
|
|
@@ -1948,8 +1967,11 @@
|
|
|
1948
1967
|
},
|
|
1949
1968
|
{
|
|
1950
1969
|
"name": "inputmode",
|
|
1951
|
-
"description": "`inputmode` {`\"
|
|
1970
|
+
"description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
|
|
1952
1971
|
"values": [
|
|
1972
|
+
{
|
|
1973
|
+
"name": "text"
|
|
1974
|
+
},
|
|
1953
1975
|
{
|
|
1954
1976
|
"name": "none"
|
|
1955
1977
|
},
|
|
@@ -1965,9 +1987,6 @@
|
|
|
1965
1987
|
{
|
|
1966
1988
|
"name": "tel"
|
|
1967
1989
|
},
|
|
1968
|
-
{
|
|
1969
|
-
"name": "text"
|
|
1970
|
-
},
|
|
1971
1990
|
{
|
|
1972
1991
|
"name": "url"
|
|
1973
1992
|
},
|
|
@@ -2582,7 +2601,7 @@
|
|
|
2582
2601
|
},
|
|
2583
2602
|
{
|
|
2584
2603
|
"name": "nile-radio",
|
|
2585
|
-
"description": "Nile icon component.\n\nEvents:\n\n * `blur` {} - Emitted when the control loses focus.\n\n * `focus` {} - Emitted when the control gains focus.\n\nSlots:\n\n * ` ` {} - The radio's label.\n\nAttributes:\n\n * `checked` {`boolean`} - \n\n * `value` {`string`} - The radio's value. When selected, the radio group will receive this value.\n\n * `size` {`\"
|
|
2604
|
+
"description": "Nile icon component.\n\nEvents:\n\n * `blur` {} - Emitted when the control loses focus.\n\n * `focus` {} - Emitted when the control gains focus.\n\nSlots:\n\n * ` ` {} - The radio's label.\n\nAttributes:\n\n * `checked` {`boolean`} - \n\n * `value` {`string`} - The radio's value. When selected, the radio group will receive this value.\n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The radio's size.\n\n * `disabled` {`boolean`} - Disables the radio.\n\n * `islabelborder` {`boolean`} - The radio's labelborder.\n\nProperties:\n\n * `styles` - \n\n * `checked` {`boolean`} - \n\n * `hasFocus` {`boolean`} - \n\n * `value` {`string`} - The radio's value. When selected, the radio group will receive this value.\n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The radio's size.\n\n * `disabled` {`boolean`} - Disables the radio.\n\n * `islabelborder` {`boolean`} - The radio's labelborder.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
2586
2605
|
"attributes": [
|
|
2587
2606
|
{
|
|
2588
2607
|
"name": "checked",
|
|
@@ -2595,13 +2614,13 @@
|
|
|
2595
2614
|
},
|
|
2596
2615
|
{
|
|
2597
2616
|
"name": "size",
|
|
2598
|
-
"description": "`size` {`\"
|
|
2617
|
+
"description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The radio's size.\n\nProperty: size\n\nDefault: medium",
|
|
2599
2618
|
"values": [
|
|
2600
2619
|
{
|
|
2601
|
-
"name": "
|
|
2620
|
+
"name": "medium"
|
|
2602
2621
|
},
|
|
2603
2622
|
{
|
|
2604
|
-
"name": "
|
|
2623
|
+
"name": "small"
|
|
2605
2624
|
},
|
|
2606
2625
|
{
|
|
2607
2626
|
"name": "large"
|
|
@@ -2666,17 +2685,17 @@
|
|
|
2666
2685
|
},
|
|
2667
2686
|
{
|
|
2668
2687
|
"name": "nile-select",
|
|
2669
|
-
"description": "Events:\n\n * `nile-change` {} - Emitted when the control's value changes.\n\n * `nile-clear` {} - Emitted when the control's value is cleared.\n\n * `nile-input` {} - Emitted when the control receives input.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-show` {} - Emitted when the select's menu opens.\n\n * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the select's menu closes.\n\n * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\nSlots:\n\n * ` ` {} - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.\n\n * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n * `expand-icon` {} - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `size` {`\"
|
|
2688
|
+
"description": "Events:\n\n * `nile-change` {} - Emitted when the control's value changes.\n\n * `nile-clear` {} - Emitted when the control's value is cleared.\n\n * `nile-input` {} - Emitted when the control receives input.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-show` {} - Emitted when the select's menu opens.\n\n * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the select's menu closes.\n\n * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\nSlots:\n\n * ` ` {} - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.\n\n * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n * `expand-icon` {} - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchEnabled` {`boolean`} - \n\n * `internal-search-placeholder` {`string`} - \n\n * `blockValueChange` {`boolean`} - \n\n * `disableLocalSearch` {`boolean`} - \n\n * `optionsLoading` {`boolean`} - \n\n * `noWidthSync` {`boolean`} - \n\n * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `max-options-visible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showSelected` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `hasSlotController` - \n\n * `typeToSelectString` {`string`} - \n\n * `typeToSelectTimeout` {`number`} - \n\n * `popup` - \n\n * `combobox` {`HTMLSlotElement`} - \n\n * `displayInput` {`HTMLInputElement`} - \n\n * `valueInput` {`HTMLInputElement`} - \n\n * `listbox` {`HTMLSlotElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `displayLabel` {`string`} - \n\n * `currentOption` - \n\n * `selectedOptions` {`NileOption[]`} - \n\n * `oldValue` {`string | string[]`} - \n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchValue` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchEnabled` {`boolean`} - \n\n * `internalSearchPlaceHolder` {`string`} - \n\n * `blockValueChange` {`boolean`} - \n\n * `disableLocalSearch` {`boolean`} - \n\n * `optionsLoading` {`boolean`} - \n\n * `noWidthSync` {`boolean`} - \n\n * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showSelected` {`boolean`} - \n\n * `oldMaxOptionsVisible` {`number`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string | undefined`} - \n\n * `min` {`string | number | Date | undefined`} - \n\n * `max` {`string | number | Date | undefined`} - \n\n * `step` {`number | \"any\" | undefined`} - \n\n * `required` {`boolean`} - The select's required attribute.\n\n * `minlength` {`number | undefined`} - \n\n * `maxlength` {`number | undefined`} - \n\n * `validity` {`ValidityState`} - Gets the validity state object\n\n * `validationMessage` {`string`} - Gets the validation message\n\n * `checkValidity` {`() => boolean`} - \n\n * `getForm` {`() => HTMLFormElement | null`} - \n\n * `reportValidity` {`() => boolean`} - \n\n * `setCustomValidity` {`(message: string) => void`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
2670
2689
|
"attributes": [
|
|
2671
2690
|
{
|
|
2672
2691
|
"name": "size",
|
|
2673
|
-
"description": "`size` {`\"
|
|
2692
|
+
"description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
|
|
2674
2693
|
"values": [
|
|
2675
2694
|
{
|
|
2676
|
-
"name": "
|
|
2695
|
+
"name": "medium"
|
|
2677
2696
|
},
|
|
2678
2697
|
{
|
|
2679
|
-
"name": "
|
|
2698
|
+
"name": "small"
|
|
2680
2699
|
},
|
|
2681
2700
|
{
|
|
2682
2701
|
"name": "large"
|
|
@@ -3268,7 +3287,7 @@
|
|
|
3268
3287
|
},
|
|
3269
3288
|
{
|
|
3270
3289
|
"name": "nile-tag",
|
|
3271
|
-
"description": "Events:\n\n * `nile-remove` {} - Emitted when the remove button is activated.\n\nSlots:\n\n * ` ` {} - The tag's content.\n\nAttributes:\n\n * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\"`} - The tag's theme variant.\n\n * `size` {`\"
|
|
3290
|
+
"description": "Events:\n\n * `nile-remove` {} - Emitted when the remove button is activated.\n\nSlots:\n\n * ` ` {} - The tag's content.\n\nAttributes:\n\n * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\"`} - The tag's theme variant.\n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The tag's size.\n\n * `pill` {`boolean`} - Draws a pill-style tag with rounded edges.\n\n * `removable` {`boolean`} - Makes the tag removable and shows a remove button.\n\nProperties:\n\n * `styles` - \n\n * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\"`} - The tag's theme variant.\n\n * `size` {`\"medium\" | \"small\" | \"large\"`} - The tag's size.\n\n * `pill` {`boolean`} - Draws a pill-style tag with rounded edges.\n\n * `removable` {`boolean`} - Makes the tag removable and shows a remove button.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
3272
3291
|
"attributes": [
|
|
3273
3292
|
{
|
|
3274
3293
|
"name": "variant",
|
|
@@ -3296,13 +3315,13 @@
|
|
|
3296
3315
|
},
|
|
3297
3316
|
{
|
|
3298
3317
|
"name": "size",
|
|
3299
|
-
"description": "`size` {`\"
|
|
3318
|
+
"description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The tag's size.\n\nProperty: size\n\nDefault: medium",
|
|
3300
3319
|
"values": [
|
|
3301
3320
|
{
|
|
3302
|
-
"name": "
|
|
3321
|
+
"name": "medium"
|
|
3303
3322
|
},
|
|
3304
3323
|
{
|
|
3305
|
-
"name": "
|
|
3324
|
+
"name": "small"
|
|
3306
3325
|
},
|
|
3307
3326
|
{
|
|
3308
3327
|
"name": "large"
|
|
@@ -3327,7 +3346,7 @@
|
|
|
3327
3346
|
},
|
|
3328
3347
|
{
|
|
3329
3348
|
"name": "nile-textarea",
|
|
3330
|
-
"description": "Events:\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-change` {} - Emitted when an alteration to the control's value is committed by the user.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-input` {} - Emitted when the control receives input.\n\nSlots:\n\n * `label` {} - The textarea's label. Alternatively, you can use the `label` attribute.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n * `size` {`string`} - The textarea's size.\n\n * `filled` {`boolean`} - Draws a filled textarea.\n\n * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `rows` {`number`} - The number of rows to display by default.\n\n * `resize` {`\"none\" | \"auto\" | \"vertical\"`} - Controls how the textarea can be resized.\n\n * `disabled` {`boolean`} - Disables the textarea.\n\n * `readonly` {`boolean`} - Makes the textarea readonly.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the textarea a required field.\n\n * `minlength` {`number`} - \n\n * `maxlength` {`number`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n * `inputmode` {`\"
|
|
3349
|
+
"description": "Events:\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-change` {} - Emitted when an alteration to the control's value is committed by the user.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-input` {} - Emitted when the control receives input.\n\nSlots:\n\n * `label` {} - The textarea's label. Alternatively, you can use the `label` attribute.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n * `size` {`string`} - The textarea's size.\n\n * `filled` {`boolean`} - Draws a filled textarea.\n\n * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `rows` {`number`} - The number of rows to display by default.\n\n * `resize` {`\"none\" | \"auto\" | \"vertical\"`} - Controls how the textarea can be resized.\n\n * `disabled` {`boolean`} - Disables the textarea.\n\n * `readonly` {`boolean`} - Makes the textarea readonly.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the textarea a required field.\n\n * `minlength` {`number`} - \n\n * `maxlength` {`number`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `fullHeight` {`boolean`} - \n\n * `checkNonPrintableChar` {`boolean`} - \n\nProperties:\n\n * `styles` - \n\n * `hasSlotController` - \n\n * `resizeObserver` - \n\n * `input` {`HTMLTextAreaElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n * `size` {`string`} - The textarea's size.\n\n * `filled` {`boolean`} - Draws a filled textarea.\n\n * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `rows` {`number`} - The number of rows to display by default.\n\n * `resize` {`\"none\" | \"auto\" | \"vertical\"`} - Controls how the textarea can be resized.\n\n * `disabled` {`boolean`} - Disables the textarea.\n\n * `readonly` {`boolean`} - Makes the textarea readonly.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the textarea a required field.\n\n * `minlength` {`number`} - \n\n * `maxlength` {`number`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `autocapitalize` {`\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `fullHeight` {`boolean`} - \n\n * `checkNonPrintableChar` {`boolean`} - \n\n * `hasPrintableCharacters` {`boolean`} - \n\n * `markedValue` {`string`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
3331
3350
|
"attributes": [
|
|
3332
3351
|
{
|
|
3333
3352
|
"name": "title",
|
|
@@ -3498,8 +3517,11 @@
|
|
|
3498
3517
|
},
|
|
3499
3518
|
{
|
|
3500
3519
|
"name": "inputmode",
|
|
3501
|
-
"description": "`inputmode` {`\"
|
|
3520
|
+
"description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
|
|
3502
3521
|
"values": [
|
|
3522
|
+
{
|
|
3523
|
+
"name": "text"
|
|
3524
|
+
},
|
|
3503
3525
|
{
|
|
3504
3526
|
"name": "none"
|
|
3505
3527
|
},
|
|
@@ -3515,9 +3537,6 @@
|
|
|
3515
3537
|
{
|
|
3516
3538
|
"name": "tel"
|
|
3517
3539
|
},
|
|
3518
|
-
{
|
|
3519
|
-
"name": "text"
|
|
3520
|
-
},
|
|
3521
3540
|
{
|
|
3522
3541
|
"name": "url"
|
|
3523
3542
|
},
|