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