@aurodesignsystem-dev/auro-accordion 0.0.0-pr204.0 → 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 +38 -11
- package/package.json +7 -4
|
@@ -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
|
+
}
|
package/demo/api.md
CHANGED
|
@@ -6,45 +6,46 @@
|
|
|
6
6
|
Auro-accordion provides users a way to have collapsible content on a page.
|
|
7
7
|
Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
### Properties & Attributes
|
|
10
10
|
|
|
11
|
-
|
|
|
12
|
-
|
|
13
|
-
|
|
|
14
|
-
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
| Method | Type | Description |
|
|
24
|
-
|----------|------------|--------------------------------------------------|
|
|
25
|
-
| [toggle](#toggle) | `(): void` | Toggles the visibility of the accordion content. |
|
|
26
|
-
|
|
27
|
-
## Events
|
|
28
|
-
|
|
29
|
-
| Event | Type | Description |
|
|
30
|
-
|------------------|---------------------------------------|--------------------------------------------------|
|
|
31
|
-
| [toggleExpanded](#toggleExpanded) | `CustomEvent<{ expanded: boolean; }>` | Notifies that the accordion has been expanded or closed. |
|
|
11
|
+
| Properties | Attributes | Type | Default | Description |
|
|
12
|
+
| --- | --- | --- | --- | --- |
|
|
13
|
+
expanded | expanded | boolean | false | If set, the accordion is expanded.
|
|
14
|
+
alignRight | alignRight | boolean | | If set, the trigger content will align right.
|
|
15
|
+
emphasis | emphasis | boolean | | If set, emphasis styles will be applied to the auro-accordions.
|
|
16
|
+
grouped | grouped | boolean | | Attribute will be set on accordion when it appears in an accordion group.
|
|
17
|
+
chevron | chevron | string | | Sets chevron variant option. Possible values are: `none`, `right`.
|
|
18
|
+
variant | variant | string | | Sets accordion variant option. Possible values are: `sm`, `lg`.
|
|
19
|
+
disabled | disabled | boolean | | If set, the accordion is disabled and have reduced opacity.
|
|
20
|
+
|
|
21
|
+
### Methods
|
|
32
22
|
|
|
33
|
-
|
|
23
|
+
| Name | Parameters | Return | Description |
|
|
24
|
+
| --- | --- | --- | --- |
|
|
25
|
+
register | `name` (string) - The name of element that you want to register to. | | This will register this element with the browser.
|
|
26
|
+
toggle | None | | Toggles the visibility of the accordion content.
|
|
27
|
+
|
|
28
|
+
### Events
|
|
34
29
|
|
|
35
|
-
| Name
|
|
36
|
-
|
|
37
|
-
|
|
|
38
|
-
|
|
30
|
+
| Name | Description |
|
|
31
|
+
| --- | --- |
|
|
32
|
+
toggleExpanded | Notifies that the accordion has been expanded or closed.
|
|
33
|
+
|
|
34
|
+
### Slots
|
|
39
35
|
|
|
40
|
-
|
|
36
|
+
| Name | Description |
|
|
37
|
+
| --- | --- |
|
|
38
|
+
(default) | Default slot for the accordion content.
|
|
39
|
+
trigger | Defines the content of the trigger element.
|
|
40
|
+
|
|
41
|
+
### CSS Shadow Parts
|
|
41
42
|
|
|
42
|
-
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
| Name | Description |
|
|
44
|
+
| --- | --- |
|
|
45
|
+
accordion | Apply CSS to Accordion wrapper.
|
|
46
|
+
trigger | Apply CSS to trigger element.
|
|
47
|
+
chevron | Apply CSS to chevron icon.
|
|
48
|
+
content | Apply CSS to the accordion content.
|
|
48
49
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
49
50
|
|
|
50
51
|
## Accordion API Examples
|
|
@@ -334,10 +334,6 @@ class AuroAccordionButton extends T {
|
|
|
334
334
|
* Auro-accordion provides users a way to have collapsible content on a page.
|
|
335
335
|
* Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
|
|
336
336
|
*
|
|
337
|
-
* @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
|
|
338
|
-
* @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
|
|
339
|
-
* @attr {Boolean} disabled - If set, the whole accordion inside the group are disabled and have reduced opacity.
|
|
340
|
-
* @attr {Boolean} noToggleExpanded - If set, multiple accordions can be open at the same time.
|
|
341
337
|
*/
|
|
342
338
|
|
|
343
339
|
// build the component class
|
|
@@ -358,14 +354,25 @@ class AuroAccordionGroup extends i$2 {
|
|
|
358
354
|
return {
|
|
359
355
|
// ...super.properties,
|
|
360
356
|
|
|
357
|
+
/**
|
|
358
|
+
* If set, emphasis styles will be applied to the auro-accordions.
|
|
359
|
+
*/
|
|
361
360
|
emphasis: {
|
|
362
361
|
type: Boolean,
|
|
363
362
|
reflect: true,
|
|
364
363
|
},
|
|
364
|
+
|
|
365
|
+
/**
|
|
366
|
+
* Sets accordion variant option. Possible values are: `sm`, `lg`.
|
|
367
|
+
*/
|
|
365
368
|
variant: {
|
|
366
369
|
type: String,
|
|
367
370
|
reflect: true,
|
|
368
371
|
},
|
|
372
|
+
|
|
373
|
+
/**
|
|
374
|
+
* If set, the whole accordion inside the group are disabled and have reduced opacity.
|
|
375
|
+
*/
|
|
369
376
|
disabled: {
|
|
370
377
|
type: Boolean,
|
|
371
378
|
reflect: true,
|
|
@@ -503,13 +510,6 @@ var tokensCss = i$5`:host{--ds-auro-accordion-content-border-color: transparent;
|
|
|
503
510
|
* Auro-accordion provides users a way to have collapsible content on a page.
|
|
504
511
|
* Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
|
|
505
512
|
*
|
|
506
|
-
* @attr {Boolean} alignRight - If set, the trigger content will align right.
|
|
507
|
-
* @attr {Boolean} expanded - If set, the accordion is expanded.
|
|
508
|
-
* @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
|
|
509
|
-
* @attr {Boolean} grouped - Attribute will be set on accordion when it appears in an accordion group.
|
|
510
|
-
* @attr {Boolean} disabled - If set, the accordion is disabled and have reduced opacity.
|
|
511
|
-
* @attr {String} chevron - Sets chevron variant option. Possible values are: `none`, `right`.
|
|
512
|
-
* @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
|
|
513
513
|
* @slot - Default slot for the accordion content.
|
|
514
514
|
* @slot trigger - Defines the content of the trigger element.
|
|
515
515
|
* @csspart accordion - Apply CSS to Accordion wrapper.
|
|
@@ -560,30 +560,57 @@ class AuroAccordion extends i$2 {
|
|
|
560
560
|
return {
|
|
561
561
|
// ...super.properties,
|
|
562
562
|
|
|
563
|
+
/**
|
|
564
|
+
* If set, the trigger content will align right.
|
|
565
|
+
*/
|
|
563
566
|
alignRight: {
|
|
564
567
|
type: Boolean,
|
|
565
568
|
reflect: true,
|
|
566
569
|
},
|
|
570
|
+
|
|
571
|
+
/**
|
|
572
|
+
* If set, the accordion is expanded.
|
|
573
|
+
*/
|
|
567
574
|
expanded: {
|
|
568
575
|
type: Boolean,
|
|
569
576
|
reflect: true,
|
|
570
577
|
},
|
|
578
|
+
|
|
579
|
+
/**
|
|
580
|
+
* If set, emphasis styles will be applied to the auro-accordions.
|
|
581
|
+
*/
|
|
571
582
|
emphasis: {
|
|
572
583
|
type: Boolean,
|
|
573
584
|
reflect: true,
|
|
574
585
|
},
|
|
586
|
+
|
|
587
|
+
/**
|
|
588
|
+
* Attribute will be set on accordion when it appears in an accordion group.
|
|
589
|
+
*/
|
|
575
590
|
grouped: {
|
|
576
591
|
type: Boolean,
|
|
577
592
|
reflect: true,
|
|
578
593
|
},
|
|
594
|
+
|
|
595
|
+
/**
|
|
596
|
+
* Sets chevron variant option. Possible values are: `none`, `right`.
|
|
597
|
+
*/
|
|
579
598
|
chevron: {
|
|
580
599
|
type: String,
|
|
581
600
|
reflect: true,
|
|
582
601
|
},
|
|
602
|
+
|
|
603
|
+
/**
|
|
604
|
+
* Sets accordion variant option. Possible values are: `sm`, `lg`.
|
|
605
|
+
*/
|
|
583
606
|
variant: {
|
|
584
607
|
type: String,
|
|
585
608
|
reflect: true,
|
|
586
609
|
},
|
|
610
|
+
|
|
611
|
+
/**
|
|
612
|
+
* If set, the accordion is disabled and have reduced opacity.
|
|
613
|
+
*/
|
|
587
614
|
disabled: {
|
|
588
615
|
type: Boolean,
|
|
589
616
|
reflect: true,
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-accordion",
|
|
10
|
-
"version": "0.0.0-
|
|
10
|
+
"version": "0.0.0-pr205.0",
|
|
11
11
|
"description": "auro-accordion HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@alaskaairux/icons": "^5.11.0",
|
|
28
28
|
"@aurodesignsystem/auro-button": "^12.2.0",
|
|
29
|
-
"@aurodesignsystem/auro-cli": "^3.0
|
|
29
|
+
"@aurodesignsystem/auro-cli": "^3.1.0",
|
|
30
30
|
"@aurodesignsystem/auro-config": "^1.3.0",
|
|
31
31
|
"@aurodesignsystem/auro-icon": "9.1.0",
|
|
32
32
|
"@aurodesignsystem/auro-library": "^5.5.4",
|
|
33
33
|
"@aurodesignsystem/design-tokens": "^8.5.0",
|
|
34
|
-
"@aurodesignsystem/webcorestylesheets": "^10.1.
|
|
34
|
+
"@aurodesignsystem/webcorestylesheets": "^10.1.2",
|
|
35
35
|
"husky": "^9.1.7"
|
|
36
36
|
},
|
|
37
37
|
"browserslist": [
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
},
|
|
65
65
|
"exports": {
|
|
66
66
|
"./package.json": "./package.json",
|
|
67
|
+
"./custom-elements.json": "./custom-elements.json",
|
|
67
68
|
"./readme.md": "./README.md",
|
|
68
69
|
".": "./dist/registered.js",
|
|
69
70
|
"./demo/*.md": "./demo/*.md",
|
|
@@ -75,11 +76,13 @@
|
|
|
75
76
|
}
|
|
76
77
|
},
|
|
77
78
|
"files": [
|
|
79
|
+
"custom-elements.json",
|
|
78
80
|
"dist/**/*",
|
|
79
81
|
"demo/**/*",
|
|
80
82
|
"CHANGELOG.md",
|
|
81
83
|
"README.md",
|
|
82
84
|
"LICENSE",
|
|
83
85
|
"NOTICE"
|
|
84
|
-
]
|
|
86
|
+
],
|
|
87
|
+
"customElements": "custom-elements.json"
|
|
85
88
|
}
|