@aurodesignsystem/auro-accordion 6.0.0-rc-1.1 → 6.0.0-rc-216.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/CHANGELOG.md +12 -1
- package/README.md +135 -84
- package/custom-elements.json +1331 -0
- package/demo/api.js +2 -0
- package/demo/api.md +311 -232
- package/demo/api.min.js +16 -3
- package/demo/auro-accordion.min.js +95 -50
- package/demo/index.md +16 -11
- package/dist/{auro-accordion-B6aPKaGa.js → auro-accordion-BmwXsHxz.js} +17 -13
- package/dist/index.d.ts +247 -121
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +21 -13
|
@@ -0,0 +1,1331 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/auro-accordion-button.js",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "Auro-accordion-button is the trigger element for Auro-accordion.",
|
|
12
|
+
"name": "AuroAccordionButton",
|
|
13
|
+
"members": [
|
|
14
|
+
{
|
|
15
|
+
"kind": "field",
|
|
16
|
+
"name": "_renderTag",
|
|
17
|
+
"description": "Renders the tag for the component.",
|
|
18
|
+
"return": {
|
|
19
|
+
"type": {
|
|
20
|
+
"text": "TemplateResult"
|
|
21
|
+
}
|
|
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
|
+
}
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"kind": "field",
|
|
44
|
+
"name": "ariaexpanded",
|
|
45
|
+
"privacy": "public",
|
|
46
|
+
"type": {
|
|
47
|
+
"text": "boolean"
|
|
48
|
+
},
|
|
49
|
+
"default": "false",
|
|
50
|
+
"attribute": "ariaexpanded",
|
|
51
|
+
"reflects": true
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"kind": "field",
|
|
55
|
+
"name": "autofocus",
|
|
56
|
+
"privacy": "public",
|
|
57
|
+
"type": {
|
|
58
|
+
"text": "boolean"
|
|
59
|
+
},
|
|
60
|
+
"description": "This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user.",
|
|
61
|
+
"default": "false",
|
|
62
|
+
"attribute": "autofocus",
|
|
63
|
+
"reflects": true,
|
|
64
|
+
"inheritedFrom": {
|
|
65
|
+
"name": "AuroButton",
|
|
66
|
+
"module": "src/auro-button.js"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"kind": "field",
|
|
71
|
+
"name": "buttonHref",
|
|
72
|
+
"privacy": "private",
|
|
73
|
+
"type": {
|
|
74
|
+
"text": "string"
|
|
75
|
+
},
|
|
76
|
+
"default": "undefined",
|
|
77
|
+
"attribute": "buttonHref",
|
|
78
|
+
"inheritedFrom": {
|
|
79
|
+
"name": "AuroButton",
|
|
80
|
+
"module": "src/auro-button.js"
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"kind": "field",
|
|
85
|
+
"name": "buttonRel",
|
|
86
|
+
"privacy": "private",
|
|
87
|
+
"type": {
|
|
88
|
+
"text": "string"
|
|
89
|
+
},
|
|
90
|
+
"default": "undefined",
|
|
91
|
+
"attribute": "buttonRel",
|
|
92
|
+
"inheritedFrom": {
|
|
93
|
+
"name": "AuroButton",
|
|
94
|
+
"module": "src/auro-button.js"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"kind": "field",
|
|
99
|
+
"name": "buttonTarget",
|
|
100
|
+
"privacy": "private",
|
|
101
|
+
"type": {
|
|
102
|
+
"text": "string"
|
|
103
|
+
},
|
|
104
|
+
"default": "undefined",
|
|
105
|
+
"attribute": "buttonTarget",
|
|
106
|
+
"inheritedFrom": {
|
|
107
|
+
"name": "AuroButton",
|
|
108
|
+
"module": "src/auro-button.js"
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"kind": "field",
|
|
113
|
+
"name": "currentAriaLabel",
|
|
114
|
+
"description": "Returns the current value of the projected `aria-label` attribute or undefined if not set. The `aria-label` attribute is for internal use only.",
|
|
115
|
+
"return": {
|
|
116
|
+
"type": {
|
|
117
|
+
"text": "string | undefined"
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
"privacy": "private",
|
|
121
|
+
"readonly": true,
|
|
122
|
+
"inheritedFrom": {
|
|
123
|
+
"name": "AuroButton",
|
|
124
|
+
"module": "src/auro-button.js"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"kind": "field",
|
|
129
|
+
"name": "currentAriaLabelledBy",
|
|
130
|
+
"description": "Returns the current value of the projected `aria-labelledby` attribute or undefined if not set.",
|
|
131
|
+
"return": {
|
|
132
|
+
"type": {
|
|
133
|
+
"text": "string | undefined"
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
"privacy": "private",
|
|
137
|
+
"readonly": true,
|
|
138
|
+
"inheritedFrom": {
|
|
139
|
+
"name": "AuroButton",
|
|
140
|
+
"module": "src/auro-button.js"
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"kind": "field",
|
|
145
|
+
"name": "disabled",
|
|
146
|
+
"privacy": "public",
|
|
147
|
+
"type": {
|
|
148
|
+
"text": "boolean"
|
|
149
|
+
},
|
|
150
|
+
"description": "If set to true, button will become disabled and not allow for interactions.",
|
|
151
|
+
"default": "false",
|
|
152
|
+
"attribute": "disabled",
|
|
153
|
+
"reflects": true,
|
|
154
|
+
"inheritedFrom": {
|
|
155
|
+
"name": "AuroButton",
|
|
156
|
+
"module": "src/auro-button.js"
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"kind": "field",
|
|
161
|
+
"name": "fluid",
|
|
162
|
+
"privacy": "public",
|
|
163
|
+
"type": {
|
|
164
|
+
"text": "boolean"
|
|
165
|
+
},
|
|
166
|
+
"description": "Alters the shape of the button to be full width of its parent container.",
|
|
167
|
+
"default": "false",
|
|
168
|
+
"attribute": "fluid",
|
|
169
|
+
"reflects": true,
|
|
170
|
+
"inheritedFrom": {
|
|
171
|
+
"name": "AuroButton",
|
|
172
|
+
"module": "src/auro-button.js"
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"kind": "method",
|
|
177
|
+
"name": "focus",
|
|
178
|
+
"description": "Internal method to apply focus to the HTML5 button.",
|
|
179
|
+
"privacy": "private",
|
|
180
|
+
"return": {
|
|
181
|
+
"type": {
|
|
182
|
+
"text": "void"
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
"inheritedFrom": {
|
|
186
|
+
"name": "AuroButton",
|
|
187
|
+
"module": "src/auro-button.js"
|
|
188
|
+
}
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"kind": "field",
|
|
192
|
+
"name": "form",
|
|
193
|
+
"description": "Returns the form element that this button is associated with.",
|
|
194
|
+
"privacy": "private",
|
|
195
|
+
"return": {
|
|
196
|
+
"type": {
|
|
197
|
+
"text": "HTMLFormElement | null"
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
"readonly": true,
|
|
201
|
+
"inheritedFrom": {
|
|
202
|
+
"name": "AuroButton",
|
|
203
|
+
"module": "src/auro-button.js"
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"kind": "field",
|
|
208
|
+
"name": "formAssociated",
|
|
209
|
+
"static": true,
|
|
210
|
+
"description": "Enables form association for this element.",
|
|
211
|
+
"return": {
|
|
212
|
+
"type": {
|
|
213
|
+
"text": "boolean"
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
"readonly": true,
|
|
217
|
+
"inheritedFrom": {
|
|
218
|
+
"name": "AuroButton",
|
|
219
|
+
"module": "src/auro-button.js"
|
|
220
|
+
}
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"kind": "method",
|
|
224
|
+
"name": "generateAriaLabel",
|
|
225
|
+
"description": "Returns the appropriate string to be used for the aria-label attribute.",
|
|
226
|
+
"return": {
|
|
227
|
+
"type": {
|
|
228
|
+
"text": "String"
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
"privacy": "private",
|
|
232
|
+
"inheritedFrom": {
|
|
233
|
+
"name": "AuroButton",
|
|
234
|
+
"module": "src/auro-button.js"
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"kind": "method",
|
|
239
|
+
"name": "getFontSize",
|
|
240
|
+
"description": "Gets a class name for the font size based on the button's size and shape.",
|
|
241
|
+
"return": {
|
|
242
|
+
"type": {
|
|
243
|
+
"text": "string"
|
|
244
|
+
}
|
|
245
|
+
},
|
|
246
|
+
"privacy": "private",
|
|
247
|
+
"inheritedFrom": {
|
|
248
|
+
"name": "AuroButton",
|
|
249
|
+
"module": "src/auro-button.js"
|
|
250
|
+
}
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"kind": "field",
|
|
254
|
+
"name": "iconOnly",
|
|
255
|
+
"description": "Whether or not the button is set to an icon-only shape.",
|
|
256
|
+
"return": {
|
|
257
|
+
"type": {
|
|
258
|
+
"text": "boolean"
|
|
259
|
+
}
|
|
260
|
+
},
|
|
261
|
+
"privacy": "private",
|
|
262
|
+
"readonly": true,
|
|
263
|
+
"inheritedFrom": {
|
|
264
|
+
"name": "AuroButton",
|
|
265
|
+
"module": "src/auro-button.js"
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"kind": "field",
|
|
270
|
+
"name": "layout",
|
|
271
|
+
"privacy": "private",
|
|
272
|
+
"type": {
|
|
273
|
+
"text": "boolean"
|
|
274
|
+
},
|
|
275
|
+
"description": "Override layout since it isn't used in this component.",
|
|
276
|
+
"inheritedFrom": {
|
|
277
|
+
"name": "AuroButton",
|
|
278
|
+
"module": "src/auro-button.js"
|
|
279
|
+
}
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"kind": "field",
|
|
283
|
+
"name": "loaderTag",
|
|
284
|
+
"privacy": "private",
|
|
285
|
+
"inheritedFrom": {
|
|
286
|
+
"name": "AuroButton",
|
|
287
|
+
"module": "src/auro-button.js"
|
|
288
|
+
}
|
|
289
|
+
},
|
|
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
|
+
},
|
|
379
|
+
{
|
|
380
|
+
"kind": "method",
|
|
381
|
+
"name": "register",
|
|
382
|
+
"static": true,
|
|
383
|
+
"parameters": [
|
|
384
|
+
{
|
|
385
|
+
"name": "name",
|
|
386
|
+
"default": "\"auro-accordion-button\"",
|
|
387
|
+
"description": "The name of element that you want to register to.",
|
|
388
|
+
"optional": true,
|
|
389
|
+
"type": {
|
|
390
|
+
"text": "string"
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
],
|
|
394
|
+
"description": "This will register this element with the browser.",
|
|
395
|
+
"inheritedFrom": {
|
|
396
|
+
"name": "AuroButton",
|
|
397
|
+
"module": "src/auro-button.js"
|
|
398
|
+
}
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"kind": "method",
|
|
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
|
+
}
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"kind": "method",
|
|
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
|
+
}
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"kind": "method",
|
|
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
|
+
}
|
|
721
|
+
},
|
|
722
|
+
{
|
|
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
|
+
}
|
|
733
|
+
},
|
|
734
|
+
{
|
|
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
|
+
}
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"name": "tabindex",
|
|
749
|
+
"type": {
|
|
750
|
+
"text": "string"
|
|
751
|
+
},
|
|
752
|
+
"description": "Populates `tabindex` to define the focusable sequence in keyboard navigation.\nMust be used with \".\" to ensure the host element does not retain a reference to the `tabindex` attribute.\nExample: `<auro-button .tabindex=\"${this.disabled ? '-1' : '0'}\"></auro-button>`.",
|
|
753
|
+
"fieldName": "tabindex",
|
|
754
|
+
"inheritedFrom": {
|
|
755
|
+
"name": "AuroButton",
|
|
756
|
+
"module": "src/auro-button.js"
|
|
757
|
+
}
|
|
758
|
+
},
|
|
759
|
+
{
|
|
760
|
+
"name": "tIndex",
|
|
761
|
+
"type": {
|
|
762
|
+
"text": "string"
|
|
763
|
+
},
|
|
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
|
+
},
|
|
771
|
+
{
|
|
772
|
+
"name": "title",
|
|
773
|
+
"type": {
|
|
774
|
+
"text": "string"
|
|
775
|
+
},
|
|
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
|
+
},
|
|
783
|
+
{
|
|
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",
|
|
797
|
+
"type": {
|
|
798
|
+
"text": "string"
|
|
799
|
+
},
|
|
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
|
+
}
|
|
806
|
+
},
|
|
807
|
+
{
|
|
808
|
+
"name": "variant",
|
|
809
|
+
"type": {
|
|
810
|
+
"text": "'primary', 'secondary', 'tertiary', 'ghost', 'flat'"
|
|
811
|
+
},
|
|
812
|
+
"description": "Sets the button variant.",
|
|
813
|
+
"default": "\"primary\"",
|
|
814
|
+
"fieldName": "variant",
|
|
815
|
+
"inheritedFrom": {
|
|
816
|
+
"name": "AuroButton",
|
|
817
|
+
"module": "src/auro-button.js"
|
|
818
|
+
}
|
|
819
|
+
}
|
|
820
|
+
],
|
|
821
|
+
"superclass": {
|
|
822
|
+
"name": "AuroButton",
|
|
823
|
+
"package": "@aurodesignsystem/auro-button/class"
|
|
824
|
+
}
|
|
825
|
+
}
|
|
826
|
+
],
|
|
827
|
+
"exports": [
|
|
828
|
+
{
|
|
829
|
+
"kind": "js",
|
|
830
|
+
"name": "AuroAccordionButton",
|
|
831
|
+
"declaration": {
|
|
832
|
+
"name": "AuroAccordionButton",
|
|
833
|
+
"module": "src/auro-accordion-button.js"
|
|
834
|
+
}
|
|
835
|
+
}
|
|
836
|
+
]
|
|
837
|
+
},
|
|
838
|
+
{
|
|
839
|
+
"kind": "javascript-module",
|
|
840
|
+
"path": "src/auro-accordion-group.js",
|
|
841
|
+
"declarations": [
|
|
842
|
+
{
|
|
843
|
+
"kind": "class",
|
|
844
|
+
"description": "The `auro-accordion-group` element allows users to group accordions together and give them an auto closing functionality when others are selected.",
|
|
845
|
+
"name": "AuroAccordionGroup",
|
|
846
|
+
"members": [
|
|
847
|
+
{
|
|
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
|
|
857
|
+
},
|
|
858
|
+
{
|
|
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
|
|
868
|
+
},
|
|
869
|
+
{
|
|
870
|
+
"kind": "method",
|
|
871
|
+
"name": "handleItems",
|
|
872
|
+
"description": "Internal function to add all accordions into an array.",
|
|
873
|
+
"privacy": "private"
|
|
874
|
+
},
|
|
875
|
+
{
|
|
876
|
+
"kind": "method",
|
|
877
|
+
"name": "handleSlotContentChange",
|
|
878
|
+
"type": {
|
|
879
|
+
"text": "handleSlotContentChange() => void"
|
|
880
|
+
}
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"kind": "method",
|
|
884
|
+
"name": "handleToggleExpanded",
|
|
885
|
+
"parameters": [
|
|
886
|
+
{
|
|
887
|
+
"name": "event",
|
|
888
|
+
"description": "Standard event parameter.",
|
|
889
|
+
"type": {
|
|
890
|
+
"text": "object"
|
|
891
|
+
}
|
|
892
|
+
}
|
|
893
|
+
],
|
|
894
|
+
"description": "Internal function to toggle any expanded panels if it is not the one selected.",
|
|
895
|
+
"privacy": "private"
|
|
896
|
+
},
|
|
897
|
+
{
|
|
898
|
+
"kind": "method",
|
|
899
|
+
"name": "register",
|
|
900
|
+
"static": true,
|
|
901
|
+
"parameters": [
|
|
902
|
+
{
|
|
903
|
+
"name": "name",
|
|
904
|
+
"default": "\"auro-accordion-group\"",
|
|
905
|
+
"description": "The name of the element that you want to register.",
|
|
906
|
+
"optional": true,
|
|
907
|
+
"type": {
|
|
908
|
+
"text": "string"
|
|
909
|
+
}
|
|
910
|
+
}
|
|
911
|
+
],
|
|
912
|
+
"description": "This will register this element with the browser.",
|
|
913
|
+
"type": {
|
|
914
|
+
"text": "register(name?: string = \"auro-accordion-group\") => void"
|
|
915
|
+
}
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"kind": "field",
|
|
919
|
+
"name": "runtimeUtils",
|
|
920
|
+
"privacy": "private",
|
|
921
|
+
"default": "new AuroLibraryRuntimeUtils()"
|
|
922
|
+
},
|
|
923
|
+
{
|
|
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"
|
|
928
|
+
},
|
|
929
|
+
{
|
|
930
|
+
"kind": "field",
|
|
931
|
+
"name": "variant",
|
|
932
|
+
"privacy": "public",
|
|
933
|
+
"type": {
|
|
934
|
+
"text": "'sm' | 'lg'"
|
|
935
|
+
},
|
|
936
|
+
"description": "Sets accordion variant option.",
|
|
937
|
+
"attribute": "variant",
|
|
938
|
+
"reflects": true
|
|
939
|
+
}
|
|
940
|
+
],
|
|
941
|
+
"attributes": [
|
|
942
|
+
{
|
|
943
|
+
"name": "disabled",
|
|
944
|
+
"type": {
|
|
945
|
+
"text": "boolean"
|
|
946
|
+
},
|
|
947
|
+
"description": "If set, the whole accordion inside the group are disabled and have reduced opacity.",
|
|
948
|
+
"fieldName": "disabled"
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"name": "emphasis",
|
|
952
|
+
"type": {
|
|
953
|
+
"text": "boolean"
|
|
954
|
+
},
|
|
955
|
+
"description": "If set, emphasis styles will be applied to the auro-accordions.",
|
|
956
|
+
"fieldName": "emphasis"
|
|
957
|
+
},
|
|
958
|
+
{
|
|
959
|
+
"name": "variant",
|
|
960
|
+
"type": {
|
|
961
|
+
"text": "'sm' | 'lg'"
|
|
962
|
+
},
|
|
963
|
+
"description": "Sets accordion variant option.",
|
|
964
|
+
"fieldName": "variant"
|
|
965
|
+
}
|
|
966
|
+
],
|
|
967
|
+
"superclass": {
|
|
968
|
+
"name": "LitElement",
|
|
969
|
+
"package": "lit"
|
|
970
|
+
},
|
|
971
|
+
"tagName": "auro-accordion-group",
|
|
972
|
+
"customElement": true,
|
|
973
|
+
"modulePath": "src/auro-accordion-group.js"
|
|
974
|
+
}
|
|
975
|
+
],
|
|
976
|
+
"exports": [
|
|
977
|
+
{
|
|
978
|
+
"kind": "js",
|
|
979
|
+
"name": "AuroAccordionGroup",
|
|
980
|
+
"declaration": {
|
|
981
|
+
"name": "AuroAccordionGroup",
|
|
982
|
+
"module": "src/auro-accordion-group.js"
|
|
983
|
+
}
|
|
984
|
+
}
|
|
985
|
+
]
|
|
986
|
+
},
|
|
987
|
+
{
|
|
988
|
+
"kind": "javascript-module",
|
|
989
|
+
"path": "src/auro-accordion.js",
|
|
990
|
+
"declarations": [
|
|
991
|
+
{
|
|
992
|
+
"kind": "class",
|
|
993
|
+
"description": "The `auro-accordion` element provides users a way to have collapsible content on a page.",
|
|
994
|
+
"name": "AuroAccordion",
|
|
995
|
+
"cssParts": [
|
|
996
|
+
{
|
|
997
|
+
"description": "Apply CSS to Accordion wrapper.",
|
|
998
|
+
"name": "accordion"
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
"description": "Apply CSS to chevron icon.",
|
|
1002
|
+
"name": "chevron"
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
"description": "Apply CSS to the accordion content.",
|
|
1006
|
+
"name": "content"
|
|
1007
|
+
},
|
|
1008
|
+
{
|
|
1009
|
+
"description": "Apply CSS to trigger element.",
|
|
1010
|
+
"name": "trigger"
|
|
1011
|
+
}
|
|
1012
|
+
],
|
|
1013
|
+
"slots": [
|
|
1014
|
+
{
|
|
1015
|
+
"description": "Default slot for the accordion content.",
|
|
1016
|
+
"name": ""
|
|
1017
|
+
},
|
|
1018
|
+
{
|
|
1019
|
+
"description": "Defines the content of the trigger element.",
|
|
1020
|
+
"name": "trigger"
|
|
1021
|
+
}
|
|
1022
|
+
],
|
|
1023
|
+
"members": [
|
|
1024
|
+
{
|
|
1025
|
+
"kind": "field",
|
|
1026
|
+
"name": "alignRight",
|
|
1027
|
+
"privacy": "public",
|
|
1028
|
+
"type": {
|
|
1029
|
+
"text": "boolean"
|
|
1030
|
+
},
|
|
1031
|
+
"description": "If set, the trigger content will align right.",
|
|
1032
|
+
"attribute": "alignRight",
|
|
1033
|
+
"reflects": true
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"kind": "field",
|
|
1037
|
+
"name": "buttonNameHash",
|
|
1038
|
+
"privacy": "private"
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
"kind": "field",
|
|
1042
|
+
"name": "buttonTag",
|
|
1043
|
+
"privacy": "private"
|
|
1044
|
+
},
|
|
1045
|
+
{
|
|
1046
|
+
"kind": "field",
|
|
1047
|
+
"name": "chevron",
|
|
1048
|
+
"privacy": "public",
|
|
1049
|
+
"type": {
|
|
1050
|
+
"text": "'none' | 'right'"
|
|
1051
|
+
},
|
|
1052
|
+
"description": "Sets chevron variant option.",
|
|
1053
|
+
"attribute": "chevron",
|
|
1054
|
+
"reflects": true
|
|
1055
|
+
},
|
|
1056
|
+
{
|
|
1057
|
+
"kind": "field",
|
|
1058
|
+
"name": "disabled",
|
|
1059
|
+
"privacy": "public",
|
|
1060
|
+
"type": {
|
|
1061
|
+
"text": "boolean"
|
|
1062
|
+
},
|
|
1063
|
+
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
1064
|
+
"attribute": "disabled",
|
|
1065
|
+
"reflects": true
|
|
1066
|
+
},
|
|
1067
|
+
{
|
|
1068
|
+
"kind": "field",
|
|
1069
|
+
"name": "emphasis",
|
|
1070
|
+
"privacy": "public",
|
|
1071
|
+
"type": {
|
|
1072
|
+
"text": "boolean"
|
|
1073
|
+
},
|
|
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
|
|
1089
|
+
},
|
|
1090
|
+
{
|
|
1091
|
+
"kind": "method",
|
|
1092
|
+
"name": "generateRandomLetters",
|
|
1093
|
+
"parameters": [
|
|
1094
|
+
{
|
|
1095
|
+
"name": "length",
|
|
1096
|
+
"description": "The number of characters to generate in the string.",
|
|
1097
|
+
"type": {
|
|
1098
|
+
"text": "number"
|
|
1099
|
+
}
|
|
1100
|
+
}
|
|
1101
|
+
],
|
|
1102
|
+
"description": "Generates a random string of letters.",
|
|
1103
|
+
"privacy": "private",
|
|
1104
|
+
"return": {
|
|
1105
|
+
"type": {
|
|
1106
|
+
"text": "string"
|
|
1107
|
+
}
|
|
1108
|
+
}
|
|
1109
|
+
},
|
|
1110
|
+
{
|
|
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
|
|
1120
|
+
},
|
|
1121
|
+
{
|
|
1122
|
+
"kind": "method",
|
|
1123
|
+
"name": "handleButtonClick",
|
|
1124
|
+
"parameters": [
|
|
1125
|
+
{
|
|
1126
|
+
"name": "event",
|
|
1127
|
+
"description": "The event object.",
|
|
1128
|
+
"type": {
|
|
1129
|
+
"text": "Event"
|
|
1130
|
+
}
|
|
1131
|
+
}
|
|
1132
|
+
],
|
|
1133
|
+
"description": "Toggles the visibility of the accordion content when button gets clicked.",
|
|
1134
|
+
"privacy": "private"
|
|
1135
|
+
},
|
|
1136
|
+
{
|
|
1137
|
+
"kind": "field",
|
|
1138
|
+
"name": "iconTag",
|
|
1139
|
+
"privacy": "private"
|
|
1140
|
+
},
|
|
1141
|
+
{
|
|
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"
|
|
1159
|
+
}
|
|
1160
|
+
},
|
|
1161
|
+
{
|
|
1162
|
+
"kind": "method",
|
|
1163
|
+
"name": "renderChevronIcons",
|
|
1164
|
+
"description": "Renders the chevron icons.",
|
|
1165
|
+
"privacy": "private",
|
|
1166
|
+
"return": {
|
|
1167
|
+
"type": {
|
|
1168
|
+
"text": "TemplateResult"
|
|
1169
|
+
}
|
|
1170
|
+
}
|
|
1171
|
+
},
|
|
1172
|
+
{
|
|
1173
|
+
"kind": "field",
|
|
1174
|
+
"name": "runtimeUtils",
|
|
1175
|
+
"privacy": "private",
|
|
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"
|
|
1184
|
+
}
|
|
1185
|
+
},
|
|
1186
|
+
{
|
|
1187
|
+
"kind": "field",
|
|
1188
|
+
"name": "variant",
|
|
1189
|
+
"privacy": "public",
|
|
1190
|
+
"type": {
|
|
1191
|
+
"text": "'sm' | 'lg'"
|
|
1192
|
+
},
|
|
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": [
|
|
1208
|
+
{
|
|
1209
|
+
"name": "alignRight",
|
|
1210
|
+
"type": {
|
|
1211
|
+
"text": "boolean"
|
|
1212
|
+
},
|
|
1213
|
+
"description": "If set, the trigger content will align right.",
|
|
1214
|
+
"fieldName": "alignRight"
|
|
1215
|
+
},
|
|
1216
|
+
{
|
|
1217
|
+
"name": "chevron",
|
|
1218
|
+
"type": {
|
|
1219
|
+
"text": "'none' | 'right'"
|
|
1220
|
+
},
|
|
1221
|
+
"description": "Sets chevron variant option.",
|
|
1222
|
+
"fieldName": "chevron"
|
|
1223
|
+
},
|
|
1224
|
+
{
|
|
1225
|
+
"name": "disabled",
|
|
1226
|
+
"type": {
|
|
1227
|
+
"text": "boolean"
|
|
1228
|
+
},
|
|
1229
|
+
"description": "If set, the accordion is disabled and have reduced opacity.",
|
|
1230
|
+
"fieldName": "disabled"
|
|
1231
|
+
},
|
|
1232
|
+
{
|
|
1233
|
+
"name": "emphasis",
|
|
1234
|
+
"type": {
|
|
1235
|
+
"text": "boolean"
|
|
1236
|
+
},
|
|
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"
|
|
1239
|
+
},
|
|
1240
|
+
{
|
|
1241
|
+
"name": "expanded",
|
|
1242
|
+
"type": {
|
|
1243
|
+
"text": "boolean"
|
|
1244
|
+
},
|
|
1245
|
+
"description": "If set, the accordion is expanded.",
|
|
1246
|
+
"default": "false",
|
|
1247
|
+
"fieldName": "expanded"
|
|
1248
|
+
},
|
|
1249
|
+
{
|
|
1250
|
+
"name": "grouped",
|
|
1251
|
+
"type": {
|
|
1252
|
+
"text": "boolean"
|
|
1253
|
+
},
|
|
1254
|
+
"description": "Attribute will be set on accordion when it appears in an accordion group.",
|
|
1255
|
+
"fieldName": "grouped"
|
|
1256
|
+
},
|
|
1257
|
+
{
|
|
1258
|
+
"name": "variant",
|
|
1259
|
+
"type": {
|
|
1260
|
+
"text": "'sm' | 'lg'"
|
|
1261
|
+
},
|
|
1262
|
+
"description": "Sets accordion variant option.",
|
|
1263
|
+
"fieldName": "variant"
|
|
1264
|
+
}
|
|
1265
|
+
],
|
|
1266
|
+
"superclass": {
|
|
1267
|
+
"name": "LitElement",
|
|
1268
|
+
"package": "lit"
|
|
1269
|
+
},
|
|
1270
|
+
"tagName": "auro-accordion",
|
|
1271
|
+
"customElement": true,
|
|
1272
|
+
"modulePath": "src/auro-accordion.js"
|
|
1273
|
+
}
|
|
1274
|
+
],
|
|
1275
|
+
"exports": [
|
|
1276
|
+
{
|
|
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": "AuroAccordionGroup",
|
|
1317
|
+
"declaration": {
|
|
1318
|
+
"name": "AuroAccordionGroup",
|
|
1319
|
+
"module": "src/index.js"
|
|
1320
|
+
}
|
|
1321
|
+
}
|
|
1322
|
+
]
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"kind": "javascript-module",
|
|
1326
|
+
"path": "src/registered.js",
|
|
1327
|
+
"declarations": [],
|
|
1328
|
+
"exports": []
|
|
1329
|
+
}
|
|
1330
|
+
]
|
|
1331
|
+
}
|