@aurodesignsystem-dev/auro-accordion 0.0.0-pr214.0 → 0.0.0-pr215.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/README.md +66 -59
- package/custom-elements.json +637 -995
- package/demo/api.md +760 -112
- package/demo/auro-accordion.min.js +6 -11
- package/demo/index.md +81 -84
- package/dist/{auro-accordion-B5LyAZiI.js → auro-accordion-Dlfg1ee3.js} +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +7 -7
package/custom-elements.json
CHANGED
|
@@ -12,32 +12,21 @@
|
|
|
12
12
|
"name": "AuroAccordionButton",
|
|
13
13
|
"members": [
|
|
14
14
|
{
|
|
15
|
-
"kind": "
|
|
16
|
-
"name": "
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
"
|
|
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
|
+
}
|
|
21
27
|
}
|
|
22
|
-
|
|
23
|
-
"
|
|
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
|
-
}
|
|
28
|
+
],
|
|
29
|
+
"description": "This will register this element with the browser."
|
|
41
30
|
},
|
|
42
31
|
{
|
|
43
32
|
"kind": "field",
|
|
@@ -49,333 +38,44 @@
|
|
|
49
38
|
"default": "false",
|
|
50
39
|
"attribute": "ariaexpanded",
|
|
51
40
|
"reflects": true
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
"name": "autofocus",
|
|
56
|
-
"privacy": "public",
|
|
57
|
-
"type": {
|
|
58
|
-
"text": "boolean"
|
|
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.",
|
|
61
|
-
"default": "false",
|
|
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
|
-
},
|
|
41
|
+
}
|
|
42
|
+
],
|
|
43
|
+
"attributes": [
|
|
290
44
|
{
|
|
291
|
-
"
|
|
292
|
-
"name": "loading",
|
|
293
|
-
"privacy": "public",
|
|
45
|
+
"name": "ariaexpanded",
|
|
294
46
|
"type": {
|
|
295
47
|
"text": "boolean"
|
|
296
48
|
},
|
|
297
|
-
"description": "If set to true button text will be replaced with `auro-loader` and become disabled.",
|
|
298
49
|
"default": "false",
|
|
299
|
-
"
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
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
|
-
},
|
|
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": [
|
|
379
79
|
{
|
|
380
80
|
"kind": "method",
|
|
381
81
|
"name": "register",
|
|
@@ -383,7 +83,7 @@
|
|
|
383
83
|
"parameters": [
|
|
384
84
|
{
|
|
385
85
|
"name": "name",
|
|
386
|
-
"default": "\"auro-accordion-
|
|
86
|
+
"default": "\"auro-accordion-group\"",
|
|
387
87
|
"description": "The name of element that you want to register to.",
|
|
388
88
|
"optional": true,
|
|
389
89
|
"type": {
|
|
@@ -391,554 +91,353 @@
|
|
|
391
91
|
}
|
|
392
92
|
}
|
|
393
93
|
],
|
|
394
|
-
"description": "This will register this element with the browser."
|
|
395
|
-
"inheritedFrom": {
|
|
396
|
-
"name": "AuroButton",
|
|
397
|
-
"module": "src/auro-button.js"
|
|
398
|
-
}
|
|
94
|
+
"description": "This will register this element with the browser."
|
|
399
95
|
},
|
|
400
96
|
{
|
|
401
97
|
"kind": "method",
|
|
402
|
-
"name": "
|
|
403
|
-
"description": "
|
|
404
|
-
"return": {
|
|
405
|
-
"type": {
|
|
406
|
-
"text": "TemplateResult"
|
|
407
|
-
}
|
|
408
|
-
},
|
|
409
|
-
"privacy": "private",
|
|
410
|
-
"inheritedFrom": {
|
|
411
|
-
"name": "AuroButton",
|
|
412
|
-
"module": "src/auro-button.js"
|
|
413
|
-
}
|
|
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."
|
|
414
100
|
},
|
|
415
101
|
{
|
|
416
102
|
"kind": "method",
|
|
417
|
-
"name": "
|
|
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
|
-
}
|
|
103
|
+
"name": "handleSlotContentChange"
|
|
496
104
|
},
|
|
497
105
|
{
|
|
498
106
|
"kind": "method",
|
|
499
|
-
"name": "
|
|
500
|
-
"
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
"
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
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
|
-
}
|
|
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"
|
|
708
119
|
},
|
|
709
120
|
{
|
|
710
|
-
"
|
|
711
|
-
"
|
|
712
|
-
|
|
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
|
-
}
|
|
121
|
+
"kind": "method",
|
|
122
|
+
"name": "handleItems",
|
|
123
|
+
"description": "Internal function to add all accordions into an array.",
|
|
124
|
+
"privacy": "private"
|
|
721
125
|
},
|
|
722
126
|
{
|
|
723
|
-
"
|
|
724
|
-
"
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
"description": "DEPRECATED - Use `slot=\"ariaLabel.loading\"` instead.",
|
|
728
|
-
"fieldName": "loadingText",
|
|
729
|
-
"inheritedFrom": {
|
|
730
|
-
"name": "AuroButton",
|
|
731
|
-
"module": "src/auro-button.js"
|
|
732
|
-
}
|
|
127
|
+
"kind": "field",
|
|
128
|
+
"name": "runtimeUtils",
|
|
129
|
+
"privacy": "private",
|
|
130
|
+
"default": "new AuroLibraryRuntimeUtils()"
|
|
733
131
|
},
|
|
734
132
|
{
|
|
735
|
-
"
|
|
133
|
+
"kind": "field",
|
|
134
|
+
"name": "emphasis",
|
|
135
|
+
"privacy": "public",
|
|
736
136
|
"type": {
|
|
737
137
|
"text": "boolean"
|
|
738
138
|
},
|
|
739
|
-
"description": "If
|
|
740
|
-
"
|
|
741
|
-
"
|
|
742
|
-
"inheritedFrom": {
|
|
743
|
-
"name": "AuroButton",
|
|
744
|
-
"module": "src/auro-button.js"
|
|
745
|
-
}
|
|
746
|
-
},
|
|
747
|
-
{
|
|
748
|
-
"name": "tabindex",
|
|
749
|
-
"type": {
|
|
750
|
-
"text": "string"
|
|
751
|
-
},
|
|
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
|
-
}
|
|
139
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
140
|
+
"attribute": "emphasis",
|
|
141
|
+
"reflects": true
|
|
758
142
|
},
|
|
759
143
|
{
|
|
760
|
-
"
|
|
144
|
+
"kind": "field",
|
|
145
|
+
"name": "variant",
|
|
146
|
+
"privacy": "public",
|
|
761
147
|
"type": {
|
|
762
148
|
"text": "string"
|
|
763
149
|
},
|
|
764
|
-
"description": "
|
|
765
|
-
"
|
|
766
|
-
"
|
|
767
|
-
"name": "AuroButton",
|
|
768
|
-
"module": "src/auro-button.js"
|
|
769
|
-
}
|
|
150
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
151
|
+
"attribute": "variant",
|
|
152
|
+
"reflects": true
|
|
770
153
|
},
|
|
771
154
|
{
|
|
772
|
-
"
|
|
155
|
+
"kind": "field",
|
|
156
|
+
"name": "disabled",
|
|
157
|
+
"privacy": "public",
|
|
773
158
|
"type": {
|
|
774
|
-
"text": "
|
|
159
|
+
"text": "boolean"
|
|
775
160
|
},
|
|
776
|
-
"description": "
|
|
777
|
-
"
|
|
778
|
-
"
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
},
|
|
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": [
|
|
783
167
|
{
|
|
784
|
-
"name": "
|
|
168
|
+
"name": "emphasis",
|
|
785
169
|
"type": {
|
|
786
|
-
"text": "
|
|
170
|
+
"text": "boolean"
|
|
787
171
|
},
|
|
788
|
-
"description": "
|
|
789
|
-
"fieldName": "
|
|
790
|
-
"inheritedFrom": {
|
|
791
|
-
"name": "AuroButton",
|
|
792
|
-
"module": "src/auro-button.js"
|
|
793
|
-
}
|
|
172
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
173
|
+
"fieldName": "emphasis"
|
|
794
174
|
},
|
|
795
175
|
{
|
|
796
|
-
"name": "
|
|
176
|
+
"name": "variant",
|
|
797
177
|
"type": {
|
|
798
178
|
"text": "string"
|
|
799
179
|
},
|
|
800
|
-
"description": "
|
|
801
|
-
"fieldName": "
|
|
802
|
-
"inheritedFrom": {
|
|
803
|
-
"name": "AuroButton",
|
|
804
|
-
"module": "src/auro-button.js"
|
|
805
|
-
}
|
|
180
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
181
|
+
"fieldName": "variant"
|
|
806
182
|
},
|
|
807
183
|
{
|
|
808
|
-
"name": "
|
|
184
|
+
"name": "disabled",
|
|
809
185
|
"type": {
|
|
810
|
-
"text": "
|
|
186
|
+
"text": "boolean"
|
|
811
187
|
},
|
|
812
|
-
"description": "
|
|
813
|
-
"
|
|
814
|
-
"fieldName": "variant",
|
|
815
|
-
"inheritedFrom": {
|
|
816
|
-
"name": "AuroButton",
|
|
817
|
-
"module": "src/auro-button.js"
|
|
818
|
-
}
|
|
188
|
+
"description": "If set, the whole accordion inside the group are disabled and have reduced opacity.",
|
|
189
|
+
"fieldName": "disabled"
|
|
819
190
|
}
|
|
820
191
|
],
|
|
821
192
|
"superclass": {
|
|
822
|
-
"name": "
|
|
823
|
-
"package": "
|
|
824
|
-
}
|
|
193
|
+
"name": "LitElement",
|
|
194
|
+
"package": "lit"
|
|
195
|
+
},
|
|
196
|
+
"customElement": true
|
|
825
197
|
}
|
|
826
198
|
],
|
|
827
199
|
"exports": [
|
|
828
200
|
{
|
|
829
201
|
"kind": "js",
|
|
830
|
-
"name": "
|
|
202
|
+
"name": "AuroAccordionGroup",
|
|
831
203
|
"declaration": {
|
|
832
|
-
"name": "
|
|
833
|
-
"module": "src/auro-accordion-
|
|
204
|
+
"name": "AuroAccordionGroup",
|
|
205
|
+
"module": "src/auro-accordion-group.js"
|
|
834
206
|
}
|
|
835
207
|
}
|
|
836
208
|
]
|
|
837
209
|
},
|
|
838
210
|
{
|
|
839
211
|
"kind": "javascript-module",
|
|
840
|
-
"path": "src/auro-accordion
|
|
212
|
+
"path": "src/auro-accordion.js",
|
|
841
213
|
"declarations": [
|
|
842
214
|
{
|
|
843
215
|
"kind": "class",
|
|
844
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.",
|
|
845
|
-
"name": "
|
|
846
|
-
"
|
|
217
|
+
"name": "AuroAccordion",
|
|
218
|
+
"cssParts": [
|
|
847
219
|
{
|
|
848
|
-
"
|
|
849
|
-
"name": "
|
|
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
|
|
220
|
+
"description": "Apply CSS to Accordion wrapper.",
|
|
221
|
+
"name": "accordion"
|
|
857
222
|
},
|
|
858
223
|
{
|
|
859
|
-
"
|
|
860
|
-
"name": "
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
"
|
|
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": ""
|
|
868
240
|
},
|
|
241
|
+
{
|
|
242
|
+
"description": "Defines the content of the trigger element.",
|
|
243
|
+
"name": "trigger"
|
|
244
|
+
}
|
|
245
|
+
],
|
|
246
|
+
"members": [
|
|
869
247
|
{
|
|
870
248
|
"kind": "method",
|
|
871
|
-
"name": "
|
|
872
|
-
"
|
|
873
|
-
"
|
|
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."
|
|
874
263
|
},
|
|
875
264
|
{
|
|
876
265
|
"kind": "method",
|
|
877
|
-
"name": "
|
|
266
|
+
"name": "renderChevronIcons",
|
|
267
|
+
"description": "Renders the chevron icons.",
|
|
268
|
+
"privacy": "private",
|
|
269
|
+
"return": {
|
|
270
|
+
"type": {
|
|
271
|
+
"text": "TemplateResult"
|
|
272
|
+
}
|
|
273
|
+
}
|
|
878
274
|
},
|
|
879
275
|
{
|
|
880
276
|
"kind": "method",
|
|
881
|
-
"name": "
|
|
277
|
+
"name": "generateRandomLetters",
|
|
882
278
|
"parameters": [
|
|
883
279
|
{
|
|
884
|
-
"name": "
|
|
885
|
-
"description": "
|
|
280
|
+
"name": "length",
|
|
281
|
+
"description": "The number of characters to generate in the string.",
|
|
886
282
|
"type": {
|
|
887
|
-
"text": "
|
|
283
|
+
"text": "number"
|
|
888
284
|
}
|
|
889
285
|
}
|
|
890
286
|
],
|
|
891
|
-
"description": "
|
|
892
|
-
"privacy": "private"
|
|
287
|
+
"description": "Generates a random string of letters.",
|
|
288
|
+
"privacy": "private",
|
|
289
|
+
"return": {
|
|
290
|
+
"type": {
|
|
291
|
+
"text": "string"
|
|
292
|
+
}
|
|
293
|
+
}
|
|
893
294
|
},
|
|
894
295
|
{
|
|
895
296
|
"kind": "method",
|
|
896
|
-
"name": "
|
|
897
|
-
"
|
|
297
|
+
"name": "toggle",
|
|
298
|
+
"description": "Toggles the visibility of the accordion content."
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"kind": "method",
|
|
302
|
+
"name": "handleButtonClick",
|
|
898
303
|
"parameters": [
|
|
899
304
|
{
|
|
900
|
-
"name": "
|
|
901
|
-
"
|
|
902
|
-
"description": "The name of element that you want to register to.",
|
|
903
|
-
"optional": true,
|
|
305
|
+
"name": "event",
|
|
306
|
+
"description": "The event object.",
|
|
904
307
|
"type": {
|
|
905
|
-
"text": "
|
|
308
|
+
"text": "Event"
|
|
906
309
|
}
|
|
907
310
|
}
|
|
908
311
|
],
|
|
909
|
-
"description": "
|
|
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
|
|
910
369
|
},
|
|
911
370
|
{
|
|
912
371
|
"kind": "field",
|
|
913
|
-
"name": "
|
|
914
|
-
"privacy": "
|
|
915
|
-
"
|
|
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
|
|
916
380
|
},
|
|
917
381
|
{
|
|
918
|
-
"kind": "
|
|
919
|
-
"name": "
|
|
920
|
-
"
|
|
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
|
|
921
391
|
},
|
|
922
392
|
{
|
|
923
393
|
"kind": "field",
|
|
924
394
|
"name": "variant",
|
|
925
395
|
"privacy": "public",
|
|
926
396
|
"type": {
|
|
927
|
-
"text": "
|
|
397
|
+
"text": "string"
|
|
928
398
|
},
|
|
929
|
-
"description": "Sets accordion variant option.",
|
|
399
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
930
400
|
"attribute": "variant",
|
|
931
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."
|
|
932
422
|
}
|
|
933
423
|
],
|
|
934
424
|
"attributes": [
|
|
935
425
|
{
|
|
936
|
-
"name": "
|
|
426
|
+
"name": "alignRight",
|
|
937
427
|
"type": {
|
|
938
428
|
"text": "boolean"
|
|
939
429
|
},
|
|
940
|
-
"description": "If set, the
|
|
941
|
-
"fieldName": "
|
|
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"
|
|
942
441
|
},
|
|
943
442
|
{
|
|
944
443
|
"name": "emphasis",
|
|
@@ -948,136 +447,298 @@
|
|
|
948
447
|
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
949
448
|
"fieldName": "emphasis"
|
|
950
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
|
+
},
|
|
951
466
|
{
|
|
952
467
|
"name": "variant",
|
|
953
468
|
"type": {
|
|
954
|
-
"text": "
|
|
469
|
+
"text": "string"
|
|
955
470
|
},
|
|
956
|
-
"description": "Sets accordion variant option.",
|
|
471
|
+
"description": "Sets accordion variant option. Possible values are: `sm`, `lg`.",
|
|
957
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"
|
|
958
481
|
}
|
|
959
482
|
],
|
|
960
483
|
"superclass": {
|
|
961
484
|
"name": "LitElement",
|
|
962
485
|
"package": "lit"
|
|
963
486
|
},
|
|
964
|
-
"tagName": "auro-accordion-group",
|
|
965
487
|
"customElement": true
|
|
966
488
|
}
|
|
967
489
|
],
|
|
968
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
|
+
},
|
|
969
529
|
{
|
|
970
530
|
"kind": "js",
|
|
971
531
|
"name": "AuroAccordionGroup",
|
|
972
532
|
"declaration": {
|
|
973
533
|
"name": "AuroAccordionGroup",
|
|
974
|
-
"module": "src/
|
|
534
|
+
"module": "src/index.js"
|
|
535
|
+
}
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "js",
|
|
539
|
+
"name": "AuroAccordionButton",
|
|
540
|
+
"declaration": {
|
|
541
|
+
"name": "AuroAccordionButton",
|
|
542
|
+
"module": "src/index.js"
|
|
975
543
|
}
|
|
976
544
|
}
|
|
977
545
|
]
|
|
978
546
|
},
|
|
979
547
|
{
|
|
980
548
|
"kind": "javascript-module",
|
|
981
|
-
"path": "src/
|
|
549
|
+
"path": "src/registered.js",
|
|
550
|
+
"declarations": [],
|
|
551
|
+
"exports": []
|
|
552
|
+
},
|
|
553
|
+
{
|
|
554
|
+
"kind": "javascript-module",
|
|
555
|
+
"path": "scripts/wca/auro-accordion.js",
|
|
982
556
|
"declarations": [
|
|
983
557
|
{
|
|
984
558
|
"kind": "class",
|
|
985
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.",
|
|
986
|
-
"name": "
|
|
987
|
-
"
|
|
560
|
+
"name": "AuroAccordionWCA",
|
|
561
|
+
"superclass": {
|
|
562
|
+
"name": "AuroAccordion",
|
|
563
|
+
"module": "/src/auro-accordion.js"
|
|
564
|
+
},
|
|
565
|
+
"tagName": "auro-accordion",
|
|
566
|
+
"customElement": true,
|
|
567
|
+
"slots": [
|
|
988
568
|
{
|
|
989
|
-
"description": "
|
|
990
|
-
"name": "
|
|
569
|
+
"description": "Default slot for the accordion content.",
|
|
570
|
+
"name": "",
|
|
571
|
+
"inheritedFrom": {
|
|
572
|
+
"name": "AuroAccordion",
|
|
573
|
+
"module": "src/auro-accordion.js"
|
|
574
|
+
}
|
|
991
575
|
},
|
|
992
576
|
{
|
|
993
|
-
"description": "
|
|
994
|
-
"name": "
|
|
995
|
-
|
|
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": [
|
|
996
586
|
{
|
|
997
|
-
"description": "Apply CSS to
|
|
998
|
-
"name": "
|
|
587
|
+
"description": "Apply CSS to Accordion wrapper.",
|
|
588
|
+
"name": "accordion",
|
|
589
|
+
"inheritedFrom": {
|
|
590
|
+
"name": "AuroAccordion",
|
|
591
|
+
"module": "src/auro-accordion.js"
|
|
592
|
+
}
|
|
999
593
|
},
|
|
1000
594
|
{
|
|
1001
595
|
"description": "Apply CSS to trigger element.",
|
|
1002
|
-
"name": "trigger"
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
596
|
+
"name": "trigger",
|
|
597
|
+
"inheritedFrom": {
|
|
598
|
+
"name": "AuroAccordion",
|
|
599
|
+
"module": "src/auro-accordion.js"
|
|
600
|
+
}
|
|
601
|
+
},
|
|
1006
602
|
{
|
|
1007
|
-
"description": "
|
|
1008
|
-
"name": ""
|
|
603
|
+
"description": "Apply CSS to chevron icon.",
|
|
604
|
+
"name": "chevron",
|
|
605
|
+
"inheritedFrom": {
|
|
606
|
+
"name": "AuroAccordion",
|
|
607
|
+
"module": "src/auro-accordion.js"
|
|
608
|
+
}
|
|
1009
609
|
},
|
|
1010
610
|
{
|
|
1011
|
-
"description": "
|
|
1012
|
-
"name": "
|
|
611
|
+
"description": "Apply CSS to the accordion content.",
|
|
612
|
+
"name": "content",
|
|
613
|
+
"inheritedFrom": {
|
|
614
|
+
"name": "AuroAccordion",
|
|
615
|
+
"module": "src/auro-accordion.js"
|
|
616
|
+
}
|
|
1013
617
|
}
|
|
1014
618
|
],
|
|
1015
|
-
"
|
|
619
|
+
"attributes": [
|
|
1016
620
|
{
|
|
1017
|
-
"kind": "field",
|
|
1018
621
|
"name": "alignRight",
|
|
1019
|
-
"privacy": "public",
|
|
1020
622
|
"type": {
|
|
1021
623
|
"text": "boolean"
|
|
1022
624
|
},
|
|
1023
625
|
"description": "If set, the trigger content will align right.",
|
|
1024
|
-
"
|
|
1025
|
-
"
|
|
626
|
+
"fieldName": "alignRight",
|
|
627
|
+
"inheritedFrom": {
|
|
628
|
+
"name": "AuroAccordion",
|
|
629
|
+
"module": "src/auro-accordion.js"
|
|
630
|
+
}
|
|
1026
631
|
},
|
|
1027
632
|
{
|
|
1028
|
-
"
|
|
1029
|
-
"
|
|
1030
|
-
|
|
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
|
+
}
|
|
1031
644
|
},
|
|
1032
645
|
{
|
|
1033
|
-
"
|
|
1034
|
-
"
|
|
1035
|
-
|
|
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
|
+
}
|
|
1036
668
|
},
|
|
1037
669
|
{
|
|
1038
|
-
"kind": "field",
|
|
1039
670
|
"name": "chevron",
|
|
1040
|
-
"privacy": "public",
|
|
1041
671
|
"type": {
|
|
1042
|
-
"text": "
|
|
672
|
+
"text": "string"
|
|
1043
673
|
},
|
|
1044
|
-
"description": "Sets chevron variant option.",
|
|
1045
|
-
"
|
|
1046
|
-
"
|
|
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
|
+
}
|
|
1047
680
|
},
|
|
1048
681
|
{
|
|
1049
|
-
"
|
|
1050
|
-
"name": "disabled",
|
|
1051
|
-
"privacy": "public",
|
|
682
|
+
"name": "variant",
|
|
1052
683
|
"type": {
|
|
1053
|
-
"text": "
|
|
684
|
+
"text": "string"
|
|
1054
685
|
},
|
|
1055
|
-
"description": "
|
|
1056
|
-
"
|
|
1057
|
-
"
|
|
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
|
+
}
|
|
1058
692
|
},
|
|
1059
693
|
{
|
|
1060
|
-
"
|
|
1061
|
-
"name": "emphasis",
|
|
1062
|
-
"privacy": "public",
|
|
694
|
+
"name": "disabled",
|
|
1063
695
|
"type": {
|
|
1064
696
|
"text": "boolean"
|
|
1065
697
|
},
|
|
1066
|
-
"description": "If set,
|
|
1067
|
-
"
|
|
1068
|
-
"
|
|
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
|
+
}
|
|
1069
727
|
},
|
|
1070
728
|
{
|
|
1071
|
-
"kind": "
|
|
1072
|
-
"name": "
|
|
1073
|
-
"
|
|
1074
|
-
"
|
|
1075
|
-
|
|
729
|
+
"kind": "method",
|
|
730
|
+
"name": "renderChevronIcons",
|
|
731
|
+
"description": "Renders the chevron icons.",
|
|
732
|
+
"privacy": "private",
|
|
733
|
+
"return": {
|
|
734
|
+
"type": {
|
|
735
|
+
"text": "TemplateResult"
|
|
736
|
+
}
|
|
1076
737
|
},
|
|
1077
|
-
"
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
738
|
+
"inheritedFrom": {
|
|
739
|
+
"name": "AuroAccordion",
|
|
740
|
+
"module": "src/auro-accordion.js"
|
|
741
|
+
}
|
|
1081
742
|
},
|
|
1082
743
|
{
|
|
1083
744
|
"kind": "method",
|
|
@@ -1097,18 +758,20 @@
|
|
|
1097
758
|
"type": {
|
|
1098
759
|
"text": "string"
|
|
1099
760
|
}
|
|
761
|
+
},
|
|
762
|
+
"inheritedFrom": {
|
|
763
|
+
"name": "AuroAccordion",
|
|
764
|
+
"module": "src/auro-accordion.js"
|
|
1100
765
|
}
|
|
1101
766
|
},
|
|
1102
767
|
{
|
|
1103
|
-
"kind": "
|
|
1104
|
-
"name": "
|
|
1105
|
-
"
|
|
1106
|
-
"
|
|
1107
|
-
"
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
"attribute": "grouped",
|
|
1111
|
-
"reflects": true
|
|
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
|
+
}
|
|
1112
775
|
},
|
|
1113
776
|
{
|
|
1114
777
|
"kind": "method",
|
|
@@ -1123,202 +786,181 @@
|
|
|
1123
786
|
}
|
|
1124
787
|
],
|
|
1125
788
|
"description": "Toggles the visibility of the accordion content when button gets clicked.",
|
|
1126
|
-
"privacy": "private"
|
|
789
|
+
"privacy": "private",
|
|
790
|
+
"inheritedFrom": {
|
|
791
|
+
"name": "AuroAccordion",
|
|
792
|
+
"module": "src/auro-accordion.js"
|
|
793
|
+
}
|
|
1127
794
|
},
|
|
1128
795
|
{
|
|
1129
796
|
"kind": "field",
|
|
1130
797
|
"name": "iconTag",
|
|
1131
|
-
"privacy": "private"
|
|
798
|
+
"privacy": "private",
|
|
799
|
+
"inheritedFrom": {
|
|
800
|
+
"name": "AuroAccordion",
|
|
801
|
+
"module": "src/auro-accordion.js"
|
|
802
|
+
}
|
|
1132
803
|
},
|
|
1133
804
|
{
|
|
1134
|
-
"kind": "
|
|
1135
|
-
"name": "
|
|
1136
|
-
"
|
|
1137
|
-
"
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
"description": "The name of element that you want to register to.",
|
|
1142
|
-
"optional": true,
|
|
1143
|
-
"type": {
|
|
1144
|
-
"text": "string"
|
|
1145
|
-
}
|
|
1146
|
-
}
|
|
1147
|
-
],
|
|
1148
|
-
"description": "This will register this element with the browser."
|
|
805
|
+
"kind": "field",
|
|
806
|
+
"name": "buttonNameHash",
|
|
807
|
+
"privacy": "private",
|
|
808
|
+
"inheritedFrom": {
|
|
809
|
+
"name": "AuroAccordion",
|
|
810
|
+
"module": "src/auro-accordion.js"
|
|
811
|
+
}
|
|
1149
812
|
},
|
|
1150
813
|
{
|
|
1151
|
-
"kind": "
|
|
1152
|
-
"name": "
|
|
1153
|
-
"description": "Renders the chevron icons.",
|
|
814
|
+
"kind": "field",
|
|
815
|
+
"name": "buttonTag",
|
|
1154
816
|
"privacy": "private",
|
|
1155
|
-
"
|
|
1156
|
-
"
|
|
1157
|
-
|
|
1158
|
-
}
|
|
817
|
+
"inheritedFrom": {
|
|
818
|
+
"name": "AuroAccordion",
|
|
819
|
+
"module": "src/auro-accordion.js"
|
|
1159
820
|
}
|
|
1160
821
|
},
|
|
1161
822
|
{
|
|
1162
823
|
"kind": "field",
|
|
1163
824
|
"name": "runtimeUtils",
|
|
1164
825
|
"privacy": "private",
|
|
1165
|
-
"default": "new AuroLibraryRuntimeUtils()"
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
"description": "Toggles the visibility of the accordion content."
|
|
826
|
+
"default": "new AuroLibraryRuntimeUtils()",
|
|
827
|
+
"inheritedFrom": {
|
|
828
|
+
"name": "AuroAccordion",
|
|
829
|
+
"module": "src/auro-accordion.js"
|
|
830
|
+
}
|
|
1171
831
|
},
|
|
1172
832
|
{
|
|
1173
833
|
"kind": "field",
|
|
1174
|
-
"name": "
|
|
834
|
+
"name": "expanded",
|
|
1175
835
|
"privacy": "public",
|
|
1176
836
|
"type": {
|
|
1177
|
-
"text": "
|
|
1178
|
-
},
|
|
1179
|
-
"description": "Sets accordion variant option.",
|
|
1180
|
-
"attribute": "variant",
|
|
1181
|
-
"reflects": true
|
|
1182
|
-
}
|
|
1183
|
-
],
|
|
1184
|
-
"events": [
|
|
1185
|
-
{
|
|
1186
|
-
"name": "toggleExpanded",
|
|
1187
|
-
"type": {
|
|
1188
|
-
"text": "CustomEvent"
|
|
837
|
+
"text": "boolean"
|
|
1189
838
|
},
|
|
1190
|
-
"description": "
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
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
|
+
},
|
|
1194
848
|
{
|
|
849
|
+
"kind": "field",
|
|
1195
850
|
"name": "alignRight",
|
|
851
|
+
"privacy": "public",
|
|
1196
852
|
"type": {
|
|
1197
853
|
"text": "boolean"
|
|
1198
854
|
},
|
|
1199
855
|
"description": "If set, the trigger content will align right.",
|
|
1200
|
-
"
|
|
856
|
+
"attribute": "alignRight",
|
|
857
|
+
"reflects": true,
|
|
858
|
+
"inheritedFrom": {
|
|
859
|
+
"name": "AuroAccordion",
|
|
860
|
+
"module": "src/auro-accordion.js"
|
|
861
|
+
}
|
|
1201
862
|
},
|
|
1202
863
|
{
|
|
1203
|
-
"
|
|
864
|
+
"kind": "field",
|
|
865
|
+
"name": "emphasis",
|
|
866
|
+
"privacy": "public",
|
|
1204
867
|
"type": {
|
|
1205
|
-
"text": "
|
|
868
|
+
"text": "boolean"
|
|
1206
869
|
},
|
|
1207
|
-
"description": "
|
|
1208
|
-
"
|
|
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
|
+
}
|
|
1209
877
|
},
|
|
1210
878
|
{
|
|
1211
|
-
"
|
|
879
|
+
"kind": "field",
|
|
880
|
+
"name": "grouped",
|
|
881
|
+
"privacy": "public",
|
|
1212
882
|
"type": {
|
|
1213
883
|
"text": "boolean"
|
|
1214
884
|
},
|
|
1215
|
-
"description": "
|
|
1216
|
-
"
|
|
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
|
+
}
|
|
1217
892
|
},
|
|
1218
893
|
{
|
|
1219
|
-
"
|
|
894
|
+
"kind": "field",
|
|
895
|
+
"name": "chevron",
|
|
896
|
+
"privacy": "public",
|
|
1220
897
|
"type": {
|
|
1221
|
-
"text": "
|
|
898
|
+
"text": "string"
|
|
1222
899
|
},
|
|
1223
|
-
"description": "
|
|
1224
|
-
"
|
|
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
|
+
}
|
|
1225
907
|
},
|
|
1226
908
|
{
|
|
1227
|
-
"
|
|
909
|
+
"kind": "field",
|
|
910
|
+
"name": "variant",
|
|
911
|
+
"privacy": "public",
|
|
1228
912
|
"type": {
|
|
1229
|
-
"text": "
|
|
913
|
+
"text": "string"
|
|
1230
914
|
},
|
|
1231
|
-
"description": "
|
|
1232
|
-
"
|
|
1233
|
-
"
|
|
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
|
+
}
|
|
1234
922
|
},
|
|
1235
923
|
{
|
|
1236
|
-
"
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "disabled",
|
|
926
|
+
"privacy": "public",
|
|
1237
927
|
"type": {
|
|
1238
928
|
"text": "boolean"
|
|
1239
929
|
},
|
|
1240
|
-
"description": "
|
|
1241
|
-
"
|
|
1242
|
-
|
|
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": [
|
|
1243
940
|
{
|
|
1244
|
-
"name": "
|
|
941
|
+
"name": "toggleExpanded",
|
|
1245
942
|
"type": {
|
|
1246
|
-
"text": "
|
|
943
|
+
"text": "CustomEvent"
|
|
1247
944
|
},
|
|
1248
|
-
"description": "
|
|
1249
|
-
"
|
|
945
|
+
"description": "Notifies that the accordion has been expanded or closed.",
|
|
946
|
+
"inheritedFrom": {
|
|
947
|
+
"name": "AuroAccordion",
|
|
948
|
+
"module": "src/auro-accordion.js"
|
|
949
|
+
}
|
|
1250
950
|
}
|
|
1251
|
-
]
|
|
1252
|
-
"superclass": {
|
|
1253
|
-
"name": "LitElement",
|
|
1254
|
-
"package": "lit"
|
|
1255
|
-
},
|
|
1256
|
-
"tagName": "auro-accordion",
|
|
1257
|
-
"customElement": true
|
|
951
|
+
]
|
|
1258
952
|
}
|
|
1259
953
|
],
|
|
1260
954
|
"exports": [
|
|
1261
955
|
{
|
|
1262
|
-
"kind": "
|
|
1263
|
-
"name": "
|
|
1264
|
-
"declaration": {
|
|
1265
|
-
"name": "AuroAccordion",
|
|
1266
|
-
"module": "src/auro-accordion.js"
|
|
1267
|
-
}
|
|
1268
|
-
}
|
|
1269
|
-
]
|
|
1270
|
-
},
|
|
1271
|
-
{
|
|
1272
|
-
"kind": "javascript-module",
|
|
1273
|
-
"path": "src/iconVersion.js",
|
|
1274
|
-
"declarations": [],
|
|
1275
|
-
"exports": [
|
|
1276
|
-
{
|
|
1277
|
-
"kind": "js",
|
|
1278
|
-
"name": "default",
|
|
1279
|
-
"declaration": {
|
|
1280
|
-
"name": "9.1.1",
|
|
1281
|
-
"module": "src/iconVersion.js"
|
|
1282
|
-
}
|
|
1283
|
-
}
|
|
1284
|
-
]
|
|
1285
|
-
},
|
|
1286
|
-
{
|
|
1287
|
-
"kind": "javascript-module",
|
|
1288
|
-
"path": "src/index.js",
|
|
1289
|
-
"declarations": [],
|
|
1290
|
-
"exports": [
|
|
1291
|
-
{
|
|
1292
|
-
"kind": "js",
|
|
1293
|
-
"name": "AuroAccordion",
|
|
1294
|
-
"declaration": {
|
|
1295
|
-
"name": "AuroAccordion",
|
|
1296
|
-
"module": "src/index.js"
|
|
1297
|
-
}
|
|
1298
|
-
},
|
|
1299
|
-
{
|
|
1300
|
-
"kind": "js",
|
|
1301
|
-
"name": "AuroAccordionButton",
|
|
1302
|
-
"declaration": {
|
|
1303
|
-
"name": "AuroAccordionButton",
|
|
1304
|
-
"module": "src/index.js"
|
|
1305
|
-
}
|
|
1306
|
-
},
|
|
1307
|
-
{
|
|
1308
|
-
"kind": "js",
|
|
1309
|
-
"name": "AuroAccordionGroup",
|
|
956
|
+
"kind": "custom-element-definition",
|
|
957
|
+
"name": "auro-accordion",
|
|
1310
958
|
"declaration": {
|
|
1311
|
-
"name": "
|
|
1312
|
-
"module": "
|
|
959
|
+
"name": "AuroAccordionWCA",
|
|
960
|
+
"module": "scripts/wca/auro-accordion.js"
|
|
1313
961
|
}
|
|
1314
962
|
}
|
|
1315
963
|
]
|
|
1316
|
-
},
|
|
1317
|
-
{
|
|
1318
|
-
"kind": "javascript-module",
|
|
1319
|
-
"path": "src/registered.js",
|
|
1320
|
-
"declarations": [],
|
|
1321
|
-
"exports": []
|
|
1322
964
|
}
|
|
1323
965
|
]
|
|
1324
966
|
}
|