@aurodesignsystem-dev/auro-accordion 0.0.0-pr200.1 → 0.0.0-pr205.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +966 -0
- package/demo/api.md +35 -34
- package/demo/auro-accordion.min.js +71 -27
- package/dist/{auro-accordion-B6aPKaGa.js → auro-accordion-Dlfg1ee3.js} +15 -11
- package/dist/index.d.ts +15 -11
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +11 -8
|
@@ -0,0 +1,966 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/auro-accordion-button.js",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "Auro-accordion-button is the trigger element for Auro-accordion.",
|
|
12
|
+
"name": "AuroAccordionButton",
|
|
13
|
+
"members": [
|
|
14
|
+
{
|
|
15
|
+
"kind": "method",
|
|
16
|
+
"name": "register",
|
|
17
|
+
"static": true,
|
|
18
|
+
"parameters": [
|
|
19
|
+
{
|
|
20
|
+
"name": "name",
|
|
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
|
+
}
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"description": "This will register this element with the browser."
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"kind": "field",
|
|
33
|
+
"name": "ariaexpanded",
|
|
34
|
+
"privacy": "public",
|
|
35
|
+
"type": {
|
|
36
|
+
"text": "boolean"
|
|
37
|
+
},
|
|
38
|
+
"default": "false",
|
|
39
|
+
"attribute": "ariaexpanded",
|
|
40
|
+
"reflects": true
|
|
41
|
+
}
|
|
42
|
+
],
|
|
43
|
+
"attributes": [
|
|
44
|
+
{
|
|
45
|
+
"name": "ariaexpanded",
|
|
46
|
+
"type": {
|
|
47
|
+
"text": "boolean"
|
|
48
|
+
},
|
|
49
|
+
"default": "false",
|
|
50
|
+
"fieldName": "ariaexpanded"
|
|
51
|
+
}
|
|
52
|
+
],
|
|
53
|
+
"superclass": {
|
|
54
|
+
"name": "AuroButton",
|
|
55
|
+
"package": "@aurodesignsystem/auro-button/class"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
],
|
|
59
|
+
"exports": [
|
|
60
|
+
{
|
|
61
|
+
"kind": "js",
|
|
62
|
+
"name": "AuroAccordionButton",
|
|
63
|
+
"declaration": {
|
|
64
|
+
"name": "AuroAccordionButton",
|
|
65
|
+
"module": "src/auro-accordion-button.js"
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"kind": "javascript-module",
|
|
72
|
+
"path": "src/auro-accordion-group.js",
|
|
73
|
+
"declarations": [
|
|
74
|
+
{
|
|
75
|
+
"kind": "class",
|
|
76
|
+
"description": "Auro-accordion provides users a way to have collapsible content on a page.\nUse auro-accordion-group if you want to have auto closing accordion components when others are selected.",
|
|
77
|
+
"name": "AuroAccordionGroup",
|
|
78
|
+
"members": [
|
|
79
|
+
{
|
|
80
|
+
"kind": "method",
|
|
81
|
+
"name": "register",
|
|
82
|
+
"static": true,
|
|
83
|
+
"parameters": [
|
|
84
|
+
{
|
|
85
|
+
"name": "name",
|
|
86
|
+
"default": "\"auro-accordion-group\"",
|
|
87
|
+
"description": "The name of element that you want to register to.",
|
|
88
|
+
"optional": true,
|
|
89
|
+
"type": {
|
|
90
|
+
"text": "string"
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
],
|
|
94
|
+
"description": "This will register this element with the browser."
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"kind": "method",
|
|
98
|
+
"name": "updateDisabledState",
|
|
99
|
+
"description": "Updates the disabled state of all child <auro-accordion> elements\nto match the disabled state of the <auro-accordion-group> element."
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"kind": "method",
|
|
103
|
+
"name": "handleSlotContentChange"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"kind": "method",
|
|
107
|
+
"name": "handleToggleExpanded",
|
|
108
|
+
"parameters": [
|
|
109
|
+
{
|
|
110
|
+
"name": "event",
|
|
111
|
+
"description": "Standard event parameter.",
|
|
112
|
+
"type": {
|
|
113
|
+
"text": "object"
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
],
|
|
117
|
+
"description": "Internal function to toggle any expanded panels if it is not the one selected.",
|
|
118
|
+
"privacy": "private"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"kind": "method",
|
|
122
|
+
"name": "handleItems",
|
|
123
|
+
"description": "Internal function to add all accordions into an array.",
|
|
124
|
+
"privacy": "private"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"kind": "field",
|
|
128
|
+
"name": "runtimeUtils",
|
|
129
|
+
"privacy": "private",
|
|
130
|
+
"default": "new AuroLibraryRuntimeUtils()"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"kind": "field",
|
|
134
|
+
"name": "emphasis",
|
|
135
|
+
"privacy": "public",
|
|
136
|
+
"type": {
|
|
137
|
+
"text": "boolean"
|
|
138
|
+
},
|
|
139
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
140
|
+
"attribute": "emphasis",
|
|
141
|
+
"reflects": true
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"kind": "field",
|
|
145
|
+
"name": "variant",
|
|
146
|
+
"privacy": "public",
|
|
147
|
+
"type": {
|
|
148
|
+
"text": "string"
|
|
149
|
+
},
|
|
150
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
151
|
+
"attribute": "variant",
|
|
152
|
+
"reflects": true
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"kind": "field",
|
|
156
|
+
"name": "disabled",
|
|
157
|
+
"privacy": "public",
|
|
158
|
+
"type": {
|
|
159
|
+
"text": "boolean"
|
|
160
|
+
},
|
|
161
|
+
"description": "If set, the whole accordion inside the group are disabled and have reduced opacity.",
|
|
162
|
+
"attribute": "disabled",
|
|
163
|
+
"reflects": true
|
|
164
|
+
}
|
|
165
|
+
],
|
|
166
|
+
"attributes": [
|
|
167
|
+
{
|
|
168
|
+
"name": "emphasis",
|
|
169
|
+
"type": {
|
|
170
|
+
"text": "boolean"
|
|
171
|
+
},
|
|
172
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
173
|
+
"fieldName": "emphasis"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"name": "variant",
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "string"
|
|
179
|
+
},
|
|
180
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
181
|
+
"fieldName": "variant"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "disabled",
|
|
185
|
+
"type": {
|
|
186
|
+
"text": "boolean"
|
|
187
|
+
},
|
|
188
|
+
"description": "If set, the whole accordion inside the group are disabled and have reduced opacity.",
|
|
189
|
+
"fieldName": "disabled"
|
|
190
|
+
}
|
|
191
|
+
],
|
|
192
|
+
"superclass": {
|
|
193
|
+
"name": "LitElement",
|
|
194
|
+
"package": "lit"
|
|
195
|
+
},
|
|
196
|
+
"customElement": true
|
|
197
|
+
}
|
|
198
|
+
],
|
|
199
|
+
"exports": [
|
|
200
|
+
{
|
|
201
|
+
"kind": "js",
|
|
202
|
+
"name": "AuroAccordionGroup",
|
|
203
|
+
"declaration": {
|
|
204
|
+
"name": "AuroAccordionGroup",
|
|
205
|
+
"module": "src/auro-accordion-group.js"
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
]
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"kind": "javascript-module",
|
|
212
|
+
"path": "src/auro-accordion.js",
|
|
213
|
+
"declarations": [
|
|
214
|
+
{
|
|
215
|
+
"kind": "class",
|
|
216
|
+
"description": "Auro-accordion provides users a way to have collapsible content on a page.\nUse auro-accordion-group if you want to have auto closing accordion components when others are selected.",
|
|
217
|
+
"name": "AuroAccordion",
|
|
218
|
+
"cssParts": [
|
|
219
|
+
{
|
|
220
|
+
"description": "Apply CSS to Accordion wrapper.",
|
|
221
|
+
"name": "accordion"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"description": "Apply CSS to trigger element.",
|
|
225
|
+
"name": "trigger"
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"description": "Apply CSS to chevron icon.",
|
|
229
|
+
"name": "chevron"
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"description": "Apply CSS to the accordion content.",
|
|
233
|
+
"name": "content"
|
|
234
|
+
}
|
|
235
|
+
],
|
|
236
|
+
"slots": [
|
|
237
|
+
{
|
|
238
|
+
"description": "Default slot for the accordion content.",
|
|
239
|
+
"name": ""
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"description": "Defines the content of the trigger element.",
|
|
243
|
+
"name": "trigger"
|
|
244
|
+
}
|
|
245
|
+
],
|
|
246
|
+
"members": [
|
|
247
|
+
{
|
|
248
|
+
"kind": "method",
|
|
249
|
+
"name": "register",
|
|
250
|
+
"static": true,
|
|
251
|
+
"parameters": [
|
|
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."
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"kind": "method",
|
|
266
|
+
"name": "renderChevronIcons",
|
|
267
|
+
"description": "Renders the chevron icons.",
|
|
268
|
+
"privacy": "private",
|
|
269
|
+
"return": {
|
|
270
|
+
"type": {
|
|
271
|
+
"text": "TemplateResult"
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"kind": "method",
|
|
277
|
+
"name": "generateRandomLetters",
|
|
278
|
+
"parameters": [
|
|
279
|
+
{
|
|
280
|
+
"name": "length",
|
|
281
|
+
"description": "The number of characters to generate in the string.",
|
|
282
|
+
"type": {
|
|
283
|
+
"text": "number"
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
],
|
|
287
|
+
"description": "Generates a random string of letters.",
|
|
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."
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"kind": "method",
|
|
302
|
+
"name": "handleButtonClick",
|
|
303
|
+
"parameters": [
|
|
304
|
+
{
|
|
305
|
+
"name": "event",
|
|
306
|
+
"description": "The event object.",
|
|
307
|
+
"type": {
|
|
308
|
+
"text": "Event"
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
],
|
|
312
|
+
"description": "Toggles the visibility of the accordion content when button gets clicked.",
|
|
313
|
+
"privacy": "private"
|
|
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"
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"kind": "field",
|
|
332
|
+
"name": "runtimeUtils",
|
|
333
|
+
"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
|
|
380
|
+
},
|
|
381
|
+
{
|
|
382
|
+
"kind": "field",
|
|
383
|
+
"name": "chevron",
|
|
384
|
+
"privacy": "public",
|
|
385
|
+
"type": {
|
|
386
|
+
"text": "string"
|
|
387
|
+
},
|
|
388
|
+
"description": "Sets chevron variant option. Possible values are: `none`, `right`.",
|
|
389
|
+
"attribute": "chevron",
|
|
390
|
+
"reflects": true
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"kind": "field",
|
|
394
|
+
"name": "variant",
|
|
395
|
+
"privacy": "public",
|
|
396
|
+
"type": {
|
|
397
|
+
"text": "string"
|
|
398
|
+
},
|
|
399
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
400
|
+
"attribute": "variant",
|
|
401
|
+
"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
|
+
}
|
|
423
|
+
],
|
|
424
|
+
"attributes": [
|
|
425
|
+
{
|
|
426
|
+
"name": "alignRight",
|
|
427
|
+
"type": {
|
|
428
|
+
"text": "boolean"
|
|
429
|
+
},
|
|
430
|
+
"description": "If set, the trigger content will align right.",
|
|
431
|
+
"fieldName": "alignRight"
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"name": "expanded",
|
|
435
|
+
"type": {
|
|
436
|
+
"text": "boolean"
|
|
437
|
+
},
|
|
438
|
+
"description": "If set, the accordion is expanded.",
|
|
439
|
+
"default": "false",
|
|
440
|
+
"fieldName": "expanded"
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"name": "emphasis",
|
|
444
|
+
"type": {
|
|
445
|
+
"text": "boolean"
|
|
446
|
+
},
|
|
447
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
448
|
+
"fieldName": "emphasis"
|
|
449
|
+
},
|
|
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
|
+
{
|
|
467
|
+
"name": "variant",
|
|
468
|
+
"type": {
|
|
469
|
+
"text": "string"
|
|
470
|
+
},
|
|
471
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
472
|
+
"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
|
+
}
|
|
482
|
+
],
|
|
483
|
+
"superclass": {
|
|
484
|
+
"name": "LitElement",
|
|
485
|
+
"package": "lit"
|
|
486
|
+
},
|
|
487
|
+
"customElement": true
|
|
488
|
+
}
|
|
489
|
+
],
|
|
490
|
+
"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
|
+
{
|
|
530
|
+
"kind": "js",
|
|
531
|
+
"name": "AuroAccordionGroup",
|
|
532
|
+
"declaration": {
|
|
533
|
+
"name": "AuroAccordionGroup",
|
|
534
|
+
"module": "src/index.js"
|
|
535
|
+
}
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "js",
|
|
539
|
+
"name": "AuroAccordionButton",
|
|
540
|
+
"declaration": {
|
|
541
|
+
"name": "AuroAccordionButton",
|
|
542
|
+
"module": "src/index.js"
|
|
543
|
+
}
|
|
544
|
+
}
|
|
545
|
+
]
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"kind": "javascript-module",
|
|
549
|
+
"path": "src/registered.js",
|
|
550
|
+
"declarations": [],
|
|
551
|
+
"exports": []
|
|
552
|
+
},
|
|
553
|
+
{
|
|
554
|
+
"kind": "javascript-module",
|
|
555
|
+
"path": "scripts/wca/auro-accordion.js",
|
|
556
|
+
"declarations": [
|
|
557
|
+
{
|
|
558
|
+
"kind": "class",
|
|
559
|
+
"description": "Auro-accordion provides users a way to have collapsible content on a page.\nUse auro-accordion-group if you want to have auto closing accordion components when others are selected.",
|
|
560
|
+
"name": "AuroAccordionWCA",
|
|
561
|
+
"superclass": {
|
|
562
|
+
"name": "AuroAccordion",
|
|
563
|
+
"module": "/src/auro-accordion.js"
|
|
564
|
+
},
|
|
565
|
+
"tagName": "auro-accordion",
|
|
566
|
+
"customElement": true,
|
|
567
|
+
"slots": [
|
|
568
|
+
{
|
|
569
|
+
"description": "Default slot for the accordion content.",
|
|
570
|
+
"name": "",
|
|
571
|
+
"inheritedFrom": {
|
|
572
|
+
"name": "AuroAccordion",
|
|
573
|
+
"module": "src/auro-accordion.js"
|
|
574
|
+
}
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"description": "Defines the content of the trigger element.",
|
|
578
|
+
"name": "trigger",
|
|
579
|
+
"inheritedFrom": {
|
|
580
|
+
"name": "AuroAccordion",
|
|
581
|
+
"module": "src/auro-accordion.js"
|
|
582
|
+
}
|
|
583
|
+
}
|
|
584
|
+
],
|
|
585
|
+
"cssParts": [
|
|
586
|
+
{
|
|
587
|
+
"description": "Apply CSS to Accordion wrapper.",
|
|
588
|
+
"name": "accordion",
|
|
589
|
+
"inheritedFrom": {
|
|
590
|
+
"name": "AuroAccordion",
|
|
591
|
+
"module": "src/auro-accordion.js"
|
|
592
|
+
}
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"description": "Apply CSS to trigger element.",
|
|
596
|
+
"name": "trigger",
|
|
597
|
+
"inheritedFrom": {
|
|
598
|
+
"name": "AuroAccordion",
|
|
599
|
+
"module": "src/auro-accordion.js"
|
|
600
|
+
}
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"description": "Apply CSS to chevron icon.",
|
|
604
|
+
"name": "chevron",
|
|
605
|
+
"inheritedFrom": {
|
|
606
|
+
"name": "AuroAccordion",
|
|
607
|
+
"module": "src/auro-accordion.js"
|
|
608
|
+
}
|
|
609
|
+
},
|
|
610
|
+
{
|
|
611
|
+
"description": "Apply CSS to the accordion content.",
|
|
612
|
+
"name": "content",
|
|
613
|
+
"inheritedFrom": {
|
|
614
|
+
"name": "AuroAccordion",
|
|
615
|
+
"module": "src/auro-accordion.js"
|
|
616
|
+
}
|
|
617
|
+
}
|
|
618
|
+
],
|
|
619
|
+
"attributes": [
|
|
620
|
+
{
|
|
621
|
+
"name": "alignRight",
|
|
622
|
+
"type": {
|
|
623
|
+
"text": "boolean"
|
|
624
|
+
},
|
|
625
|
+
"description": "If set, the trigger content will align right.",
|
|
626
|
+
"fieldName": "alignRight",
|
|
627
|
+
"inheritedFrom": {
|
|
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
|
+
}
|
|
644
|
+
},
|
|
645
|
+
{
|
|
646
|
+
"name": "emphasis",
|
|
647
|
+
"type": {
|
|
648
|
+
"text": "boolean"
|
|
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
|
+
}
|
|
656
|
+
},
|
|
657
|
+
{
|
|
658
|
+
"name": "grouped",
|
|
659
|
+
"type": {
|
|
660
|
+
"text": "boolean"
|
|
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
|
+
}
|
|
668
|
+
},
|
|
669
|
+
{
|
|
670
|
+
"name": "chevron",
|
|
671
|
+
"type": {
|
|
672
|
+
"text": "string"
|
|
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"
|
|
685
|
+
},
|
|
686
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
687
|
+
"fieldName": "variant",
|
|
688
|
+
"inheritedFrom": {
|
|
689
|
+
"name": "AuroAccordion",
|
|
690
|
+
"module": "src/auro-accordion.js"
|
|
691
|
+
}
|
|
692
|
+
},
|
|
693
|
+
{
|
|
694
|
+
"name": "disabled",
|
|
695
|
+
"type": {
|
|
696
|
+
"text": "boolean"
|
|
697
|
+
},
|
|
698
|
+
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
699
|
+
"fieldName": "disabled",
|
|
700
|
+
"inheritedFrom": {
|
|
701
|
+
"name": "AuroAccordion",
|
|
702
|
+
"module": "src/auro-accordion.js"
|
|
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
|
+
}
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"kind": "method",
|
|
730
|
+
"name": "renderChevronIcons",
|
|
731
|
+
"description": "Renders the chevron icons.",
|
|
732
|
+
"privacy": "private",
|
|
733
|
+
"return": {
|
|
734
|
+
"type": {
|
|
735
|
+
"text": "TemplateResult"
|
|
736
|
+
}
|
|
737
|
+
},
|
|
738
|
+
"inheritedFrom": {
|
|
739
|
+
"name": "AuroAccordion",
|
|
740
|
+
"module": "src/auro-accordion.js"
|
|
741
|
+
}
|
|
742
|
+
},
|
|
743
|
+
{
|
|
744
|
+
"kind": "method",
|
|
745
|
+
"name": "generateRandomLetters",
|
|
746
|
+
"parameters": [
|
|
747
|
+
{
|
|
748
|
+
"name": "length",
|
|
749
|
+
"description": "The number of characters to generate in the string.",
|
|
750
|
+
"type": {
|
|
751
|
+
"text": "number"
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
],
|
|
755
|
+
"description": "Generates a random string of letters.",
|
|
756
|
+
"privacy": "private",
|
|
757
|
+
"return": {
|
|
758
|
+
"type": {
|
|
759
|
+
"text": "string"
|
|
760
|
+
}
|
|
761
|
+
},
|
|
762
|
+
"inheritedFrom": {
|
|
763
|
+
"name": "AuroAccordion",
|
|
764
|
+
"module": "src/auro-accordion.js"
|
|
765
|
+
}
|
|
766
|
+
},
|
|
767
|
+
{
|
|
768
|
+
"kind": "method",
|
|
769
|
+
"name": "toggle",
|
|
770
|
+
"description": "Toggles the visibility of the accordion content.",
|
|
771
|
+
"inheritedFrom": {
|
|
772
|
+
"name": "AuroAccordion",
|
|
773
|
+
"module": "src/auro-accordion.js"
|
|
774
|
+
}
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
"kind": "method",
|
|
778
|
+
"name": "handleButtonClick",
|
|
779
|
+
"parameters": [
|
|
780
|
+
{
|
|
781
|
+
"name": "event",
|
|
782
|
+
"description": "The event object.",
|
|
783
|
+
"type": {
|
|
784
|
+
"text": "Event"
|
|
785
|
+
}
|
|
786
|
+
}
|
|
787
|
+
],
|
|
788
|
+
"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
|
+
}
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"kind": "field",
|
|
797
|
+
"name": "iconTag",
|
|
798
|
+
"privacy": "private",
|
|
799
|
+
"inheritedFrom": {
|
|
800
|
+
"name": "AuroAccordion",
|
|
801
|
+
"module": "src/auro-accordion.js"
|
|
802
|
+
}
|
|
803
|
+
},
|
|
804
|
+
{
|
|
805
|
+
"kind": "field",
|
|
806
|
+
"name": "buttonNameHash",
|
|
807
|
+
"privacy": "private",
|
|
808
|
+
"inheritedFrom": {
|
|
809
|
+
"name": "AuroAccordion",
|
|
810
|
+
"module": "src/auro-accordion.js"
|
|
811
|
+
}
|
|
812
|
+
},
|
|
813
|
+
{
|
|
814
|
+
"kind": "field",
|
|
815
|
+
"name": "buttonTag",
|
|
816
|
+
"privacy": "private",
|
|
817
|
+
"inheritedFrom": {
|
|
818
|
+
"name": "AuroAccordion",
|
|
819
|
+
"module": "src/auro-accordion.js"
|
|
820
|
+
}
|
|
821
|
+
},
|
|
822
|
+
{
|
|
823
|
+
"kind": "field",
|
|
824
|
+
"name": "runtimeUtils",
|
|
825
|
+
"privacy": "private",
|
|
826
|
+
"default": "new AuroLibraryRuntimeUtils()",
|
|
827
|
+
"inheritedFrom": {
|
|
828
|
+
"name": "AuroAccordion",
|
|
829
|
+
"module": "src/auro-accordion.js"
|
|
830
|
+
}
|
|
831
|
+
},
|
|
832
|
+
{
|
|
833
|
+
"kind": "field",
|
|
834
|
+
"name": "expanded",
|
|
835
|
+
"privacy": "public",
|
|
836
|
+
"type": {
|
|
837
|
+
"text": "boolean"
|
|
838
|
+
},
|
|
839
|
+
"description": "If set, the accordion is expanded.",
|
|
840
|
+
"default": "false",
|
|
841
|
+
"attribute": "expanded",
|
|
842
|
+
"reflects": true,
|
|
843
|
+
"inheritedFrom": {
|
|
844
|
+
"name": "AuroAccordion",
|
|
845
|
+
"module": "src/auro-accordion.js"
|
|
846
|
+
}
|
|
847
|
+
},
|
|
848
|
+
{
|
|
849
|
+
"kind": "field",
|
|
850
|
+
"name": "alignRight",
|
|
851
|
+
"privacy": "public",
|
|
852
|
+
"type": {
|
|
853
|
+
"text": "boolean"
|
|
854
|
+
},
|
|
855
|
+
"description": "If set, the trigger content will align right.",
|
|
856
|
+
"attribute": "alignRight",
|
|
857
|
+
"reflects": true,
|
|
858
|
+
"inheritedFrom": {
|
|
859
|
+
"name": "AuroAccordion",
|
|
860
|
+
"module": "src/auro-accordion.js"
|
|
861
|
+
}
|
|
862
|
+
},
|
|
863
|
+
{
|
|
864
|
+
"kind": "field",
|
|
865
|
+
"name": "emphasis",
|
|
866
|
+
"privacy": "public",
|
|
867
|
+
"type": {
|
|
868
|
+
"text": "boolean"
|
|
869
|
+
},
|
|
870
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
871
|
+
"attribute": "emphasis",
|
|
872
|
+
"reflects": true,
|
|
873
|
+
"inheritedFrom": {
|
|
874
|
+
"name": "AuroAccordion",
|
|
875
|
+
"module": "src/auro-accordion.js"
|
|
876
|
+
}
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"kind": "field",
|
|
880
|
+
"name": "grouped",
|
|
881
|
+
"privacy": "public",
|
|
882
|
+
"type": {
|
|
883
|
+
"text": "boolean"
|
|
884
|
+
},
|
|
885
|
+
"description": "Attribute will be set on accordion when it appears in an accordion group.",
|
|
886
|
+
"attribute": "grouped",
|
|
887
|
+
"reflects": true,
|
|
888
|
+
"inheritedFrom": {
|
|
889
|
+
"name": "AuroAccordion",
|
|
890
|
+
"module": "src/auro-accordion.js"
|
|
891
|
+
}
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
"kind": "field",
|
|
895
|
+
"name": "chevron",
|
|
896
|
+
"privacy": "public",
|
|
897
|
+
"type": {
|
|
898
|
+
"text": "string"
|
|
899
|
+
},
|
|
900
|
+
"description": "Sets chevron variant option. Possible values are: `none`, `right`.",
|
|
901
|
+
"attribute": "chevron",
|
|
902
|
+
"reflects": true,
|
|
903
|
+
"inheritedFrom": {
|
|
904
|
+
"name": "AuroAccordion",
|
|
905
|
+
"module": "src/auro-accordion.js"
|
|
906
|
+
}
|
|
907
|
+
},
|
|
908
|
+
{
|
|
909
|
+
"kind": "field",
|
|
910
|
+
"name": "variant",
|
|
911
|
+
"privacy": "public",
|
|
912
|
+
"type": {
|
|
913
|
+
"text": "string"
|
|
914
|
+
},
|
|
915
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
916
|
+
"attribute": "variant",
|
|
917
|
+
"reflects": true,
|
|
918
|
+
"inheritedFrom": {
|
|
919
|
+
"name": "AuroAccordion",
|
|
920
|
+
"module": "src/auro-accordion.js"
|
|
921
|
+
}
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "disabled",
|
|
926
|
+
"privacy": "public",
|
|
927
|
+
"type": {
|
|
928
|
+
"text": "boolean"
|
|
929
|
+
},
|
|
930
|
+
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
931
|
+
"attribute": "disabled",
|
|
932
|
+
"reflects": true,
|
|
933
|
+
"inheritedFrom": {
|
|
934
|
+
"name": "AuroAccordion",
|
|
935
|
+
"module": "src/auro-accordion.js"
|
|
936
|
+
}
|
|
937
|
+
}
|
|
938
|
+
],
|
|
939
|
+
"events": [
|
|
940
|
+
{
|
|
941
|
+
"name": "toggleExpanded",
|
|
942
|
+
"type": {
|
|
943
|
+
"text": "CustomEvent"
|
|
944
|
+
},
|
|
945
|
+
"description": "Notifies that the accordion has been expanded or closed.",
|
|
946
|
+
"inheritedFrom": {
|
|
947
|
+
"name": "AuroAccordion",
|
|
948
|
+
"module": "src/auro-accordion.js"
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
]
|
|
952
|
+
}
|
|
953
|
+
],
|
|
954
|
+
"exports": [
|
|
955
|
+
{
|
|
956
|
+
"kind": "custom-element-definition",
|
|
957
|
+
"name": "auro-accordion",
|
|
958
|
+
"declaration": {
|
|
959
|
+
"name": "AuroAccordionWCA",
|
|
960
|
+
"module": "scripts/wca/auro-accordion.js"
|
|
961
|
+
}
|
|
962
|
+
}
|
|
963
|
+
]
|
|
964
|
+
}
|
|
965
|
+
]
|
|
966
|
+
}
|