-
Notifications
You must be signed in to change notification settings - Fork 1
/
custom-elements.json
235 lines (235 loc) · 8.72 KB
/
custom-elements.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
{
"version": 2,
"tags": [
{
"name": "lit-place-input",
"description": "A component with a title and an action counter",
"properties": [
{
"name": "apiKey",
"type": "String",
"description": "Required: A Maps API key. To obtain an API key, see developers.google.com/maps/documentation/javascript/tutorial#api_key.",
"default": "AIzaSyCQjwnft-x6cXQYDkGNYBzaevanW3mVNBA"
},
{
"name": "searchCountryCode",
"type": "String",
"description": "bias search results to a country code (ISO 3166-1 Alpha-2 country code, case insensitive).",
"default": "AIzaSyCQjwnft-x6cXQYDkGNYBzaevanW3mVNBA"
},
{
"name": "searchBounds",
"type": "Object",
"description": "bias search results to a bounding rectangle.<br>object properties (all are required):```{east: number, // East longitude in degrees.west: number, // West longitude in degrees.north: number, // North latitude in degrees.south: number, // South latitude in degrees.}```",
"default": {}
},
{
"name": "searchType",
"type": "String",
"description": "bias search results by type<br> permitted values:<br> address<br> geocode<br> establishment<br> (regions)<br> (cities)",
"default": ""
},
{
"name": "latLng",
"type": "Object",
"description": "an object - { lat: number, lng: number } - representing the geolocation of the entered / selected place",
"default": {
}
},
{
"name": "place",
"type": "Object",
"description": "An object containing the place selected or geocoded",
"default": {
}
},
{ "name": "value", "type": "string", "description": " The input control's value." },
{
"name": "type",
"type": "TextFieldType*",
"description": " A string specifying the type of control to render."
},
{ "name": "label", "type": "string", "description": " Sets floating label value." },
{
"name": "placeholder",
"type": "string",
"description": " Sets disappearing input placeholder."
},
{ "name": "icon", "type": "string", "description": " Leading icon to display in input. " },
{
"name": "iconTrailing",
"type": "string",
"description": " Trailing icon to display in input."
},
{
"name": "disabled",
"type": "boolean",
"description": " Whether or not the input should be disabled."
},
{
"name": "charCounter",
"type": "boolean",
"description": " **Note: requries maxLength to be set.** Display character counter with max length."
},
{
"name": "outlined",
"type": "boolean",
"description": " Whether or not to show the material outlined variant."
},
{
"name": "fullwidth",
"type": "boolean",
"description": " Whether or not to make the input fullwidth. No longer displays label; only placeholder and helper."
},
{
"name": "helper",
"type": "string",
"description": " Helper text to display below the input. Display default only when focused."
},
{
"name": "helperPersistent",
"type": "boolean",
"description": " Always show the helper text despite focus."
},
{
"name": "required",
"type": "boolean",
"description": " Displays error state if value is empty and input is blurred."
},
{
"name": "maxLength",
"type": "number",
"description": " Maximum length to accept input."
},
{
"name": "validationMessage",
"type": "string",
"description": " Message to show in the error color when the textfield is invalid. (Helper text will not be visible)"
},
{
"name": "pattern",
"type": "string",
"description": " https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes"
},
{
"name": "min",
"type": "number OR string",
"description": " https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes"
},
{
"name": "max",
"type": "number OR string",
"description": " https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes"
},
{
"name": "step",
"type": "number OR null",
"description": " https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes"
},
{
"name": "validity",
"type": "ValidityState",
"description": " The (https://developer.mozilla.org/en-US/docs/Web/API/ValidityState of the textfield."
},
{
"name": "validityTransform",
"type": "ValidityTransform OR null",
"description": " Callback called before each validation check. See the (#Validation) for more details."
},
{
"name": "validateOnInitialRender",
"type": "boolean",
"description": " Runs validation check on initial render."
}
],
"events": [],
"slots": [],
"cssProperties": [
{
"name": "--mdc-theme-primary",
"default": "#6200ee",
"type": "Color",
"description": "Color when active of the underline ripple, the outline, and the caret."
},
{
"name": "--mdc-theme-error",
"default": "#b00020",
"type": "Color",
"description": "Color when errored of the underline, the outline, the caret, and the icons."
},
{
"name": "--mdc-text-field-filled-border-radius",
"default": "4px 4px 0 0",
"type": "Length",
"description": "Border radius of the standard / filled textfield's background filling."
},
{
"name": "--mdc-text-field-outlined-idle-border-color",
"default": "rgba(0, 0, 0, 0.38)",
"type": "Color",
"description": "Color of the outlined textfield's outline when idle."
},
{
"name": "--mdc-text-field-outlined-hover-border-color",
"default": "rgba(0, 0, 0, 0.87)",
"type": "Color",
"description": "Color of the outlined textfield's outline when hovering."
},
{
"name": "--mdc-text-field-outlined-disabled-border-color",
"default": "rgba(0, 0, 0, 0.06)",
"type": "Color",
"description": "Color of the outlined textfield's outline when disabled."
},
{
"name": "--mdc-text-field-fill-color",
"default": "rgb(245, 245, 245)",
"type": "Color",
"description": "Color of the textfield's background fill (non-outlined)."
},
{
"name": "--mdc-text-field-disabled-fill-color",
"default": "rgb(250, 250, 250)",
"type": "Color",
"description": "Color of the textfield's background fill (non-outlined) when disabled."
},
{
"name": "--mdc-text-field-ink-color",
"default": "rgba(0, 0, 0, 0.87)",
"type": "Color",
"description": "Color of the input text."
},
{
"name": "--mdc-text-field-label-ink-color",
"default": "rgba(0, 0, 0, 0.6)",
"type": "Color",
"description": "Color of the non-focused floating label, helper text, char counter, and placeholder."
},
{
"name": "--mdc-text-field-disabled-ink-color",
"default": "rgba(0, 0, 0, 0.37)",
"type": "Color",
"description": "Color of the input text, the floating label, helper text, char counter, and placeholder of a disabled"
},
{
"name": "--mdc-notched-outline-trailing-border-radius",
"defult": "0 28px 28px 0",
"type": "Length",
"description": "Trailing edge border radius"
},
{
"name": "--mdc-notched-outline-leading-border-radius",
"defult": "28px 0 0 28px",
"type": "Length",
"description": "Leading edge border radius"
},
{
"name": "--mdc-notched-outline-leading-width",
"defult": "28px",
"type": "Length",
"description": "Leading edge border radius"
}
]
}
]
}