@aurodesignsystem/auro-accordion 6.0.0-rc-206.1 → 6.0.0-rc-221.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -1
- package/README.md +135 -84
- package/custom-elements.json +1015 -640
- package/demo/api.js +2 -0
- package/demo/api.md +311 -233
- package/demo/api.min.js +16 -3
- package/demo/auro-accordion.min.js +51 -42
- package/demo/index.md +16 -11
- package/dist/{auro-accordion-Dlfg1ee3.js → auro-accordion-DIAlVDo7.js} +6 -6
- package/dist/index.d.ts +247 -125
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +16 -11
package/custom-elements.json
CHANGED
|
@@ -12,21 +12,32 @@
|
|
|
12
12
|
"name": "AuroAccordionButton",
|
|
13
13
|
"members": [
|
|
14
14
|
{
|
|
15
|
-
"kind": "
|
|
16
|
-
"name": "
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
{
|
|
20
|
-
"
|
|
21
|
-
"default": "\"auro-accordion-button\"",
|
|
22
|
-
"description": "The name of element that you want to register to.",
|
|
23
|
-
"optional": true,
|
|
24
|
-
"type": {
|
|
25
|
-
"text": "string"
|
|
26
|
-
}
|
|
15
|
+
"kind": "field",
|
|
16
|
+
"name": "_renderTag",
|
|
17
|
+
"description": "Renders the tag for the component.",
|
|
18
|
+
"return": {
|
|
19
|
+
"type": {
|
|
20
|
+
"text": "TemplateResult"
|
|
27
21
|
}
|
|
28
|
-
|
|
29
|
-
"
|
|
22
|
+
},
|
|
23
|
+
"privacy": "private",
|
|
24
|
+
"readonly": true,
|
|
25
|
+
"inheritedFrom": {
|
|
26
|
+
"name": "AuroButton",
|
|
27
|
+
"module": "src/auro-button.js"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"type": {
|
|
32
|
+
"text": "'default', 'inverse'"
|
|
33
|
+
},
|
|
34
|
+
"description": "Defines whether the button will be on lighter or darker backgrounds.",
|
|
35
|
+
"name": "appearance",
|
|
36
|
+
"kind": "field",
|
|
37
|
+
"inheritedFrom": {
|
|
38
|
+
"name": "AuroButton",
|
|
39
|
+
"module": "src/auro-button.js"
|
|
40
|
+
}
|
|
30
41
|
},
|
|
31
42
|
{
|
|
32
43
|
"kind": "field",
|
|
@@ -38,44 +49,333 @@
|
|
|
38
49
|
"default": "false",
|
|
39
50
|
"attribute": "ariaexpanded",
|
|
40
51
|
"reflects": true
|
|
41
|
-
}
|
|
42
|
-
],
|
|
43
|
-
"attributes": [
|
|
52
|
+
},
|
|
44
53
|
{
|
|
45
|
-
"
|
|
54
|
+
"kind": "field",
|
|
55
|
+
"name": "autofocus",
|
|
56
|
+
"privacy": "public",
|
|
46
57
|
"type": {
|
|
47
58
|
"text": "boolean"
|
|
48
59
|
},
|
|
60
|
+
"description": "This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user.",
|
|
49
61
|
"default": "false",
|
|
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
|
-
|
|
62
|
+
"attribute": "autofocus",
|
|
63
|
+
"reflects": true,
|
|
64
|
+
"inheritedFrom": {
|
|
65
|
+
"name": "AuroButton",
|
|
66
|
+
"module": "src/auro-button.js"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"kind": "field",
|
|
71
|
+
"name": "buttonHref",
|
|
72
|
+
"privacy": "private",
|
|
73
|
+
"type": {
|
|
74
|
+
"text": "string"
|
|
75
|
+
},
|
|
76
|
+
"default": "undefined",
|
|
77
|
+
"attribute": "buttonHref",
|
|
78
|
+
"inheritedFrom": {
|
|
79
|
+
"name": "AuroButton",
|
|
80
|
+
"module": "src/auro-button.js"
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"kind": "field",
|
|
85
|
+
"name": "buttonRel",
|
|
86
|
+
"privacy": "private",
|
|
87
|
+
"type": {
|
|
88
|
+
"text": "string"
|
|
89
|
+
},
|
|
90
|
+
"default": "undefined",
|
|
91
|
+
"attribute": "buttonRel",
|
|
92
|
+
"inheritedFrom": {
|
|
93
|
+
"name": "AuroButton",
|
|
94
|
+
"module": "src/auro-button.js"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"kind": "field",
|
|
99
|
+
"name": "buttonTarget",
|
|
100
|
+
"privacy": "private",
|
|
101
|
+
"type": {
|
|
102
|
+
"text": "string"
|
|
103
|
+
},
|
|
104
|
+
"default": "undefined",
|
|
105
|
+
"attribute": "buttonTarget",
|
|
106
|
+
"inheritedFrom": {
|
|
107
|
+
"name": "AuroButton",
|
|
108
|
+
"module": "src/auro-button.js"
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"kind": "field",
|
|
113
|
+
"name": "currentAriaLabel",
|
|
114
|
+
"description": "Returns the current value of the projected `aria-label` attribute or undefined if not set. The `aria-label` attribute is for internal use only.",
|
|
115
|
+
"return": {
|
|
116
|
+
"type": {
|
|
117
|
+
"text": "string | undefined"
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
"privacy": "private",
|
|
121
|
+
"readonly": true,
|
|
122
|
+
"inheritedFrom": {
|
|
123
|
+
"name": "AuroButton",
|
|
124
|
+
"module": "src/auro-button.js"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"kind": "field",
|
|
129
|
+
"name": "currentAriaLabelledBy",
|
|
130
|
+
"description": "Returns the current value of the projected `aria-labelledby` attribute or undefined if not set.",
|
|
131
|
+
"return": {
|
|
132
|
+
"type": {
|
|
133
|
+
"text": "string | undefined"
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
"privacy": "private",
|
|
137
|
+
"readonly": true,
|
|
138
|
+
"inheritedFrom": {
|
|
139
|
+
"name": "AuroButton",
|
|
140
|
+
"module": "src/auro-button.js"
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"kind": "field",
|
|
145
|
+
"name": "disabled",
|
|
146
|
+
"privacy": "public",
|
|
147
|
+
"type": {
|
|
148
|
+
"text": "boolean"
|
|
149
|
+
},
|
|
150
|
+
"description": "If set to true, button will become disabled and not allow for interactions.",
|
|
151
|
+
"default": "false",
|
|
152
|
+
"attribute": "disabled",
|
|
153
|
+
"reflects": true,
|
|
154
|
+
"inheritedFrom": {
|
|
155
|
+
"name": "AuroButton",
|
|
156
|
+
"module": "src/auro-button.js"
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"kind": "field",
|
|
161
|
+
"name": "fluid",
|
|
162
|
+
"privacy": "public",
|
|
163
|
+
"type": {
|
|
164
|
+
"text": "boolean"
|
|
165
|
+
},
|
|
166
|
+
"description": "Alters the shape of the button to be full width of its parent container.",
|
|
167
|
+
"default": "false",
|
|
168
|
+
"attribute": "fluid",
|
|
169
|
+
"reflects": true,
|
|
170
|
+
"inheritedFrom": {
|
|
171
|
+
"name": "AuroButton",
|
|
172
|
+
"module": "src/auro-button.js"
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"kind": "method",
|
|
177
|
+
"name": "focus",
|
|
178
|
+
"description": "Internal method to apply focus to the HTML5 button.",
|
|
179
|
+
"privacy": "private",
|
|
180
|
+
"return": {
|
|
181
|
+
"type": {
|
|
182
|
+
"text": "void"
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
"inheritedFrom": {
|
|
186
|
+
"name": "AuroButton",
|
|
187
|
+
"module": "src/auro-button.js"
|
|
188
|
+
}
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"kind": "field",
|
|
192
|
+
"name": "form",
|
|
193
|
+
"description": "Returns the form element that this button is associated with.",
|
|
194
|
+
"privacy": "private",
|
|
195
|
+
"return": {
|
|
196
|
+
"type": {
|
|
197
|
+
"text": "HTMLFormElement | null"
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
"readonly": true,
|
|
201
|
+
"inheritedFrom": {
|
|
202
|
+
"name": "AuroButton",
|
|
203
|
+
"module": "src/auro-button.js"
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"kind": "field",
|
|
208
|
+
"name": "formAssociated",
|
|
209
|
+
"static": true,
|
|
210
|
+
"description": "Enables form association for this element.",
|
|
211
|
+
"return": {
|
|
212
|
+
"type": {
|
|
213
|
+
"text": "boolean"
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
"readonly": true,
|
|
217
|
+
"inheritedFrom": {
|
|
218
|
+
"name": "AuroButton",
|
|
219
|
+
"module": "src/auro-button.js"
|
|
220
|
+
}
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"kind": "method",
|
|
224
|
+
"name": "generateAriaLabel",
|
|
225
|
+
"description": "Returns the appropriate string to be used for the aria-label attribute.",
|
|
226
|
+
"return": {
|
|
227
|
+
"type": {
|
|
228
|
+
"text": "String"
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
"privacy": "private",
|
|
232
|
+
"inheritedFrom": {
|
|
233
|
+
"name": "AuroButton",
|
|
234
|
+
"module": "src/auro-button.js"
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"kind": "method",
|
|
239
|
+
"name": "getFontSize",
|
|
240
|
+
"description": "Gets a class name for the font size based on the button's size and shape.",
|
|
241
|
+
"return": {
|
|
242
|
+
"type": {
|
|
243
|
+
"text": "string"
|
|
244
|
+
}
|
|
245
|
+
},
|
|
246
|
+
"privacy": "private",
|
|
247
|
+
"inheritedFrom": {
|
|
248
|
+
"name": "AuroButton",
|
|
249
|
+
"module": "src/auro-button.js"
|
|
250
|
+
}
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"kind": "field",
|
|
254
|
+
"name": "iconOnly",
|
|
255
|
+
"description": "Whether or not the button is set to an icon-only shape.",
|
|
256
|
+
"return": {
|
|
257
|
+
"type": {
|
|
258
|
+
"text": "boolean"
|
|
259
|
+
}
|
|
260
|
+
},
|
|
261
|
+
"privacy": "private",
|
|
262
|
+
"readonly": true,
|
|
263
|
+
"inheritedFrom": {
|
|
264
|
+
"name": "AuroButton",
|
|
265
|
+
"module": "src/auro-button.js"
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"kind": "field",
|
|
270
|
+
"name": "layout",
|
|
271
|
+
"privacy": "private",
|
|
272
|
+
"type": {
|
|
273
|
+
"text": "boolean"
|
|
274
|
+
},
|
|
275
|
+
"description": "Override layout since it isn't used in this component.",
|
|
276
|
+
"inheritedFrom": {
|
|
277
|
+
"name": "AuroButton",
|
|
278
|
+
"module": "src/auro-button.js"
|
|
279
|
+
}
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"kind": "field",
|
|
283
|
+
"name": "loaderTag",
|
|
284
|
+
"privacy": "private",
|
|
285
|
+
"inheritedFrom": {
|
|
286
|
+
"name": "AuroButton",
|
|
287
|
+
"module": "src/auro-button.js"
|
|
288
|
+
}
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"kind": "field",
|
|
292
|
+
"name": "loading",
|
|
293
|
+
"privacy": "public",
|
|
294
|
+
"type": {
|
|
295
|
+
"text": "boolean"
|
|
296
|
+
},
|
|
297
|
+
"description": "If set to true button text will be replaced with `auro-loader` and become disabled.",
|
|
298
|
+
"default": "false",
|
|
299
|
+
"attribute": "loading",
|
|
300
|
+
"reflects": true,
|
|
301
|
+
"inheritedFrom": {
|
|
302
|
+
"name": "AuroButton",
|
|
303
|
+
"module": "src/auro-button.js"
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
"kind": "field",
|
|
308
|
+
"name": "loadingText",
|
|
309
|
+
"privacy": "public",
|
|
310
|
+
"type": {
|
|
311
|
+
"text": "string"
|
|
312
|
+
},
|
|
313
|
+
"description": "DEPRECATED - Use `slot=\"ariaLabel.loading\"` instead.",
|
|
314
|
+
"attribute": "loadingText",
|
|
315
|
+
"inheritedFrom": {
|
|
316
|
+
"name": "AuroButton",
|
|
317
|
+
"module": "src/auro-button.js"
|
|
318
|
+
}
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"kind": "field",
|
|
322
|
+
"name": "onActive",
|
|
323
|
+
"privacy": "private",
|
|
324
|
+
"type": {
|
|
325
|
+
"text": "boolean"
|
|
326
|
+
},
|
|
327
|
+
"attribute": "data-active",
|
|
328
|
+
"reflects": true,
|
|
329
|
+
"inheritedFrom": {
|
|
330
|
+
"name": "AuroButton",
|
|
331
|
+
"module": "src/auro-button.js"
|
|
332
|
+
}
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
"type": {
|
|
336
|
+
"text": "boolean"
|
|
337
|
+
},
|
|
338
|
+
"description": "DEPRECATED - use `appearance` property",
|
|
339
|
+
"name": "onDark",
|
|
340
|
+
"kind": "field",
|
|
341
|
+
"inheritedFrom": {
|
|
342
|
+
"name": "AuroButton",
|
|
343
|
+
"module": "src/auro-button.js"
|
|
344
|
+
}
|
|
345
|
+
},
|
|
346
|
+
{
|
|
347
|
+
"kind": "field",
|
|
348
|
+
"name": "onHover",
|
|
349
|
+
"privacy": "private",
|
|
350
|
+
"type": {
|
|
351
|
+
"text": "boolean"
|
|
352
|
+
},
|
|
353
|
+
"attribute": "data-hover",
|
|
354
|
+
"reflects": true,
|
|
355
|
+
"inheritedFrom": {
|
|
356
|
+
"name": "AuroButton",
|
|
357
|
+
"module": "src/auro-button.js"
|
|
358
|
+
}
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"kind": "method",
|
|
362
|
+
"name": "onPointerEvent",
|
|
363
|
+
"parameters": [
|
|
364
|
+
{
|
|
365
|
+
"name": "event",
|
|
366
|
+
"description": "The pointer event.",
|
|
367
|
+
"type": {
|
|
368
|
+
"text": "PointerEvent"
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
],
|
|
372
|
+
"description": "This is to detect pointer events for hover and active states for styling purposes.\n:host with :has selector dont work together in Safari and Firefox",
|
|
373
|
+
"privacy": "private",
|
|
374
|
+
"inheritedFrom": {
|
|
375
|
+
"name": "AuroButton",
|
|
376
|
+
"module": "src/auro-button.js"
|
|
377
|
+
}
|
|
378
|
+
},
|
|
79
379
|
{
|
|
80
380
|
"kind": "method",
|
|
81
381
|
"name": "register",
|
|
@@ -83,7 +383,7 @@
|
|
|
83
383
|
"parameters": [
|
|
84
384
|
{
|
|
85
385
|
"name": "name",
|
|
86
|
-
"default": "\"auro-accordion-
|
|
386
|
+
"default": "\"auro-accordion-button\"",
|
|
87
387
|
"description": "The name of element that you want to register to.",
|
|
88
388
|
"optional": true,
|
|
89
389
|
"type": {
|
|
@@ -91,353 +391,561 @@
|
|
|
91
391
|
}
|
|
92
392
|
}
|
|
93
393
|
],
|
|
94
|
-
"description": "This will register this element with the browser."
|
|
394
|
+
"description": "This will register this element with the browser.",
|
|
395
|
+
"inheritedFrom": {
|
|
396
|
+
"name": "AuroButton",
|
|
397
|
+
"module": "src/auro-button.js"
|
|
398
|
+
}
|
|
95
399
|
},
|
|
96
400
|
{
|
|
97
401
|
"kind": "method",
|
|
98
|
-
"name": "
|
|
99
|
-
"description": "
|
|
402
|
+
"name": "renderLayout",
|
|
403
|
+
"description": "Renders the layout of the button.",
|
|
404
|
+
"return": {
|
|
405
|
+
"type": {
|
|
406
|
+
"text": "TemplateResult"
|
|
407
|
+
}
|
|
408
|
+
},
|
|
409
|
+
"privacy": "private",
|
|
410
|
+
"inheritedFrom": {
|
|
411
|
+
"name": "AuroButton",
|
|
412
|
+
"module": "src/auro-button.js"
|
|
413
|
+
}
|
|
100
414
|
},
|
|
101
415
|
{
|
|
102
416
|
"kind": "method",
|
|
103
|
-
"name": "
|
|
417
|
+
"name": "renderLayoutDefault",
|
|
418
|
+
"description": "Renders the default layout for the button.",
|
|
419
|
+
"return": {
|
|
420
|
+
"type": {
|
|
421
|
+
"text": "TemplateResult"
|
|
422
|
+
}
|
|
423
|
+
},
|
|
424
|
+
"privacy": "private",
|
|
425
|
+
"inheritedFrom": {
|
|
426
|
+
"name": "AuroButton",
|
|
427
|
+
"module": "src/auro-button.js"
|
|
428
|
+
}
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"kind": "field",
|
|
432
|
+
"name": "runtimeUtils",
|
|
433
|
+
"privacy": "private",
|
|
434
|
+
"default": "new AuroLibraryRuntimeUtils()",
|
|
435
|
+
"inheritedFrom": {
|
|
436
|
+
"name": "AuroButton",
|
|
437
|
+
"module": "src/auro-button.js"
|
|
438
|
+
}
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"kind": "field",
|
|
442
|
+
"name": "shape",
|
|
443
|
+
"type": {
|
|
444
|
+
"text": "'default', 'rounded', 'pill', 'circle', 'square'"
|
|
445
|
+
},
|
|
446
|
+
"default": "\"rounded\"",
|
|
447
|
+
"description": "Defines the shape of the button.",
|
|
448
|
+
"inheritedFrom": {
|
|
449
|
+
"name": "AuroButton",
|
|
450
|
+
"module": "src/auro-button.js"
|
|
451
|
+
}
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
"kind": "field",
|
|
455
|
+
"name": "showText",
|
|
456
|
+
"privacy": "private",
|
|
457
|
+
"return": {
|
|
458
|
+
"type": {
|
|
459
|
+
"text": "Boolean"
|
|
460
|
+
}
|
|
461
|
+
},
|
|
462
|
+
"readonly": true,
|
|
463
|
+
"inheritedFrom": {
|
|
464
|
+
"name": "AuroButton",
|
|
465
|
+
"module": "src/auro-button.js"
|
|
466
|
+
}
|
|
467
|
+
},
|
|
468
|
+
{
|
|
469
|
+
"kind": "field",
|
|
470
|
+
"name": "size",
|
|
471
|
+
"type": {
|
|
472
|
+
"text": "'xs', 'sm', 'md', 'lg', 'xl'"
|
|
473
|
+
},
|
|
474
|
+
"default": "\"md\"",
|
|
475
|
+
"description": "Defines the size of the button.",
|
|
476
|
+
"inheritedFrom": {
|
|
477
|
+
"name": "AuroButton",
|
|
478
|
+
"module": "src/auro-button.js"
|
|
479
|
+
}
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"kind": "field",
|
|
483
|
+
"name": "static",
|
|
484
|
+
"privacy": "public",
|
|
485
|
+
"type": {
|
|
486
|
+
"text": "boolean"
|
|
487
|
+
},
|
|
488
|
+
"description": "If true, the button will be static and not respond to user interactions.",
|
|
489
|
+
"default": "false",
|
|
490
|
+
"attribute": "static",
|
|
491
|
+
"reflects": true,
|
|
492
|
+
"inheritedFrom": {
|
|
493
|
+
"name": "AuroButton",
|
|
494
|
+
"module": "src/auro-button.js"
|
|
495
|
+
}
|
|
104
496
|
},
|
|
105
497
|
{
|
|
106
498
|
"kind": "method",
|
|
107
|
-
"name": "
|
|
108
|
-
"
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
"
|
|
113
|
-
"text": "object"
|
|
114
|
-
}
|
|
499
|
+
"name": "surfaceSubmitEvent",
|
|
500
|
+
"description": "Submits the form that this button is associated with.",
|
|
501
|
+
"privacy": "private",
|
|
502
|
+
"return": {
|
|
503
|
+
"type": {
|
|
504
|
+
"text": "void"
|
|
115
505
|
}
|
|
116
|
-
|
|
117
|
-
"
|
|
118
|
-
|
|
506
|
+
},
|
|
507
|
+
"inheritedFrom": {
|
|
508
|
+
"name": "AuroButton",
|
|
509
|
+
"module": "src/auro-button.js"
|
|
510
|
+
}
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"kind": "field",
|
|
514
|
+
"name": "tabindex",
|
|
515
|
+
"privacy": "public",
|
|
516
|
+
"type": {
|
|
517
|
+
"text": "string"
|
|
518
|
+
},
|
|
519
|
+
"description": "Populates `tabindex` to define the focusable sequence in keyboard navigation.\nMust be used with \".\" to ensure the host element does not retain a reference to the `tabindex` attribute.\nExample: `<auro-button .tabindex=\"${this.disabled ? '-1' : '0'}\"></auro-button>`.",
|
|
520
|
+
"attribute": "tabindex",
|
|
521
|
+
"inheritedFrom": {
|
|
522
|
+
"name": "AuroButton",
|
|
523
|
+
"module": "src/auro-button.js"
|
|
524
|
+
}
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"kind": "field",
|
|
528
|
+
"name": "tIndex",
|
|
529
|
+
"privacy": "public",
|
|
530
|
+
"type": {
|
|
531
|
+
"text": "string"
|
|
532
|
+
},
|
|
533
|
+
"description": "Populates `tabindex` to define the focusable sequence in keyboard navigation.",
|
|
534
|
+
"attribute": "tIndex",
|
|
535
|
+
"reflects": true,
|
|
536
|
+
"inheritedFrom": {
|
|
537
|
+
"name": "AuroButton",
|
|
538
|
+
"module": "src/auro-button.js"
|
|
539
|
+
}
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
"kind": "field",
|
|
543
|
+
"name": "title",
|
|
544
|
+
"privacy": "public",
|
|
545
|
+
"type": {
|
|
546
|
+
"text": "string"
|
|
547
|
+
},
|
|
548
|
+
"description": "Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element.",
|
|
549
|
+
"attribute": "title",
|
|
550
|
+
"reflects": true,
|
|
551
|
+
"inheritedFrom": {
|
|
552
|
+
"name": "AuroButton",
|
|
553
|
+
"module": "src/auro-button.js"
|
|
554
|
+
}
|
|
555
|
+
},
|
|
556
|
+
{
|
|
557
|
+
"kind": "field",
|
|
558
|
+
"name": "type",
|
|
559
|
+
"privacy": "public",
|
|
560
|
+
"type": {
|
|
561
|
+
"text": "'submit', 'reset', 'button'"
|
|
562
|
+
},
|
|
563
|
+
"description": "The type of button. Matches HTML5 Button Spec.",
|
|
564
|
+
"attribute": "type",
|
|
565
|
+
"reflects": true,
|
|
566
|
+
"inheritedFrom": {
|
|
567
|
+
"name": "AuroButton",
|
|
568
|
+
"module": "src/auro-button.js"
|
|
569
|
+
}
|
|
570
|
+
},
|
|
571
|
+
{
|
|
572
|
+
"kind": "field",
|
|
573
|
+
"name": "value",
|
|
574
|
+
"privacy": "public",
|
|
575
|
+
"type": {
|
|
576
|
+
"text": "string"
|
|
577
|
+
},
|
|
578
|
+
"description": "Defines the value associated with the button which is submitted with the form data.",
|
|
579
|
+
"attribute": "value",
|
|
580
|
+
"reflects": true,
|
|
581
|
+
"inheritedFrom": {
|
|
582
|
+
"name": "AuroButton",
|
|
583
|
+
"module": "src/auro-button.js"
|
|
584
|
+
}
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"kind": "field",
|
|
588
|
+
"name": "variant",
|
|
589
|
+
"privacy": "public",
|
|
590
|
+
"type": {
|
|
591
|
+
"text": "'primary', 'secondary', 'tertiary', 'ghost', 'flat'"
|
|
592
|
+
},
|
|
593
|
+
"description": "Sets the button variant.",
|
|
594
|
+
"default": "\"primary\"",
|
|
595
|
+
"attribute": "variant",
|
|
596
|
+
"reflects": true,
|
|
597
|
+
"inheritedFrom": {
|
|
598
|
+
"name": "AuroButton",
|
|
599
|
+
"module": "src/auro-button.js"
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
],
|
|
603
|
+
"attributes": [
|
|
604
|
+
{
|
|
605
|
+
"name": "ariaexpanded",
|
|
606
|
+
"type": {
|
|
607
|
+
"text": "boolean"
|
|
608
|
+
},
|
|
609
|
+
"default": "false",
|
|
610
|
+
"fieldName": "ariaexpanded"
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"name": "autofocus",
|
|
614
|
+
"type": {
|
|
615
|
+
"text": "boolean"
|
|
616
|
+
},
|
|
617
|
+
"description": "This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user.",
|
|
618
|
+
"default": "false",
|
|
619
|
+
"fieldName": "autofocus",
|
|
620
|
+
"inheritedFrom": {
|
|
621
|
+
"name": "AuroButton",
|
|
622
|
+
"module": "src/auro-button.js"
|
|
623
|
+
}
|
|
624
|
+
},
|
|
625
|
+
{
|
|
626
|
+
"name": "buttonHref",
|
|
627
|
+
"type": {
|
|
628
|
+
"text": "string"
|
|
629
|
+
},
|
|
630
|
+
"default": "undefined",
|
|
631
|
+
"fieldName": "buttonHref",
|
|
632
|
+
"inheritedFrom": {
|
|
633
|
+
"name": "AuroButton",
|
|
634
|
+
"module": "src/auro-button.js"
|
|
635
|
+
}
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "buttonRel",
|
|
639
|
+
"type": {
|
|
640
|
+
"text": "string"
|
|
641
|
+
},
|
|
642
|
+
"default": "undefined",
|
|
643
|
+
"fieldName": "buttonRel",
|
|
644
|
+
"inheritedFrom": {
|
|
645
|
+
"name": "AuroButton",
|
|
646
|
+
"module": "src/auro-button.js"
|
|
647
|
+
}
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"name": "buttonTarget",
|
|
651
|
+
"type": {
|
|
652
|
+
"text": "string"
|
|
653
|
+
},
|
|
654
|
+
"default": "undefined",
|
|
655
|
+
"fieldName": "buttonTarget",
|
|
656
|
+
"inheritedFrom": {
|
|
657
|
+
"name": "AuroButton",
|
|
658
|
+
"module": "src/auro-button.js"
|
|
659
|
+
}
|
|
660
|
+
},
|
|
661
|
+
{
|
|
662
|
+
"name": "data-active",
|
|
663
|
+
"type": {
|
|
664
|
+
"text": "boolean"
|
|
665
|
+
},
|
|
666
|
+
"fieldName": "onActive",
|
|
667
|
+
"inheritedFrom": {
|
|
668
|
+
"name": "AuroButton",
|
|
669
|
+
"module": "src/auro-button.js"
|
|
670
|
+
}
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"name": "data-hover",
|
|
674
|
+
"type": {
|
|
675
|
+
"text": "boolean"
|
|
676
|
+
},
|
|
677
|
+
"fieldName": "onHover",
|
|
678
|
+
"inheritedFrom": {
|
|
679
|
+
"name": "AuroButton",
|
|
680
|
+
"module": "src/auro-button.js"
|
|
681
|
+
}
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"name": "disabled",
|
|
685
|
+
"type": {
|
|
686
|
+
"text": "boolean"
|
|
687
|
+
},
|
|
688
|
+
"description": "If set to true, button will become disabled and not allow for interactions.",
|
|
689
|
+
"default": "false",
|
|
690
|
+
"fieldName": "disabled",
|
|
691
|
+
"inheritedFrom": {
|
|
692
|
+
"name": "AuroButton",
|
|
693
|
+
"module": "src/auro-button.js"
|
|
694
|
+
}
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"name": "fluid",
|
|
698
|
+
"type": {
|
|
699
|
+
"text": "boolean"
|
|
700
|
+
},
|
|
701
|
+
"description": "Alters the shape of the button to be full width of its parent container.",
|
|
702
|
+
"default": "false",
|
|
703
|
+
"fieldName": "fluid",
|
|
704
|
+
"inheritedFrom": {
|
|
705
|
+
"name": "AuroButton",
|
|
706
|
+
"module": "src/auro-button.js"
|
|
707
|
+
}
|
|
119
708
|
},
|
|
120
709
|
{
|
|
121
|
-
"
|
|
122
|
-
"
|
|
123
|
-
|
|
124
|
-
|
|
710
|
+
"name": "loading",
|
|
711
|
+
"type": {
|
|
712
|
+
"text": "boolean"
|
|
713
|
+
},
|
|
714
|
+
"description": "If set to true button text will be replaced with `auro-loader` and become disabled.",
|
|
715
|
+
"default": "false",
|
|
716
|
+
"fieldName": "loading",
|
|
717
|
+
"inheritedFrom": {
|
|
718
|
+
"name": "AuroButton",
|
|
719
|
+
"module": "src/auro-button.js"
|
|
720
|
+
}
|
|
125
721
|
},
|
|
126
722
|
{
|
|
127
|
-
"
|
|
128
|
-
"
|
|
129
|
-
|
|
130
|
-
|
|
723
|
+
"name": "loadingText",
|
|
724
|
+
"type": {
|
|
725
|
+
"text": "string"
|
|
726
|
+
},
|
|
727
|
+
"description": "DEPRECATED - Use `slot=\"ariaLabel.loading\"` instead.",
|
|
728
|
+
"fieldName": "loadingText",
|
|
729
|
+
"inheritedFrom": {
|
|
730
|
+
"name": "AuroButton",
|
|
731
|
+
"module": "src/auro-button.js"
|
|
732
|
+
}
|
|
131
733
|
},
|
|
132
734
|
{
|
|
133
|
-
"
|
|
134
|
-
"name": "emphasis",
|
|
135
|
-
"privacy": "public",
|
|
735
|
+
"name": "static",
|
|
136
736
|
"type": {
|
|
137
737
|
"text": "boolean"
|
|
138
738
|
},
|
|
139
|
-
"description": "If
|
|
140
|
-
"
|
|
141
|
-
"
|
|
739
|
+
"description": "If true, the button will be static and not respond to user interactions.",
|
|
740
|
+
"default": "false",
|
|
741
|
+
"fieldName": "static",
|
|
742
|
+
"inheritedFrom": {
|
|
743
|
+
"name": "AuroButton",
|
|
744
|
+
"module": "src/auro-button.js"
|
|
745
|
+
}
|
|
142
746
|
},
|
|
143
747
|
{
|
|
144
|
-
"
|
|
145
|
-
"name": "variant",
|
|
146
|
-
"privacy": "public",
|
|
748
|
+
"name": "tabindex",
|
|
147
749
|
"type": {
|
|
148
750
|
"text": "string"
|
|
149
751
|
},
|
|
150
|
-
"description": "
|
|
151
|
-
"
|
|
152
|
-
"
|
|
752
|
+
"description": "Populates `tabindex` to define the focusable sequence in keyboard navigation.\nMust be used with \".\" to ensure the host element does not retain a reference to the `tabindex` attribute.\nExample: `<auro-button .tabindex=\"${this.disabled ? '-1' : '0'}\"></auro-button>`.",
|
|
753
|
+
"fieldName": "tabindex",
|
|
754
|
+
"inheritedFrom": {
|
|
755
|
+
"name": "AuroButton",
|
|
756
|
+
"module": "src/auro-button.js"
|
|
757
|
+
}
|
|
153
758
|
},
|
|
154
759
|
{
|
|
155
|
-
"
|
|
156
|
-
"name": "disabled",
|
|
157
|
-
"privacy": "public",
|
|
760
|
+
"name": "tIndex",
|
|
158
761
|
"type": {
|
|
159
|
-
"text": "
|
|
762
|
+
"text": "string"
|
|
160
763
|
},
|
|
161
|
-
"description": "
|
|
162
|
-
"
|
|
163
|
-
"
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
764
|
+
"description": "Populates `tabindex` to define the focusable sequence in keyboard navigation.",
|
|
765
|
+
"fieldName": "tIndex",
|
|
766
|
+
"inheritedFrom": {
|
|
767
|
+
"name": "AuroButton",
|
|
768
|
+
"module": "src/auro-button.js"
|
|
769
|
+
}
|
|
770
|
+
},
|
|
167
771
|
{
|
|
168
|
-
"name": "
|
|
772
|
+
"name": "title",
|
|
169
773
|
"type": {
|
|
170
|
-
"text": "
|
|
774
|
+
"text": "string"
|
|
171
775
|
},
|
|
172
|
-
"description": "
|
|
173
|
-
"fieldName": "
|
|
776
|
+
"description": "Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element.",
|
|
777
|
+
"fieldName": "title",
|
|
778
|
+
"inheritedFrom": {
|
|
779
|
+
"name": "AuroButton",
|
|
780
|
+
"module": "src/auro-button.js"
|
|
781
|
+
}
|
|
174
782
|
},
|
|
175
783
|
{
|
|
176
|
-
"name": "
|
|
784
|
+
"name": "type",
|
|
785
|
+
"type": {
|
|
786
|
+
"text": "'submit', 'reset', 'button'"
|
|
787
|
+
},
|
|
788
|
+
"description": "The type of button. Matches HTML5 Button Spec.",
|
|
789
|
+
"fieldName": "type",
|
|
790
|
+
"inheritedFrom": {
|
|
791
|
+
"name": "AuroButton",
|
|
792
|
+
"module": "src/auro-button.js"
|
|
793
|
+
}
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"name": "value",
|
|
177
797
|
"type": {
|
|
178
798
|
"text": "string"
|
|
179
799
|
},
|
|
180
|
-
"description": "
|
|
181
|
-
"fieldName": "
|
|
800
|
+
"description": "Defines the value associated with the button which is submitted with the form data.",
|
|
801
|
+
"fieldName": "value",
|
|
802
|
+
"inheritedFrom": {
|
|
803
|
+
"name": "AuroButton",
|
|
804
|
+
"module": "src/auro-button.js"
|
|
805
|
+
}
|
|
182
806
|
},
|
|
183
807
|
{
|
|
184
|
-
"name": "
|
|
808
|
+
"name": "variant",
|
|
185
809
|
"type": {
|
|
186
|
-
"text": "
|
|
810
|
+
"text": "'primary', 'secondary', 'tertiary', 'ghost', 'flat'"
|
|
187
811
|
},
|
|
188
|
-
"description": "
|
|
189
|
-
"
|
|
812
|
+
"description": "Sets the button variant.",
|
|
813
|
+
"default": "\"primary\"",
|
|
814
|
+
"fieldName": "variant",
|
|
815
|
+
"inheritedFrom": {
|
|
816
|
+
"name": "AuroButton",
|
|
817
|
+
"module": "src/auro-button.js"
|
|
818
|
+
}
|
|
190
819
|
}
|
|
191
820
|
],
|
|
192
821
|
"superclass": {
|
|
193
|
-
"name": "
|
|
194
|
-
"package": "
|
|
195
|
-
}
|
|
196
|
-
"customElement": true
|
|
822
|
+
"name": "AuroButton",
|
|
823
|
+
"package": "@aurodesignsystem/auro-button/class"
|
|
824
|
+
}
|
|
197
825
|
}
|
|
198
826
|
],
|
|
199
827
|
"exports": [
|
|
200
828
|
{
|
|
201
829
|
"kind": "js",
|
|
202
|
-
"name": "
|
|
830
|
+
"name": "AuroAccordionButton",
|
|
203
831
|
"declaration": {
|
|
204
|
-
"name": "
|
|
205
|
-
"module": "src/auro-accordion-
|
|
832
|
+
"name": "AuroAccordionButton",
|
|
833
|
+
"module": "src/auro-accordion-button.js"
|
|
206
834
|
}
|
|
207
835
|
}
|
|
208
836
|
]
|
|
209
837
|
},
|
|
210
838
|
{
|
|
211
839
|
"kind": "javascript-module",
|
|
212
|
-
"path": "src/auro-accordion.js",
|
|
840
|
+
"path": "src/auro-accordion-group.js",
|
|
213
841
|
"declarations": [
|
|
214
842
|
{
|
|
215
843
|
"kind": "class",
|
|
216
|
-
"description": "
|
|
217
|
-
"name": "
|
|
218
|
-
"
|
|
219
|
-
{
|
|
220
|
-
"description": "Apply CSS to Accordion wrapper.",
|
|
221
|
-
"name": "accordion"
|
|
222
|
-
},
|
|
223
|
-
{
|
|
224
|
-
"description": "Apply CSS to trigger element.",
|
|
225
|
-
"name": "trigger"
|
|
226
|
-
},
|
|
844
|
+
"description": "The `auro-accordion-group` element allows users to group accordions together and give them an auto closing functionality when others are selected.",
|
|
845
|
+
"name": "AuroAccordionGroup",
|
|
846
|
+
"members": [
|
|
227
847
|
{
|
|
228
|
-
"
|
|
229
|
-
"name": "
|
|
848
|
+
"kind": "field",
|
|
849
|
+
"name": "disabled",
|
|
850
|
+
"privacy": "public",
|
|
851
|
+
"type": {
|
|
852
|
+
"text": "boolean"
|
|
853
|
+
},
|
|
854
|
+
"description": "If set, the whole accordion inside the group are disabled and have reduced opacity.",
|
|
855
|
+
"attribute": "disabled",
|
|
856
|
+
"reflects": true
|
|
230
857
|
},
|
|
231
858
|
{
|
|
232
|
-
"
|
|
233
|
-
"name": "
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
"description": "
|
|
239
|
-
"
|
|
859
|
+
"kind": "field",
|
|
860
|
+
"name": "emphasis",
|
|
861
|
+
"privacy": "public",
|
|
862
|
+
"type": {
|
|
863
|
+
"text": "boolean"
|
|
864
|
+
},
|
|
865
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
866
|
+
"attribute": "emphasis",
|
|
867
|
+
"reflects": true
|
|
240
868
|
},
|
|
241
|
-
{
|
|
242
|
-
"description": "Defines the content of the trigger element.",
|
|
243
|
-
"name": "trigger"
|
|
244
|
-
}
|
|
245
|
-
],
|
|
246
|
-
"members": [
|
|
247
869
|
{
|
|
248
870
|
"kind": "method",
|
|
249
|
-
"name": "
|
|
250
|
-
"
|
|
251
|
-
"
|
|
252
|
-
{
|
|
253
|
-
"name": "name",
|
|
254
|
-
"default": "\"auro-accordion\"",
|
|
255
|
-
"description": "The name of element that you want to register to.",
|
|
256
|
-
"optional": true,
|
|
257
|
-
"type": {
|
|
258
|
-
"text": "string"
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
],
|
|
262
|
-
"description": "This will register this element with the browser."
|
|
871
|
+
"name": "handleItems",
|
|
872
|
+
"description": "Internal function to add all accordions into an array.",
|
|
873
|
+
"privacy": "private"
|
|
263
874
|
},
|
|
264
875
|
{
|
|
265
876
|
"kind": "method",
|
|
266
|
-
"name": "
|
|
267
|
-
"
|
|
268
|
-
|
|
269
|
-
"return": {
|
|
270
|
-
"type": {
|
|
271
|
-
"text": "TemplateResult"
|
|
272
|
-
}
|
|
877
|
+
"name": "handleSlotContentChange",
|
|
878
|
+
"type": {
|
|
879
|
+
"text": "handleSlotContentChange() => void"
|
|
273
880
|
}
|
|
274
881
|
},
|
|
275
882
|
{
|
|
276
883
|
"kind": "method",
|
|
277
|
-
"name": "
|
|
884
|
+
"name": "handleToggleExpanded",
|
|
278
885
|
"parameters": [
|
|
279
886
|
{
|
|
280
|
-
"name": "
|
|
281
|
-
"description": "
|
|
887
|
+
"name": "event",
|
|
888
|
+
"description": "Standard event parameter.",
|
|
282
889
|
"type": {
|
|
283
|
-
"text": "
|
|
890
|
+
"text": "object"
|
|
284
891
|
}
|
|
285
892
|
}
|
|
286
893
|
],
|
|
287
|
-
"description": "
|
|
288
|
-
"privacy": "private"
|
|
289
|
-
"return": {
|
|
290
|
-
"type": {
|
|
291
|
-
"text": "string"
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
},
|
|
295
|
-
{
|
|
296
|
-
"kind": "method",
|
|
297
|
-
"name": "toggle",
|
|
298
|
-
"description": "Toggles the visibility of the accordion content."
|
|
894
|
+
"description": "Internal function to toggle any expanded panels if it is not the one selected.",
|
|
895
|
+
"privacy": "private"
|
|
299
896
|
},
|
|
300
897
|
{
|
|
301
898
|
"kind": "method",
|
|
302
|
-
"name": "
|
|
899
|
+
"name": "register",
|
|
900
|
+
"static": true,
|
|
303
901
|
"parameters": [
|
|
304
902
|
{
|
|
305
|
-
"name": "
|
|
306
|
-
"
|
|
903
|
+
"name": "name",
|
|
904
|
+
"default": "\"auro-accordion-group\"",
|
|
905
|
+
"description": "The name of the element that you want to register.",
|
|
906
|
+
"optional": true,
|
|
307
907
|
"type": {
|
|
308
|
-
"text": "
|
|
908
|
+
"text": "string"
|
|
309
909
|
}
|
|
310
910
|
}
|
|
311
911
|
],
|
|
312
|
-
"description": "
|
|
313
|
-
"
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
"kind": "field",
|
|
317
|
-
"name": "iconTag",
|
|
318
|
-
"privacy": "private"
|
|
319
|
-
},
|
|
320
|
-
{
|
|
321
|
-
"kind": "field",
|
|
322
|
-
"name": "buttonNameHash",
|
|
323
|
-
"privacy": "private"
|
|
324
|
-
},
|
|
325
|
-
{
|
|
326
|
-
"kind": "field",
|
|
327
|
-
"name": "buttonTag",
|
|
328
|
-
"privacy": "private"
|
|
912
|
+
"description": "This will register this element with the browser.",
|
|
913
|
+
"type": {
|
|
914
|
+
"text": "register(name?: string = \"auro-accordion-group\") => void"
|
|
915
|
+
}
|
|
329
916
|
},
|
|
330
917
|
{
|
|
331
918
|
"kind": "field",
|
|
332
919
|
"name": "runtimeUtils",
|
|
333
920
|
"privacy": "private",
|
|
334
|
-
"default": "new AuroLibraryRuntimeUtils()"
|
|
335
|
-
},
|
|
336
|
-
{
|
|
337
|
-
"kind": "field",
|
|
338
|
-
"name": "expanded",
|
|
339
|
-
"privacy": "public",
|
|
340
|
-
"type": {
|
|
341
|
-
"text": "boolean"
|
|
342
|
-
},
|
|
343
|
-
"description": "If set, the accordion is expanded.",
|
|
344
|
-
"default": "false",
|
|
345
|
-
"attribute": "expanded",
|
|
346
|
-
"reflects": true
|
|
347
|
-
},
|
|
348
|
-
{
|
|
349
|
-
"kind": "field",
|
|
350
|
-
"name": "alignRight",
|
|
351
|
-
"privacy": "public",
|
|
352
|
-
"type": {
|
|
353
|
-
"text": "boolean"
|
|
354
|
-
},
|
|
355
|
-
"description": "If set, the trigger content will align right.",
|
|
356
|
-
"attribute": "alignRight",
|
|
357
|
-
"reflects": true
|
|
358
|
-
},
|
|
359
|
-
{
|
|
360
|
-
"kind": "field",
|
|
361
|
-
"name": "emphasis",
|
|
362
|
-
"privacy": "public",
|
|
363
|
-
"type": {
|
|
364
|
-
"text": "boolean"
|
|
365
|
-
},
|
|
366
|
-
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
367
|
-
"attribute": "emphasis",
|
|
368
|
-
"reflects": true
|
|
369
|
-
},
|
|
370
|
-
{
|
|
371
|
-
"kind": "field",
|
|
372
|
-
"name": "grouped",
|
|
373
|
-
"privacy": "public",
|
|
374
|
-
"type": {
|
|
375
|
-
"text": "boolean"
|
|
376
|
-
},
|
|
377
|
-
"description": "Attribute will be set on accordion when it appears in an accordion group.",
|
|
378
|
-
"attribute": "grouped",
|
|
379
|
-
"reflects": true
|
|
921
|
+
"default": "new AuroLibraryRuntimeUtils()"
|
|
380
922
|
},
|
|
381
923
|
{
|
|
382
|
-
"kind": "
|
|
383
|
-
"name": "
|
|
384
|
-
"
|
|
385
|
-
"
|
|
386
|
-
"text": "string"
|
|
387
|
-
},
|
|
388
|
-
"description": "Sets chevron variant option. Possible values are: `none`, `right`.",
|
|
389
|
-
"attribute": "chevron",
|
|
390
|
-
"reflects": true
|
|
924
|
+
"kind": "method",
|
|
925
|
+
"name": "updateDisabledState",
|
|
926
|
+
"description": "Updates the disabled state of all child `<auro-accordion>` elements\nto match the disabled state of the `<auro-accordion-group>` element.",
|
|
927
|
+
"privacy": "private"
|
|
391
928
|
},
|
|
392
929
|
{
|
|
393
930
|
"kind": "field",
|
|
394
931
|
"name": "variant",
|
|
395
932
|
"privacy": "public",
|
|
396
933
|
"type": {
|
|
397
|
-
"text": "
|
|
934
|
+
"text": "'sm' | 'lg'"
|
|
398
935
|
},
|
|
399
|
-
"description": "Sets accordion variant option.
|
|
936
|
+
"description": "Sets accordion variant option.",
|
|
400
937
|
"attribute": "variant",
|
|
401
938
|
"reflects": true
|
|
402
|
-
},
|
|
403
|
-
{
|
|
404
|
-
"kind": "field",
|
|
405
|
-
"name": "disabled",
|
|
406
|
-
"privacy": "public",
|
|
407
|
-
"type": {
|
|
408
|
-
"text": "boolean"
|
|
409
|
-
},
|
|
410
|
-
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
411
|
-
"attribute": "disabled",
|
|
412
|
-
"reflects": true
|
|
413
|
-
}
|
|
414
|
-
],
|
|
415
|
-
"events": [
|
|
416
|
-
{
|
|
417
|
-
"name": "toggleExpanded",
|
|
418
|
-
"type": {
|
|
419
|
-
"text": "CustomEvent"
|
|
420
|
-
},
|
|
421
|
-
"description": "Notifies that the accordion has been expanded or closed."
|
|
422
939
|
}
|
|
423
940
|
],
|
|
424
941
|
"attributes": [
|
|
425
942
|
{
|
|
426
|
-
"name": "
|
|
427
|
-
"type": {
|
|
428
|
-
"text": "boolean"
|
|
429
|
-
},
|
|
430
|
-
"description": "If set, the trigger content will align right.",
|
|
431
|
-
"fieldName": "alignRight"
|
|
432
|
-
},
|
|
433
|
-
{
|
|
434
|
-
"name": "expanded",
|
|
943
|
+
"name": "disabled",
|
|
435
944
|
"type": {
|
|
436
945
|
"text": "boolean"
|
|
437
946
|
},
|
|
438
|
-
"description": "If set, the accordion
|
|
439
|
-
"
|
|
440
|
-
"fieldName": "expanded"
|
|
947
|
+
"description": "If set, the whole accordion inside the group are disabled and have reduced opacity.",
|
|
948
|
+
"fieldName": "disabled"
|
|
441
949
|
},
|
|
442
950
|
{
|
|
443
951
|
"name": "emphasis",
|
|
@@ -447,298 +955,137 @@
|
|
|
447
955
|
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
448
956
|
"fieldName": "emphasis"
|
|
449
957
|
},
|
|
450
|
-
{
|
|
451
|
-
"name": "grouped",
|
|
452
|
-
"type": {
|
|
453
|
-
"text": "boolean"
|
|
454
|
-
},
|
|
455
|
-
"description": "Attribute will be set on accordion when it appears in an accordion group.",
|
|
456
|
-
"fieldName": "grouped"
|
|
457
|
-
},
|
|
458
|
-
{
|
|
459
|
-
"name": "chevron",
|
|
460
|
-
"type": {
|
|
461
|
-
"text": "string"
|
|
462
|
-
},
|
|
463
|
-
"description": "Sets chevron variant option. Possible values are: `none`, `right`.",
|
|
464
|
-
"fieldName": "chevron"
|
|
465
|
-
},
|
|
466
958
|
{
|
|
467
959
|
"name": "variant",
|
|
468
960
|
"type": {
|
|
469
|
-
"text": "
|
|
961
|
+
"text": "'sm' | 'lg'"
|
|
470
962
|
},
|
|
471
|
-
"description": "Sets accordion variant option.
|
|
963
|
+
"description": "Sets accordion variant option.",
|
|
472
964
|
"fieldName": "variant"
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"name": "disabled",
|
|
476
|
-
"type": {
|
|
477
|
-
"text": "boolean"
|
|
478
|
-
},
|
|
479
|
-
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
480
|
-
"fieldName": "disabled"
|
|
481
965
|
}
|
|
482
966
|
],
|
|
483
967
|
"superclass": {
|
|
484
968
|
"name": "LitElement",
|
|
485
969
|
"package": "lit"
|
|
486
970
|
},
|
|
487
|
-
"
|
|
971
|
+
"tagName": "auro-accordion-group",
|
|
972
|
+
"customElement": true,
|
|
973
|
+
"modulePath": "src/auro-accordion-group.js"
|
|
488
974
|
}
|
|
489
975
|
],
|
|
490
976
|
"exports": [
|
|
491
|
-
{
|
|
492
|
-
"kind": "js",
|
|
493
|
-
"name": "AuroAccordion",
|
|
494
|
-
"declaration": {
|
|
495
|
-
"name": "AuroAccordion",
|
|
496
|
-
"module": "src/auro-accordion.js"
|
|
497
|
-
}
|
|
498
|
-
}
|
|
499
|
-
]
|
|
500
|
-
},
|
|
501
|
-
{
|
|
502
|
-
"kind": "javascript-module",
|
|
503
|
-
"path": "src/iconVersion.js",
|
|
504
|
-
"declarations": [],
|
|
505
|
-
"exports": [
|
|
506
|
-
{
|
|
507
|
-
"kind": "js",
|
|
508
|
-
"name": "default",
|
|
509
|
-
"declaration": {
|
|
510
|
-
"name": "9.1.0",
|
|
511
|
-
"module": "src/iconVersion.js"
|
|
512
|
-
}
|
|
513
|
-
}
|
|
514
|
-
]
|
|
515
|
-
},
|
|
516
|
-
{
|
|
517
|
-
"kind": "javascript-module",
|
|
518
|
-
"path": "src/index.js",
|
|
519
|
-
"declarations": [],
|
|
520
|
-
"exports": [
|
|
521
|
-
{
|
|
522
|
-
"kind": "js",
|
|
523
|
-
"name": "AuroAccordion",
|
|
524
|
-
"declaration": {
|
|
525
|
-
"name": "AuroAccordion",
|
|
526
|
-
"module": "src/index.js"
|
|
527
|
-
}
|
|
528
|
-
},
|
|
529
977
|
{
|
|
530
978
|
"kind": "js",
|
|
531
979
|
"name": "AuroAccordionGroup",
|
|
532
980
|
"declaration": {
|
|
533
981
|
"name": "AuroAccordionGroup",
|
|
534
|
-
"module": "src/
|
|
535
|
-
}
|
|
536
|
-
},
|
|
537
|
-
{
|
|
538
|
-
"kind": "js",
|
|
539
|
-
"name": "AuroAccordionButton",
|
|
540
|
-
"declaration": {
|
|
541
|
-
"name": "AuroAccordionButton",
|
|
542
|
-
"module": "src/index.js"
|
|
982
|
+
"module": "src/auro-accordion-group.js"
|
|
543
983
|
}
|
|
544
984
|
}
|
|
545
985
|
]
|
|
546
986
|
},
|
|
547
987
|
{
|
|
548
988
|
"kind": "javascript-module",
|
|
549
|
-
"path": "src/
|
|
550
|
-
"declarations": [],
|
|
551
|
-
"exports": []
|
|
552
|
-
},
|
|
553
|
-
{
|
|
554
|
-
"kind": "javascript-module",
|
|
555
|
-
"path": "scripts/wca/auro-accordion.js",
|
|
989
|
+
"path": "src/auro-accordion.js",
|
|
556
990
|
"declarations": [
|
|
557
991
|
{
|
|
558
992
|
"kind": "class",
|
|
559
|
-
"description": "
|
|
560
|
-
"name": "
|
|
561
|
-
"
|
|
562
|
-
"name": "AuroAccordion",
|
|
563
|
-
"module": "/src/auro-accordion.js"
|
|
564
|
-
},
|
|
565
|
-
"tagName": "auro-accordion",
|
|
566
|
-
"customElement": true,
|
|
567
|
-
"slots": [
|
|
993
|
+
"description": "The `auro-accordion` element provides users a way to have collapsible content on a page.",
|
|
994
|
+
"name": "AuroAccordion",
|
|
995
|
+
"cssParts": [
|
|
568
996
|
{
|
|
569
|
-
"description": "
|
|
570
|
-
"name": ""
|
|
571
|
-
"inheritedFrom": {
|
|
572
|
-
"name": "AuroAccordion",
|
|
573
|
-
"module": "src/auro-accordion.js"
|
|
574
|
-
}
|
|
997
|
+
"description": "Apply CSS to Accordion wrapper.",
|
|
998
|
+
"name": "accordion"
|
|
575
999
|
},
|
|
576
1000
|
{
|
|
577
|
-
"description": "
|
|
578
|
-
"name": "
|
|
579
|
-
|
|
580
|
-
"name": "AuroAccordion",
|
|
581
|
-
"module": "src/auro-accordion.js"
|
|
582
|
-
}
|
|
583
|
-
}
|
|
584
|
-
],
|
|
585
|
-
"cssParts": [
|
|
1001
|
+
"description": "Apply CSS to chevron icon.",
|
|
1002
|
+
"name": "chevron"
|
|
1003
|
+
},
|
|
586
1004
|
{
|
|
587
|
-
"description": "Apply CSS to
|
|
588
|
-
"name": "
|
|
589
|
-
"inheritedFrom": {
|
|
590
|
-
"name": "AuroAccordion",
|
|
591
|
-
"module": "src/auro-accordion.js"
|
|
592
|
-
}
|
|
1005
|
+
"description": "Apply CSS to the accordion content.",
|
|
1006
|
+
"name": "content"
|
|
593
1007
|
},
|
|
594
1008
|
{
|
|
595
1009
|
"description": "Apply CSS to trigger element.",
|
|
596
|
-
"name": "trigger"
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
}
|
|
601
|
-
},
|
|
1010
|
+
"name": "trigger"
|
|
1011
|
+
}
|
|
1012
|
+
],
|
|
1013
|
+
"slots": [
|
|
602
1014
|
{
|
|
603
|
-
"description": "
|
|
604
|
-
"name": "
|
|
605
|
-
"inheritedFrom": {
|
|
606
|
-
"name": "AuroAccordion",
|
|
607
|
-
"module": "src/auro-accordion.js"
|
|
608
|
-
}
|
|
1015
|
+
"description": "Default slot for the accordion content.",
|
|
1016
|
+
"name": ""
|
|
609
1017
|
},
|
|
610
1018
|
{
|
|
611
|
-
"description": "
|
|
612
|
-
"name": "
|
|
613
|
-
"inheritedFrom": {
|
|
614
|
-
"name": "AuroAccordion",
|
|
615
|
-
"module": "src/auro-accordion.js"
|
|
616
|
-
}
|
|
1019
|
+
"description": "Defines the content of the trigger element.",
|
|
1020
|
+
"name": "trigger"
|
|
617
1021
|
}
|
|
618
1022
|
],
|
|
619
|
-
"
|
|
1023
|
+
"members": [
|
|
620
1024
|
{
|
|
1025
|
+
"kind": "field",
|
|
621
1026
|
"name": "alignRight",
|
|
1027
|
+
"privacy": "public",
|
|
622
1028
|
"type": {
|
|
623
1029
|
"text": "boolean"
|
|
624
1030
|
},
|
|
625
1031
|
"description": "If set, the trigger content will align right.",
|
|
626
|
-
"
|
|
627
|
-
"
|
|
628
|
-
"name": "AuroAccordion",
|
|
629
|
-
"module": "src/auro-accordion.js"
|
|
630
|
-
}
|
|
631
|
-
},
|
|
632
|
-
{
|
|
633
|
-
"name": "expanded",
|
|
634
|
-
"type": {
|
|
635
|
-
"text": "boolean"
|
|
636
|
-
},
|
|
637
|
-
"description": "If set, the accordion is expanded.",
|
|
638
|
-
"default": "false",
|
|
639
|
-
"fieldName": "expanded",
|
|
640
|
-
"inheritedFrom": {
|
|
641
|
-
"name": "AuroAccordion",
|
|
642
|
-
"module": "src/auro-accordion.js"
|
|
643
|
-
}
|
|
1032
|
+
"attribute": "alignRight",
|
|
1033
|
+
"reflects": true
|
|
644
1034
|
},
|
|
645
1035
|
{
|
|
646
|
-
"
|
|
647
|
-
"
|
|
648
|
-
|
|
649
|
-
},
|
|
650
|
-
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
651
|
-
"fieldName": "emphasis",
|
|
652
|
-
"inheritedFrom": {
|
|
653
|
-
"name": "AuroAccordion",
|
|
654
|
-
"module": "src/auro-accordion.js"
|
|
655
|
-
}
|
|
1036
|
+
"kind": "field",
|
|
1037
|
+
"name": "buttonNameHash",
|
|
1038
|
+
"privacy": "private"
|
|
656
1039
|
},
|
|
657
1040
|
{
|
|
658
|
-
"
|
|
659
|
-
"
|
|
660
|
-
|
|
661
|
-
},
|
|
662
|
-
"description": "Attribute will be set on accordion when it appears in an accordion group.",
|
|
663
|
-
"fieldName": "grouped",
|
|
664
|
-
"inheritedFrom": {
|
|
665
|
-
"name": "AuroAccordion",
|
|
666
|
-
"module": "src/auro-accordion.js"
|
|
667
|
-
}
|
|
1041
|
+
"kind": "field",
|
|
1042
|
+
"name": "buttonTag",
|
|
1043
|
+
"privacy": "private"
|
|
668
1044
|
},
|
|
669
1045
|
{
|
|
1046
|
+
"kind": "field",
|
|
670
1047
|
"name": "chevron",
|
|
1048
|
+
"privacy": "public",
|
|
671
1049
|
"type": {
|
|
672
|
-
"text": "
|
|
673
|
-
},
|
|
674
|
-
"description": "Sets chevron variant option. Possible values are: `none`, `right`.",
|
|
675
|
-
"fieldName": "chevron",
|
|
676
|
-
"inheritedFrom": {
|
|
677
|
-
"name": "AuroAccordion",
|
|
678
|
-
"module": "src/auro-accordion.js"
|
|
679
|
-
}
|
|
680
|
-
},
|
|
681
|
-
{
|
|
682
|
-
"name": "variant",
|
|
683
|
-
"type": {
|
|
684
|
-
"text": "string"
|
|
1050
|
+
"text": "'none' | 'right'"
|
|
685
1051
|
},
|
|
686
|
-
"description": "Sets
|
|
687
|
-
"
|
|
688
|
-
"
|
|
689
|
-
"name": "AuroAccordion",
|
|
690
|
-
"module": "src/auro-accordion.js"
|
|
691
|
-
}
|
|
1052
|
+
"description": "Sets chevron variant option.",
|
|
1053
|
+
"attribute": "chevron",
|
|
1054
|
+
"reflects": true
|
|
692
1055
|
},
|
|
693
1056
|
{
|
|
694
|
-
"
|
|
695
|
-
"
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
"
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
}
|
|
704
|
-
}
|
|
705
|
-
],
|
|
706
|
-
"members": [
|
|
707
|
-
{
|
|
708
|
-
"kind": "method",
|
|
709
|
-
"name": "register",
|
|
710
|
-
"static": true,
|
|
711
|
-
"parameters": [
|
|
712
|
-
{
|
|
713
|
-
"name": "name",
|
|
714
|
-
"default": "\"auro-accordion\"",
|
|
715
|
-
"description": "The name of element that you want to register to.",
|
|
716
|
-
"optional": true,
|
|
717
|
-
"type": {
|
|
718
|
-
"text": "string"
|
|
719
|
-
}
|
|
720
|
-
}
|
|
721
|
-
],
|
|
722
|
-
"description": "This will register this element with the browser.",
|
|
723
|
-
"inheritedFrom": {
|
|
724
|
-
"name": "AuroAccordion",
|
|
725
|
-
"module": "src/auro-accordion.js"
|
|
726
|
-
}
|
|
1057
|
+
"kind": "field",
|
|
1058
|
+
"name": "disabled",
|
|
1059
|
+
"privacy": "public",
|
|
1060
|
+
"type": {
|
|
1061
|
+
"text": "boolean"
|
|
1062
|
+
},
|
|
1063
|
+
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
1064
|
+
"attribute": "disabled",
|
|
1065
|
+
"reflects": true
|
|
727
1066
|
},
|
|
728
1067
|
{
|
|
729
|
-
"kind": "
|
|
730
|
-
"name": "
|
|
731
|
-
"
|
|
732
|
-
"
|
|
733
|
-
|
|
734
|
-
"type": {
|
|
735
|
-
"text": "TemplateResult"
|
|
736
|
-
}
|
|
1068
|
+
"kind": "field",
|
|
1069
|
+
"name": "emphasis",
|
|
1070
|
+
"privacy": "public",
|
|
1071
|
+
"type": {
|
|
1072
|
+
"text": "boolean"
|
|
737
1073
|
},
|
|
738
|
-
"
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
1074
|
+
"description": "If set, emphasis styles will be applied to the auro-accordion. This feature is best used on the auro-accordion-group component.",
|
|
1075
|
+
"attribute": "emphasis",
|
|
1076
|
+
"reflects": true
|
|
1077
|
+
},
|
|
1078
|
+
{
|
|
1079
|
+
"kind": "field",
|
|
1080
|
+
"name": "expanded",
|
|
1081
|
+
"privacy": "public",
|
|
1082
|
+
"type": {
|
|
1083
|
+
"text": "boolean"
|
|
1084
|
+
},
|
|
1085
|
+
"description": "If set, the accordion is expanded.",
|
|
1086
|
+
"default": "false",
|
|
1087
|
+
"attribute": "expanded",
|
|
1088
|
+
"reflects": true
|
|
742
1089
|
},
|
|
743
1090
|
{
|
|
744
1091
|
"kind": "method",
|
|
@@ -758,20 +1105,18 @@
|
|
|
758
1105
|
"type": {
|
|
759
1106
|
"text": "string"
|
|
760
1107
|
}
|
|
761
|
-
},
|
|
762
|
-
"inheritedFrom": {
|
|
763
|
-
"name": "AuroAccordion",
|
|
764
|
-
"module": "src/auro-accordion.js"
|
|
765
1108
|
}
|
|
766
1109
|
},
|
|
767
1110
|
{
|
|
768
|
-
"kind": "
|
|
769
|
-
"name": "
|
|
770
|
-
"
|
|
771
|
-
"
|
|
772
|
-
"
|
|
773
|
-
|
|
774
|
-
|
|
1111
|
+
"kind": "field",
|
|
1112
|
+
"name": "grouped",
|
|
1113
|
+
"privacy": "public",
|
|
1114
|
+
"type": {
|
|
1115
|
+
"text": "boolean"
|
|
1116
|
+
},
|
|
1117
|
+
"description": "Attribute will be set on accordion when it appears in an accordion group.",
|
|
1118
|
+
"attribute": "grouped",
|
|
1119
|
+
"reflects": true
|
|
775
1120
|
},
|
|
776
1121
|
{
|
|
777
1122
|
"kind": "method",
|
|
@@ -786,181 +1131,211 @@
|
|
|
786
1131
|
}
|
|
787
1132
|
],
|
|
788
1133
|
"description": "Toggles the visibility of the accordion content when button gets clicked.",
|
|
789
|
-
"privacy": "private"
|
|
790
|
-
"inheritedFrom": {
|
|
791
|
-
"name": "AuroAccordion",
|
|
792
|
-
"module": "src/auro-accordion.js"
|
|
793
|
-
}
|
|
1134
|
+
"privacy": "private"
|
|
794
1135
|
},
|
|
795
1136
|
{
|
|
796
1137
|
"kind": "field",
|
|
797
1138
|
"name": "iconTag",
|
|
798
|
-
"privacy": "private"
|
|
799
|
-
"inheritedFrom": {
|
|
800
|
-
"name": "AuroAccordion",
|
|
801
|
-
"module": "src/auro-accordion.js"
|
|
802
|
-
}
|
|
1139
|
+
"privacy": "private"
|
|
803
1140
|
},
|
|
804
1141
|
{
|
|
805
|
-
"kind": "
|
|
806
|
-
"name": "
|
|
807
|
-
"
|
|
808
|
-
"
|
|
809
|
-
|
|
810
|
-
|
|
1142
|
+
"kind": "method",
|
|
1143
|
+
"name": "register",
|
|
1144
|
+
"static": true,
|
|
1145
|
+
"parameters": [
|
|
1146
|
+
{
|
|
1147
|
+
"name": "name",
|
|
1148
|
+
"default": "\"auro-accordion\"",
|
|
1149
|
+
"description": "The name of the element that you want to register.",
|
|
1150
|
+
"optional": true,
|
|
1151
|
+
"type": {
|
|
1152
|
+
"text": "string"
|
|
1153
|
+
}
|
|
1154
|
+
}
|
|
1155
|
+
],
|
|
1156
|
+
"description": "This will register this element with the browser.",
|
|
1157
|
+
"type": {
|
|
1158
|
+
"text": "register(name?: string = \"auro-accordion\") => void"
|
|
811
1159
|
}
|
|
812
1160
|
},
|
|
813
1161
|
{
|
|
814
|
-
"kind": "
|
|
815
|
-
"name": "
|
|
1162
|
+
"kind": "method",
|
|
1163
|
+
"name": "renderChevronIcons",
|
|
1164
|
+
"description": "Renders the chevron icons.",
|
|
816
1165
|
"privacy": "private",
|
|
817
|
-
"
|
|
818
|
-
"
|
|
819
|
-
|
|
1166
|
+
"return": {
|
|
1167
|
+
"type": {
|
|
1168
|
+
"text": "TemplateResult"
|
|
1169
|
+
}
|
|
820
1170
|
}
|
|
821
1171
|
},
|
|
822
1172
|
{
|
|
823
1173
|
"kind": "field",
|
|
824
1174
|
"name": "runtimeUtils",
|
|
825
1175
|
"privacy": "private",
|
|
826
|
-
"default": "new AuroLibraryRuntimeUtils()"
|
|
827
|
-
"inheritedFrom": {
|
|
828
|
-
"name": "AuroAccordion",
|
|
829
|
-
"module": "src/auro-accordion.js"
|
|
830
|
-
}
|
|
1176
|
+
"default": "new AuroLibraryRuntimeUtils()"
|
|
831
1177
|
},
|
|
832
1178
|
{
|
|
833
1179
|
"kind": "field",
|
|
834
|
-
"name": "
|
|
835
|
-
"privacy": "public",
|
|
1180
|
+
"name": "shadowRootOptions",
|
|
836
1181
|
"type": {
|
|
837
|
-
"text": "
|
|
1182
|
+
"text": "object"
|
|
838
1183
|
},
|
|
839
|
-
"
|
|
840
|
-
"default": "
|
|
841
|
-
"
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
1184
|
+
"static": true,
|
|
1185
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
|
|
1186
|
+
"privacy": "private"
|
|
1187
|
+
},
|
|
1188
|
+
{
|
|
1189
|
+
"kind": "method",
|
|
1190
|
+
"name": "toggle",
|
|
1191
|
+
"description": "Toggles the visibility of the accordion content.",
|
|
1192
|
+
"type": {
|
|
1193
|
+
"text": "toggle() => void"
|
|
846
1194
|
}
|
|
847
1195
|
},
|
|
848
1196
|
{
|
|
849
1197
|
"kind": "field",
|
|
850
|
-
"name": "
|
|
1198
|
+
"name": "variant",
|
|
851
1199
|
"privacy": "public",
|
|
1200
|
+
"type": {
|
|
1201
|
+
"text": "'sm' | 'lg'"
|
|
1202
|
+
},
|
|
1203
|
+
"description": "Sets accordion variant option.",
|
|
1204
|
+
"attribute": "variant",
|
|
1205
|
+
"reflects": true
|
|
1206
|
+
}
|
|
1207
|
+
],
|
|
1208
|
+
"events": [
|
|
1209
|
+
{
|
|
1210
|
+
"name": "toggleExpanded",
|
|
1211
|
+
"type": {
|
|
1212
|
+
"text": "CustomEvent"
|
|
1213
|
+
},
|
|
1214
|
+
"description": "Notifies that the accordion has been expanded or closed."
|
|
1215
|
+
}
|
|
1216
|
+
],
|
|
1217
|
+
"attributes": [
|
|
1218
|
+
{
|
|
1219
|
+
"name": "alignRight",
|
|
852
1220
|
"type": {
|
|
853
1221
|
"text": "boolean"
|
|
854
1222
|
},
|
|
855
1223
|
"description": "If set, the trigger content will align right.",
|
|
856
|
-
"
|
|
857
|
-
"reflects": true,
|
|
858
|
-
"inheritedFrom": {
|
|
859
|
-
"name": "AuroAccordion",
|
|
860
|
-
"module": "src/auro-accordion.js"
|
|
861
|
-
}
|
|
1224
|
+
"fieldName": "alignRight"
|
|
862
1225
|
},
|
|
863
1226
|
{
|
|
864
|
-
"
|
|
865
|
-
"name": "emphasis",
|
|
866
|
-
"privacy": "public",
|
|
1227
|
+
"name": "chevron",
|
|
867
1228
|
"type": {
|
|
868
|
-
"text": "
|
|
1229
|
+
"text": "'none' | 'right'"
|
|
869
1230
|
},
|
|
870
|
-
"description": "
|
|
871
|
-
"
|
|
872
|
-
"reflects": true,
|
|
873
|
-
"inheritedFrom": {
|
|
874
|
-
"name": "AuroAccordion",
|
|
875
|
-
"module": "src/auro-accordion.js"
|
|
876
|
-
}
|
|
1231
|
+
"description": "Sets chevron variant option.",
|
|
1232
|
+
"fieldName": "chevron"
|
|
877
1233
|
},
|
|
878
1234
|
{
|
|
879
|
-
"
|
|
880
|
-
"name": "grouped",
|
|
881
|
-
"privacy": "public",
|
|
1235
|
+
"name": "disabled",
|
|
882
1236
|
"type": {
|
|
883
1237
|
"text": "boolean"
|
|
884
1238
|
},
|
|
885
|
-
"description": "
|
|
886
|
-
"
|
|
887
|
-
"reflects": true,
|
|
888
|
-
"inheritedFrom": {
|
|
889
|
-
"name": "AuroAccordion",
|
|
890
|
-
"module": "src/auro-accordion.js"
|
|
891
|
-
}
|
|
1239
|
+
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
1240
|
+
"fieldName": "disabled"
|
|
892
1241
|
},
|
|
893
1242
|
{
|
|
894
|
-
"
|
|
895
|
-
"name": "chevron",
|
|
896
|
-
"privacy": "public",
|
|
1243
|
+
"name": "emphasis",
|
|
897
1244
|
"type": {
|
|
898
|
-
"text": "
|
|
1245
|
+
"text": "boolean"
|
|
899
1246
|
},
|
|
900
|
-
"description": "
|
|
901
|
-
"
|
|
902
|
-
"reflects": true,
|
|
903
|
-
"inheritedFrom": {
|
|
904
|
-
"name": "AuroAccordion",
|
|
905
|
-
"module": "src/auro-accordion.js"
|
|
906
|
-
}
|
|
1247
|
+
"description": "If set, emphasis styles will be applied to the auro-accordion. This feature is best used on the auro-accordion-group component.",
|
|
1248
|
+
"fieldName": "emphasis"
|
|
907
1249
|
},
|
|
908
1250
|
{
|
|
909
|
-
"
|
|
910
|
-
"name": "variant",
|
|
911
|
-
"privacy": "public",
|
|
1251
|
+
"name": "expanded",
|
|
912
1252
|
"type": {
|
|
913
|
-
"text": "
|
|
1253
|
+
"text": "boolean"
|
|
914
1254
|
},
|
|
915
|
-
"description": "
|
|
916
|
-
"
|
|
917
|
-
"
|
|
918
|
-
"inheritedFrom": {
|
|
919
|
-
"name": "AuroAccordion",
|
|
920
|
-
"module": "src/auro-accordion.js"
|
|
921
|
-
}
|
|
1255
|
+
"description": "If set, the accordion is expanded.",
|
|
1256
|
+
"default": "false",
|
|
1257
|
+
"fieldName": "expanded"
|
|
922
1258
|
},
|
|
923
1259
|
{
|
|
924
|
-
"
|
|
925
|
-
"name": "disabled",
|
|
926
|
-
"privacy": "public",
|
|
1260
|
+
"name": "grouped",
|
|
927
1261
|
"type": {
|
|
928
1262
|
"text": "boolean"
|
|
929
1263
|
},
|
|
930
|
-
"description": "
|
|
931
|
-
"
|
|
932
|
-
|
|
933
|
-
"inheritedFrom": {
|
|
934
|
-
"name": "AuroAccordion",
|
|
935
|
-
"module": "src/auro-accordion.js"
|
|
936
|
-
}
|
|
937
|
-
}
|
|
938
|
-
],
|
|
939
|
-
"events": [
|
|
1264
|
+
"description": "Attribute will be set on accordion when it appears in an accordion group.",
|
|
1265
|
+
"fieldName": "grouped"
|
|
1266
|
+
},
|
|
940
1267
|
{
|
|
941
|
-
"name": "
|
|
1268
|
+
"name": "variant",
|
|
942
1269
|
"type": {
|
|
943
|
-
"text": "
|
|
1270
|
+
"text": "'sm' | 'lg'"
|
|
944
1271
|
},
|
|
945
|
-
"description": "
|
|
946
|
-
"
|
|
947
|
-
"name": "AuroAccordion",
|
|
948
|
-
"module": "src/auro-accordion.js"
|
|
949
|
-
}
|
|
1272
|
+
"description": "Sets accordion variant option.",
|
|
1273
|
+
"fieldName": "variant"
|
|
950
1274
|
}
|
|
951
|
-
]
|
|
1275
|
+
],
|
|
1276
|
+
"superclass": {
|
|
1277
|
+
"name": "LitElement",
|
|
1278
|
+
"package": "lit"
|
|
1279
|
+
},
|
|
1280
|
+
"tagName": "auro-accordion",
|
|
1281
|
+
"customElement": true,
|
|
1282
|
+
"modulePath": "src/auro-accordion.js"
|
|
952
1283
|
}
|
|
953
1284
|
],
|
|
954
1285
|
"exports": [
|
|
955
1286
|
{
|
|
956
|
-
"kind": "
|
|
957
|
-
"name": "
|
|
1287
|
+
"kind": "js",
|
|
1288
|
+
"name": "AuroAccordion",
|
|
1289
|
+
"declaration": {
|
|
1290
|
+
"name": "AuroAccordion",
|
|
1291
|
+
"module": "src/auro-accordion.js"
|
|
1292
|
+
}
|
|
1293
|
+
}
|
|
1294
|
+
]
|
|
1295
|
+
},
|
|
1296
|
+
{
|
|
1297
|
+
"kind": "javascript-module",
|
|
1298
|
+
"path": "src/iconVersion.js",
|
|
1299
|
+
"declarations": [],
|
|
1300
|
+
"exports": [
|
|
1301
|
+
{
|
|
1302
|
+
"kind": "js",
|
|
1303
|
+
"name": "default",
|
|
1304
|
+
"declaration": {
|
|
1305
|
+
"name": "9.1.1",
|
|
1306
|
+
"module": "src/iconVersion.js"
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
]
|
|
1310
|
+
},
|
|
1311
|
+
{
|
|
1312
|
+
"kind": "javascript-module",
|
|
1313
|
+
"path": "src/index.js",
|
|
1314
|
+
"declarations": [],
|
|
1315
|
+
"exports": [
|
|
1316
|
+
{
|
|
1317
|
+
"kind": "js",
|
|
1318
|
+
"name": "AuroAccordion",
|
|
958
1319
|
"declaration": {
|
|
959
|
-
"name": "
|
|
960
|
-
"module": "
|
|
1320
|
+
"name": "AuroAccordion",
|
|
1321
|
+
"module": "src/index.js"
|
|
1322
|
+
}
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"kind": "js",
|
|
1326
|
+
"name": "AuroAccordionGroup",
|
|
1327
|
+
"declaration": {
|
|
1328
|
+
"name": "AuroAccordionGroup",
|
|
1329
|
+
"module": "src/index.js"
|
|
961
1330
|
}
|
|
962
1331
|
}
|
|
963
1332
|
]
|
|
1333
|
+
},
|
|
1334
|
+
{
|
|
1335
|
+
"kind": "javascript-module",
|
|
1336
|
+
"path": "src/registered.js",
|
|
1337
|
+
"declarations": [],
|
|
1338
|
+
"exports": []
|
|
964
1339
|
}
|
|
965
1340
|
]
|
|
966
1341
|
}
|