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