@aurodesignsystem-dev/auro-hyperlink 0.0.0-pr322.0 → 0.0.0-pr328.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -3
- package/custom-elements.json +64 -1799
- package/demo/a11y.html +3 -3
- package/demo/a11y.md +11 -9
- package/demo/api.html +2 -2
- package/demo/api.js +2 -1
- package/demo/api.md +311 -168
- package/demo/api.min.js +14 -1
- package/demo/auro-hyperlink.min.js +64 -52
- package/demo/index.html +2 -2
- package/demo/index.js +0 -2
- package/demo/index.md +23 -259
- package/demo/index.min.js +0 -31
- package/dist/{auro-hyperlink-isNf5eLk.js → auro-hyperlink-SowfvvPT.js} +4 -4
- package/dist/index.d.ts +227 -124
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +9 -5
package/custom-elements.json
CHANGED
|
@@ -4,1663 +4,9 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "
|
|
8
|
-
"declarations": [
|
|
9
|
-
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "`<auro-hyperlink>` is a component that wraps an HTML `<a>` element, providing additional styling and behavior.",
|
|
12
|
-
"name": "AuroHyperlinkWCA",
|
|
13
|
-
"superclass": {
|
|
14
|
-
"name": "AuroHyperlink",
|
|
15
|
-
"module": "/src/auro-hyperlink.js"
|
|
16
|
-
},
|
|
17
|
-
"tagName": "auro-hyperlink",
|
|
18
|
-
"customElement": true,
|
|
19
|
-
"cssParts": [
|
|
20
|
-
{
|
|
21
|
-
"description": "Allows styling to be applied to the `a` element.",
|
|
22
|
-
"name": "link",
|
|
23
|
-
"inheritedFrom": {
|
|
24
|
-
"name": "AuroHyperlink",
|
|
25
|
-
"module": "src/auro-hyperlink.js"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"description": "Allows styling to be applied to the icon that appears next to the hyperlink.",
|
|
30
|
-
"name": "targetIcon",
|
|
31
|
-
"inheritedFrom": {
|
|
32
|
-
"name": "AuroHyperlink",
|
|
33
|
-
"module": "src/auro-hyperlink.js"
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
],
|
|
37
|
-
"attributes": [
|
|
38
|
-
{
|
|
39
|
-
"name": "appearance",
|
|
40
|
-
"type": {
|
|
41
|
-
"text": "string"
|
|
42
|
-
},
|
|
43
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
44
|
-
"default": "\"default\"",
|
|
45
|
-
"fieldName": "appearance",
|
|
46
|
-
"inheritedFrom": {
|
|
47
|
-
"name": "AuroElement",
|
|
48
|
-
"module": "src/layoutElement/auroElement.js"
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
"name": "download",
|
|
53
|
-
"type": {
|
|
54
|
-
"text": "boolean"
|
|
55
|
-
},
|
|
56
|
-
"description": "If true, the linked resource will be downloaded when the hyperlink is clicked.",
|
|
57
|
-
"default": "false",
|
|
58
|
-
"fieldName": "download",
|
|
59
|
-
"inheritedFrom": {
|
|
60
|
-
"name": "ComponentBase",
|
|
61
|
-
"module": "src/component-base.mjs"
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"name": "fluid",
|
|
66
|
-
"type": {
|
|
67
|
-
"text": "boolean"
|
|
68
|
-
},
|
|
69
|
-
"description": "If true and `type=\"cta\"`, the hyperlink will have a fluid-width UI.",
|
|
70
|
-
"fieldName": "fluid",
|
|
71
|
-
"inheritedFrom": {
|
|
72
|
-
"name": "ComponentBase",
|
|
73
|
-
"module": "src/component-base.mjs"
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"name": "href",
|
|
78
|
-
"type": {
|
|
79
|
-
"text": "string"
|
|
80
|
-
},
|
|
81
|
-
"description": "Defines the URL of the linked page.",
|
|
82
|
-
"fieldName": "href",
|
|
83
|
-
"inheritedFrom": {
|
|
84
|
-
"name": "ComponentBase",
|
|
85
|
-
"module": "src/component-base.mjs"
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"name": "layout",
|
|
90
|
-
"type": {
|
|
91
|
-
"text": "string"
|
|
92
|
-
},
|
|
93
|
-
"description": "Defines the language of an element.",
|
|
94
|
-
"default": "{'default'}",
|
|
95
|
-
"fieldName": "layout",
|
|
96
|
-
"inheritedFrom": {
|
|
97
|
-
"name": "AuroElement",
|
|
98
|
-
"module": "src/layoutElement/auroElement.js"
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"name": "ondark",
|
|
103
|
-
"type": {
|
|
104
|
-
"text": "boolean"
|
|
105
|
-
},
|
|
106
|
-
"fieldName": "ondark",
|
|
107
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
108
|
-
"default": "false",
|
|
109
|
-
"inheritedFrom": {
|
|
110
|
-
"name": "AuroElement",
|
|
111
|
-
"module": "src/layoutElement/auroElement.js"
|
|
112
|
-
}
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "referrerpolicy",
|
|
116
|
-
"type": {
|
|
117
|
-
"text": "boolean"
|
|
118
|
-
},
|
|
119
|
-
"description": "If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.",
|
|
120
|
-
"fieldName": "referrerpolicy",
|
|
121
|
-
"inheritedFrom": {
|
|
122
|
-
"name": "ComponentBase",
|
|
123
|
-
"module": "src/component-base.mjs"
|
|
124
|
-
}
|
|
125
|
-
},
|
|
126
|
-
{
|
|
127
|
-
"name": "rel",
|
|
128
|
-
"type": {
|
|
129
|
-
"text": "string"
|
|
130
|
-
},
|
|
131
|
-
"description": "Defines the relationship between the current document and the linked document.",
|
|
132
|
-
"fieldName": "rel",
|
|
133
|
-
"inheritedFrom": {
|
|
134
|
-
"name": "ComponentBase",
|
|
135
|
-
"module": "src/component-base.mjs"
|
|
136
|
-
}
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"name": "shape",
|
|
140
|
-
"type": {
|
|
141
|
-
"text": "string"
|
|
142
|
-
},
|
|
143
|
-
"fieldName": "shape",
|
|
144
|
-
"inheritedFrom": {
|
|
145
|
-
"name": "AuroElement",
|
|
146
|
-
"module": "src/layoutElement/auroElement.js"
|
|
147
|
-
}
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
"name": "size",
|
|
151
|
-
"type": {
|
|
152
|
-
"text": "string"
|
|
153
|
-
},
|
|
154
|
-
"fieldName": "size",
|
|
155
|
-
"inheritedFrom": {
|
|
156
|
-
"name": "AuroElement",
|
|
157
|
-
"module": "src/layoutElement/auroElement.js"
|
|
158
|
-
}
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"name": "target",
|
|
162
|
-
"type": {
|
|
163
|
-
"text": "string"
|
|
164
|
-
},
|
|
165
|
-
"description": "Defines where to open the linked document.",
|
|
166
|
-
"fieldName": "target",
|
|
167
|
-
"inheritedFrom": {
|
|
168
|
-
"name": "ComponentBase",
|
|
169
|
-
"module": "src/component-base.mjs"
|
|
170
|
-
}
|
|
171
|
-
},
|
|
172
|
-
{
|
|
173
|
-
"name": "type",
|
|
174
|
-
"type": {
|
|
175
|
-
"text": "string"
|
|
176
|
-
},
|
|
177
|
-
"description": "Defines the type of hyperlink; accepts `nav` or `cta`.",
|
|
178
|
-
"fieldName": "type",
|
|
179
|
-
"inheritedFrom": {
|
|
180
|
-
"name": "ComponentBase",
|
|
181
|
-
"module": "src/component-base.mjs"
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
"name": "variant",
|
|
186
|
-
"type": {
|
|
187
|
-
"text": "string"
|
|
188
|
-
},
|
|
189
|
-
"description": "Sets button variant option.",
|
|
190
|
-
"default": "\"primary\"",
|
|
191
|
-
"fieldName": "variant",
|
|
192
|
-
"inheritedFrom": {
|
|
193
|
-
"name": "ComponentBase",
|
|
194
|
-
"module": "src/component-base.mjs"
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
],
|
|
198
|
-
"members": [
|
|
199
|
-
{
|
|
200
|
-
"kind": "method",
|
|
201
|
-
"name": "_createRefs",
|
|
202
|
-
"description": "Create usable refs to internal elements",
|
|
203
|
-
"return": {
|
|
204
|
-
"type": {
|
|
205
|
-
"text": "void"
|
|
206
|
-
}
|
|
207
|
-
},
|
|
208
|
-
"privacy": "private",
|
|
209
|
-
"inheritedFrom": {
|
|
210
|
-
"name": "AuroHyperlink",
|
|
211
|
-
"module": "src/auro-hyperlink.js"
|
|
212
|
-
}
|
|
213
|
-
},
|
|
214
|
-
{
|
|
215
|
-
"kind": "field",
|
|
216
|
-
"name": "appearance",
|
|
217
|
-
"privacy": "public",
|
|
218
|
-
"type": {
|
|
219
|
-
"text": "string"
|
|
220
|
-
},
|
|
221
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
222
|
-
"default": "\"default\"",
|
|
223
|
-
"attribute": "appearance",
|
|
224
|
-
"reflects": true,
|
|
225
|
-
"inheritedFrom": {
|
|
226
|
-
"name": "AuroElement",
|
|
227
|
-
"module": "src/layoutElement/auroElement.js"
|
|
228
|
-
}
|
|
229
|
-
},
|
|
230
|
-
{
|
|
231
|
-
"kind": "field",
|
|
232
|
-
"name": "ariapressed",
|
|
233
|
-
"type": {
|
|
234
|
-
"text": "string"
|
|
235
|
-
},
|
|
236
|
-
"privacy": "private",
|
|
237
|
-
"default": "\"false\"",
|
|
238
|
-
"inheritedFrom": {
|
|
239
|
-
"name": "ComponentBase",
|
|
240
|
-
"module": "src/component-base.mjs"
|
|
241
|
-
}
|
|
242
|
-
},
|
|
243
|
-
{
|
|
244
|
-
"kind": "method",
|
|
245
|
-
"name": "ariaPressedState",
|
|
246
|
-
"parameters": [
|
|
247
|
-
{
|
|
248
|
-
"name": "ariaPressed",
|
|
249
|
-
"description": "The initial value of the ARIA pressed state.",
|
|
250
|
-
"type": {
|
|
251
|
-
"text": "boolean"
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
],
|
|
255
|
-
"description": "Sets the ARIA pressed state based on user interactions.",
|
|
256
|
-
"privacy": "private",
|
|
257
|
-
"return": {
|
|
258
|
-
"type": {
|
|
259
|
-
"text": "boolean"
|
|
260
|
-
}
|
|
261
|
-
},
|
|
262
|
-
"inheritedFrom": {
|
|
263
|
-
"name": "ComponentBase",
|
|
264
|
-
"module": "src/component-base.mjs"
|
|
265
|
-
}
|
|
266
|
-
},
|
|
267
|
-
{
|
|
268
|
-
"kind": "field",
|
|
269
|
-
"name": "defaultReferrerPolicy",
|
|
270
|
-
"type": {
|
|
271
|
-
"text": "string"
|
|
272
|
-
},
|
|
273
|
-
"privacy": "private",
|
|
274
|
-
"default": "\"strict-origin-when-cross-origin\"",
|
|
275
|
-
"inheritedFrom": {
|
|
276
|
-
"name": "ComponentBase",
|
|
277
|
-
"module": "src/component-base.mjs"
|
|
278
|
-
}
|
|
279
|
-
},
|
|
280
|
-
{
|
|
281
|
-
"kind": "field",
|
|
282
|
-
"name": "download",
|
|
283
|
-
"privacy": "public",
|
|
284
|
-
"type": {
|
|
285
|
-
"text": "boolean"
|
|
286
|
-
},
|
|
287
|
-
"description": "If true, the linked resource will be downloaded when the hyperlink is clicked.",
|
|
288
|
-
"default": "false",
|
|
289
|
-
"attribute": "download",
|
|
290
|
-
"reflects": true,
|
|
291
|
-
"inheritedFrom": {
|
|
292
|
-
"name": "ComponentBase",
|
|
293
|
-
"module": "src/component-base.mjs"
|
|
294
|
-
}
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
"kind": "field",
|
|
298
|
-
"name": "fluid",
|
|
299
|
-
"privacy": "public",
|
|
300
|
-
"type": {
|
|
301
|
-
"text": "boolean"
|
|
302
|
-
},
|
|
303
|
-
"description": "If true and `type=\"cta\"`, the hyperlink will have a fluid-width UI.",
|
|
304
|
-
"attribute": "fluid",
|
|
305
|
-
"inheritedFrom": {
|
|
306
|
-
"name": "ComponentBase",
|
|
307
|
-
"module": "src/component-base.mjs"
|
|
308
|
-
}
|
|
309
|
-
},
|
|
310
|
-
{
|
|
311
|
-
"kind": "method",
|
|
312
|
-
"name": "generateIconHtml",
|
|
313
|
-
"parameters": [
|
|
314
|
-
{
|
|
315
|
-
"name": "svgContent",
|
|
316
|
-
"description": "The SVG content to be embedded.",
|
|
317
|
-
"type": {
|
|
318
|
-
"text": "string"
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
],
|
|
322
|
-
"description": "Generates an HTML element containing an SVG icon based on the provided `svgContent`.",
|
|
323
|
-
"privacy": "private",
|
|
324
|
-
"return": {
|
|
325
|
-
"type": {
|
|
326
|
-
"text": "Element"
|
|
327
|
-
}
|
|
328
|
-
},
|
|
329
|
-
"inheritedFrom": {
|
|
330
|
-
"name": "ComponentBase",
|
|
331
|
-
"module": "src/component-base.mjs"
|
|
332
|
-
}
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
"kind": "method",
|
|
336
|
-
"name": "getMarkup",
|
|
337
|
-
"description": "Generates an object containing CSS classes based on the properties of the component.",
|
|
338
|
-
"privacy": "private",
|
|
339
|
-
"return": {
|
|
340
|
-
"type": {
|
|
341
|
-
"text": "object"
|
|
342
|
-
}
|
|
343
|
-
},
|
|
344
|
-
"inheritedFrom": {
|
|
345
|
-
"name": "AuroHyperlink",
|
|
346
|
-
"module": "src/auro-hyperlink.js"
|
|
347
|
-
}
|
|
348
|
-
},
|
|
349
|
-
{
|
|
350
|
-
"kind": "method",
|
|
351
|
-
"name": "getRelType",
|
|
352
|
-
"parameters": [
|
|
353
|
-
{
|
|
354
|
-
"name": "target",
|
|
355
|
-
"description": "The target attribute of the anchor element.",
|
|
356
|
-
"type": {
|
|
357
|
-
"text": "string"
|
|
358
|
-
}
|
|
359
|
-
},
|
|
360
|
-
{
|
|
361
|
-
"name": "rel",
|
|
362
|
-
"description": "The rel attribute of the anchor element.",
|
|
363
|
-
"type": {
|
|
364
|
-
"text": "string"
|
|
365
|
-
}
|
|
366
|
-
}
|
|
367
|
-
],
|
|
368
|
-
"description": "Gets the rel attribute value based on target and rel values.",
|
|
369
|
-
"privacy": "private",
|
|
370
|
-
"return": {
|
|
371
|
-
"type": {
|
|
372
|
-
"text": "string|undefined"
|
|
373
|
-
}
|
|
374
|
-
},
|
|
375
|
-
"inheritedFrom": {
|
|
376
|
-
"name": "ComponentBase",
|
|
377
|
-
"module": "src/component-base.mjs"
|
|
378
|
-
}
|
|
379
|
-
},
|
|
380
|
-
{
|
|
381
|
-
"kind": "method",
|
|
382
|
-
"name": "getTabState",
|
|
383
|
-
"parameters": [
|
|
384
|
-
{
|
|
385
|
-
"name": "tabIsActive",
|
|
386
|
-
"description": "Indicates whether the tab is active.",
|
|
387
|
-
"type": {
|
|
388
|
-
"text": "boolean"
|
|
389
|
-
}
|
|
390
|
-
}
|
|
391
|
-
],
|
|
392
|
-
"description": "Returns the state of a tab as a string.",
|
|
393
|
-
"privacy": "private",
|
|
394
|
-
"return": {
|
|
395
|
-
"type": {
|
|
396
|
-
"text": "string"
|
|
397
|
-
}
|
|
398
|
-
},
|
|
399
|
-
"inheritedFrom": {
|
|
400
|
-
"name": "ComponentBase",
|
|
401
|
-
"module": "src/component-base.mjs"
|
|
402
|
-
}
|
|
403
|
-
},
|
|
404
|
-
{
|
|
405
|
-
"kind": "field",
|
|
406
|
-
"name": "href",
|
|
407
|
-
"privacy": "public",
|
|
408
|
-
"type": {
|
|
409
|
-
"text": "string"
|
|
410
|
-
},
|
|
411
|
-
"description": "Defines the URL of the linked page.",
|
|
412
|
-
"attribute": "href",
|
|
413
|
-
"reflects": true,
|
|
414
|
-
"inheritedFrom": {
|
|
415
|
-
"name": "ComponentBase",
|
|
416
|
-
"module": "src/component-base.mjs"
|
|
417
|
-
}
|
|
418
|
-
},
|
|
419
|
-
{
|
|
420
|
-
"kind": "field",
|
|
421
|
-
"name": "iconTag",
|
|
422
|
-
"privacy": "private",
|
|
423
|
-
"inheritedFrom": {
|
|
424
|
-
"name": "AuroHyperlink",
|
|
425
|
-
"module": "src/auro-hyperlink.js"
|
|
426
|
-
}
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"kind": "field",
|
|
430
|
-
"name": "includesDomain",
|
|
431
|
-
"description": "Checks whether the provided URI (if available) includes the 'http' protocol.\nIf the URI is truthy, it examines whether it contains 'http'.\nOtherwise, it returns false.",
|
|
432
|
-
"privacy": "private",
|
|
433
|
-
"return": {
|
|
434
|
-
"type": {
|
|
435
|
-
"text": "boolean"
|
|
436
|
-
}
|
|
437
|
-
},
|
|
438
|
-
"readonly": true,
|
|
439
|
-
"inheritedFrom": {
|
|
440
|
-
"name": "ComponentBase",
|
|
441
|
-
"module": "src/component-base.mjs"
|
|
442
|
-
}
|
|
443
|
-
},
|
|
444
|
-
{
|
|
445
|
-
"kind": "field",
|
|
446
|
-
"name": "layout",
|
|
447
|
-
"privacy": "public",
|
|
448
|
-
"type": {
|
|
449
|
-
"text": "string"
|
|
450
|
-
},
|
|
451
|
-
"description": "Defines the language of an element.",
|
|
452
|
-
"default": "{'default'}",
|
|
453
|
-
"attribute": "layout",
|
|
454
|
-
"reflects": true,
|
|
455
|
-
"inheritedFrom": {
|
|
456
|
-
"name": "AuroElement",
|
|
457
|
-
"module": "src/layoutElement/auroElement.js"
|
|
458
|
-
}
|
|
459
|
-
},
|
|
460
|
-
{
|
|
461
|
-
"kind": "field",
|
|
462
|
-
"name": "ondark",
|
|
463
|
-
"privacy": "public",
|
|
464
|
-
"type": {
|
|
465
|
-
"text": "boolean"
|
|
466
|
-
},
|
|
467
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
468
|
-
"default": "false",
|
|
469
|
-
"attribute": "ondark",
|
|
470
|
-
"inheritedFrom": {
|
|
471
|
-
"name": "ComponentBase",
|
|
472
|
-
"module": "src/component-base.mjs"
|
|
473
|
-
}
|
|
474
|
-
},
|
|
475
|
-
{
|
|
476
|
-
"kind": "field",
|
|
477
|
-
"name": "onDark",
|
|
478
|
-
"privacy": "public",
|
|
479
|
-
"type": {
|
|
480
|
-
"text": "boolean"
|
|
481
|
-
},
|
|
482
|
-
"attribute": "ondark",
|
|
483
|
-
"reflects": true,
|
|
484
|
-
"inheritedFrom": {
|
|
485
|
-
"name": "AuroElement",
|
|
486
|
-
"module": "src/layoutElement/auroElement.js"
|
|
487
|
-
}
|
|
488
|
-
},
|
|
489
|
-
{
|
|
490
|
-
"kind": "field",
|
|
491
|
-
"name": "referrerpolicy",
|
|
492
|
-
"privacy": "public",
|
|
493
|
-
"type": {
|
|
494
|
-
"text": "boolean"
|
|
495
|
-
},
|
|
496
|
-
"description": "If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.",
|
|
497
|
-
"attribute": "referrerpolicy",
|
|
498
|
-
"reflects": true,
|
|
499
|
-
"inheritedFrom": {
|
|
500
|
-
"name": "ComponentBase",
|
|
501
|
-
"module": "src/component-base.mjs"
|
|
502
|
-
}
|
|
503
|
-
},
|
|
504
|
-
{
|
|
505
|
-
"kind": "method",
|
|
506
|
-
"name": "register",
|
|
507
|
-
"static": true,
|
|
508
|
-
"parameters": [
|
|
509
|
-
{
|
|
510
|
-
"name": "name",
|
|
511
|
-
"default": "\"auro-hyperlink\"",
|
|
512
|
-
"description": "The name of element that you want to register to.",
|
|
513
|
-
"optional": true,
|
|
514
|
-
"type": {
|
|
515
|
-
"text": "string"
|
|
516
|
-
}
|
|
517
|
-
}
|
|
518
|
-
],
|
|
519
|
-
"description": "This will register this element with the browser.",
|
|
520
|
-
"inheritedFrom": {
|
|
521
|
-
"name": "AuroHyperlink",
|
|
522
|
-
"module": "src/auro-hyperlink.js"
|
|
523
|
-
}
|
|
524
|
-
},
|
|
525
|
-
{
|
|
526
|
-
"kind": "field",
|
|
527
|
-
"name": "rel",
|
|
528
|
-
"privacy": "public",
|
|
529
|
-
"type": {
|
|
530
|
-
"text": "string"
|
|
531
|
-
},
|
|
532
|
-
"description": "Defines the relationship between the current document and the linked document.",
|
|
533
|
-
"attribute": "rel",
|
|
534
|
-
"reflects": true,
|
|
535
|
-
"inheritedFrom": {
|
|
536
|
-
"name": "ComponentBase",
|
|
537
|
-
"module": "src/component-base.mjs"
|
|
538
|
-
}
|
|
539
|
-
},
|
|
540
|
-
{
|
|
541
|
-
"kind": "method",
|
|
542
|
-
"name": "renderLayoutCTA",
|
|
543
|
-
"description": "Renders the cta layout for the hyperlink.",
|
|
544
|
-
"return": {
|
|
545
|
-
"type": {
|
|
546
|
-
"text": "TemplateResult"
|
|
547
|
-
}
|
|
548
|
-
},
|
|
549
|
-
"privacy": "private",
|
|
550
|
-
"inheritedFrom": {
|
|
551
|
-
"name": "AuroHyperlink",
|
|
552
|
-
"module": "src/auro-hyperlink.js"
|
|
553
|
-
}
|
|
554
|
-
},
|
|
555
|
-
{
|
|
556
|
-
"kind": "method",
|
|
557
|
-
"name": "renderLayoutDefault",
|
|
558
|
-
"description": "Renders the default layout for the hyperlink.",
|
|
559
|
-
"return": {
|
|
560
|
-
"type": {
|
|
561
|
-
"text": "TemplateResult"
|
|
562
|
-
}
|
|
563
|
-
},
|
|
564
|
-
"privacy": "private",
|
|
565
|
-
"inheritedFrom": {
|
|
566
|
-
"name": "AuroHyperlink",
|
|
567
|
-
"module": "src/auro-hyperlink.js"
|
|
568
|
-
}
|
|
569
|
-
},
|
|
570
|
-
{
|
|
571
|
-
"type": {
|
|
572
|
-
"text": "String"
|
|
573
|
-
},
|
|
574
|
-
"description": "Defines ARIA roles; currently supports `button` for extended experiences.",
|
|
575
|
-
"name": "role",
|
|
576
|
-
"kind": "field",
|
|
577
|
-
"inheritedFrom": {
|
|
578
|
-
"name": "AuroHyperlink",
|
|
579
|
-
"module": "src/auro-hyperlink.js"
|
|
580
|
-
}
|
|
581
|
-
},
|
|
582
|
-
{
|
|
583
|
-
"kind": "field",
|
|
584
|
-
"name": "runtimeUtils",
|
|
585
|
-
"privacy": "private",
|
|
586
|
-
"default": "new AuroLibraryRuntimeUtils()",
|
|
587
|
-
"inheritedFrom": {
|
|
588
|
-
"name": "ComponentBase",
|
|
589
|
-
"module": "src/component-base.mjs"
|
|
590
|
-
}
|
|
591
|
-
},
|
|
592
|
-
{
|
|
593
|
-
"kind": "field",
|
|
594
|
-
"name": "safeUri",
|
|
595
|
-
"description": "Returns a safe URI based on the provided `href`.\nIf `href` is truthy, it generates a safe URL using the `safeUrl` function.\nOtherwise, it returns an empty string.",
|
|
596
|
-
"return": {
|
|
597
|
-
"type": {
|
|
598
|
-
"text": "string"
|
|
599
|
-
}
|
|
600
|
-
},
|
|
601
|
-
"readonly": true,
|
|
602
|
-
"inheritedFrom": {
|
|
603
|
-
"name": "ComponentBase",
|
|
604
|
-
"module": "src/component-base.mjs"
|
|
605
|
-
}
|
|
606
|
-
},
|
|
607
|
-
{
|
|
608
|
-
"kind": "method",
|
|
609
|
-
"name": "safeUrl",
|
|
610
|
-
"parameters": [
|
|
611
|
-
{
|
|
612
|
-
"name": "href",
|
|
613
|
-
"description": "The original URL.",
|
|
614
|
-
"type": {
|
|
615
|
-
"text": "string"
|
|
616
|
-
}
|
|
617
|
-
}
|
|
618
|
-
],
|
|
619
|
-
"description": "Generates a safe URL based on the provided `href` parameter.\nIf `href` is falsy, it returns `undefined`.",
|
|
620
|
-
"privacy": "private",
|
|
621
|
-
"return": {
|
|
622
|
-
"type": {
|
|
623
|
-
"text": "string|undefined"
|
|
624
|
-
}
|
|
625
|
-
},
|
|
626
|
-
"inheritedFrom": {
|
|
627
|
-
"name": "ComponentBase",
|
|
628
|
-
"module": "src/component-base.mjs"
|
|
629
|
-
}
|
|
630
|
-
},
|
|
631
|
-
{
|
|
632
|
-
"kind": "field",
|
|
633
|
-
"name": "shadowRootOptions",
|
|
634
|
-
"static": true,
|
|
635
|
-
"readonly": true,
|
|
636
|
-
"inheritedFrom": {
|
|
637
|
-
"name": "AuroHyperlink",
|
|
638
|
-
"module": "src/auro-hyperlink.js"
|
|
639
|
-
}
|
|
640
|
-
},
|
|
641
|
-
{
|
|
642
|
-
"kind": "field",
|
|
643
|
-
"name": "shape",
|
|
644
|
-
"privacy": "public",
|
|
645
|
-
"type": {
|
|
646
|
-
"text": "string"
|
|
647
|
-
},
|
|
648
|
-
"attribute": "shape",
|
|
649
|
-
"reflects": true,
|
|
650
|
-
"inheritedFrom": {
|
|
651
|
-
"name": "AuroElement",
|
|
652
|
-
"module": "src/layoutElement/auroElement.js"
|
|
653
|
-
}
|
|
654
|
-
},
|
|
655
|
-
{
|
|
656
|
-
"kind": "field",
|
|
657
|
-
"name": "size",
|
|
658
|
-
"privacy": "public",
|
|
659
|
-
"type": {
|
|
660
|
-
"text": "string"
|
|
661
|
-
},
|
|
662
|
-
"attribute": "size",
|
|
663
|
-
"reflects": true,
|
|
664
|
-
"inheritedFrom": {
|
|
665
|
-
"name": "AuroElement",
|
|
666
|
-
"module": "src/layoutElement/auroElement.js"
|
|
667
|
-
}
|
|
668
|
-
},
|
|
669
|
-
{
|
|
670
|
-
"kind": "field",
|
|
671
|
-
"name": "tabIsActive",
|
|
672
|
-
"type": {
|
|
673
|
-
"text": "string"
|
|
674
|
-
},
|
|
675
|
-
"privacy": "private",
|
|
676
|
-
"default": "\"false\"",
|
|
677
|
-
"inheritedFrom": {
|
|
678
|
-
"name": "ComponentBase",
|
|
679
|
-
"module": "src/component-base.mjs"
|
|
680
|
-
}
|
|
681
|
-
},
|
|
682
|
-
{
|
|
683
|
-
"kind": "field",
|
|
684
|
-
"name": "target",
|
|
685
|
-
"privacy": "public",
|
|
686
|
-
"type": {
|
|
687
|
-
"text": "string"
|
|
688
|
-
},
|
|
689
|
-
"description": "Defines where to open the linked document.",
|
|
690
|
-
"attribute": "target",
|
|
691
|
-
"reflects": true,
|
|
692
|
-
"inheritedFrom": {
|
|
693
|
-
"name": "ComponentBase",
|
|
694
|
-
"module": "src/component-base.mjs"
|
|
695
|
-
}
|
|
696
|
-
},
|
|
697
|
-
{
|
|
698
|
-
"kind": "method",
|
|
699
|
-
"name": "targetIcon",
|
|
700
|
-
"parameters": [
|
|
701
|
-
{
|
|
702
|
-
"name": "target",
|
|
703
|
-
"description": "The target attribute of the anchor element.",
|
|
704
|
-
"type": {
|
|
705
|
-
"text": "string"
|
|
706
|
-
}
|
|
707
|
-
}
|
|
708
|
-
],
|
|
709
|
-
"description": "Generates an icon HTML element based on the target attribute.",
|
|
710
|
-
"privacy": "private",
|
|
711
|
-
"return": {
|
|
712
|
-
"type": {
|
|
713
|
-
"text": "HTMLElement|undefined"
|
|
714
|
-
}
|
|
715
|
-
},
|
|
716
|
-
"inheritedFrom": {
|
|
717
|
-
"name": "ComponentBase",
|
|
718
|
-
"module": "src/component-base.mjs"
|
|
719
|
-
}
|
|
720
|
-
},
|
|
721
|
-
{
|
|
722
|
-
"kind": "field",
|
|
723
|
-
"name": "type",
|
|
724
|
-
"privacy": "public",
|
|
725
|
-
"type": {
|
|
726
|
-
"text": "string"
|
|
727
|
-
},
|
|
728
|
-
"description": "Defines the type of hyperlink; accepts `nav` or `cta`.",
|
|
729
|
-
"attribute": "type",
|
|
730
|
-
"reflects": true,
|
|
731
|
-
"inheritedFrom": {
|
|
732
|
-
"name": "ComponentBase",
|
|
733
|
-
"module": "src/component-base.mjs"
|
|
734
|
-
}
|
|
735
|
-
},
|
|
736
|
-
{
|
|
737
|
-
"kind": "field",
|
|
738
|
-
"name": "variant",
|
|
739
|
-
"privacy": "public",
|
|
740
|
-
"type": {
|
|
741
|
-
"text": "string"
|
|
742
|
-
},
|
|
743
|
-
"description": "Sets button variant option.",
|
|
744
|
-
"default": "\"primary\"",
|
|
745
|
-
"attribute": "variant",
|
|
746
|
-
"reflects": true,
|
|
747
|
-
"inheritedFrom": {
|
|
748
|
-
"name": "ComponentBase",
|
|
749
|
-
"module": "src/component-base.mjs"
|
|
750
|
-
}
|
|
751
|
-
}
|
|
752
|
-
]
|
|
753
|
-
}
|
|
754
|
-
],
|
|
755
|
-
"exports": [
|
|
756
|
-
{
|
|
757
|
-
"kind": "custom-element-definition",
|
|
758
|
-
"name": "auro-hyperlink",
|
|
759
|
-
"declaration": {
|
|
760
|
-
"name": "AuroHyperlinkWCA",
|
|
761
|
-
"module": "scripts/wca/auro-hyperlink.js"
|
|
762
|
-
}
|
|
763
|
-
}
|
|
764
|
-
]
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"kind": "javascript-module",
|
|
768
|
-
"path": "src/auro-hyperlink-button.js",
|
|
769
|
-
"declarations": [
|
|
770
|
-
{
|
|
771
|
-
"kind": "class",
|
|
772
|
-
"description": "",
|
|
773
|
-
"name": "AuroHyperlinkButton",
|
|
774
|
-
"members": [
|
|
775
|
-
{
|
|
776
|
-
"kind": "field",
|
|
777
|
-
"name": "_renderTag",
|
|
778
|
-
"description": "Renders the tag for the component.",
|
|
779
|
-
"return": {
|
|
780
|
-
"type": {
|
|
781
|
-
"text": "TemplateResult"
|
|
782
|
-
}
|
|
783
|
-
},
|
|
784
|
-
"privacy": "private",
|
|
785
|
-
"readonly": true,
|
|
786
|
-
"inheritedFrom": {
|
|
787
|
-
"name": "AuroButton",
|
|
788
|
-
"module": "src/auro-button.js"
|
|
789
|
-
}
|
|
790
|
-
},
|
|
791
|
-
{
|
|
792
|
-
"kind": "field",
|
|
793
|
-
"name": "appearance",
|
|
794
|
-
"privacy": "public",
|
|
795
|
-
"type": {
|
|
796
|
-
"text": "string"
|
|
797
|
-
},
|
|
798
|
-
"description": "Defines whether the button will be on lighter or darker backgrounds.",
|
|
799
|
-
"default": "'default'",
|
|
800
|
-
"attribute": "appearance",
|
|
801
|
-
"reflects": true,
|
|
802
|
-
"inheritedFrom": {
|
|
803
|
-
"name": "AuroElement",
|
|
804
|
-
"module": "src/layoutElement/auroElement.js"
|
|
805
|
-
}
|
|
806
|
-
},
|
|
807
|
-
{
|
|
808
|
-
"kind": "field",
|
|
809
|
-
"name": "autofocus",
|
|
810
|
-
"privacy": "public",
|
|
811
|
-
"type": {
|
|
812
|
-
"text": "boolean"
|
|
813
|
-
},
|
|
814
|
-
"description": "This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user.",
|
|
815
|
-
"default": "false",
|
|
816
|
-
"attribute": "autofocus",
|
|
817
|
-
"reflects": true,
|
|
818
|
-
"inheritedFrom": {
|
|
819
|
-
"name": "AuroButton",
|
|
820
|
-
"module": "src/auro-button.js"
|
|
821
|
-
}
|
|
822
|
-
},
|
|
823
|
-
{
|
|
824
|
-
"kind": "field",
|
|
825
|
-
"name": "buttonHref",
|
|
826
|
-
"privacy": "private",
|
|
827
|
-
"type": {
|
|
828
|
-
"text": "string"
|
|
829
|
-
},
|
|
830
|
-
"default": "undefined",
|
|
831
|
-
"attribute": "buttonHref",
|
|
832
|
-
"inheritedFrom": {
|
|
833
|
-
"name": "AuroButton",
|
|
834
|
-
"module": "src/auro-button.js"
|
|
835
|
-
}
|
|
836
|
-
},
|
|
837
|
-
{
|
|
838
|
-
"kind": "field",
|
|
839
|
-
"name": "buttonRel",
|
|
840
|
-
"privacy": "private",
|
|
841
|
-
"type": {
|
|
842
|
-
"text": "string"
|
|
843
|
-
},
|
|
844
|
-
"default": "undefined",
|
|
845
|
-
"attribute": "buttonRel",
|
|
846
|
-
"inheritedFrom": {
|
|
847
|
-
"name": "AuroButton",
|
|
848
|
-
"module": "src/auro-button.js"
|
|
849
|
-
}
|
|
850
|
-
},
|
|
851
|
-
{
|
|
852
|
-
"kind": "field",
|
|
853
|
-
"name": "buttonTarget",
|
|
854
|
-
"privacy": "private",
|
|
855
|
-
"type": {
|
|
856
|
-
"text": "string"
|
|
857
|
-
},
|
|
858
|
-
"default": "undefined",
|
|
859
|
-
"attribute": "buttonTarget",
|
|
860
|
-
"inheritedFrom": {
|
|
861
|
-
"name": "AuroButton",
|
|
862
|
-
"module": "src/auro-button.js"
|
|
863
|
-
}
|
|
864
|
-
},
|
|
865
|
-
{
|
|
866
|
-
"kind": "field",
|
|
867
|
-
"name": "currentAriaLabel",
|
|
868
|
-
"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.",
|
|
869
|
-
"return": {
|
|
870
|
-
"type": {
|
|
871
|
-
"text": "string | undefined"
|
|
872
|
-
}
|
|
873
|
-
},
|
|
874
|
-
"privacy": "private",
|
|
875
|
-
"readonly": true,
|
|
876
|
-
"inheritedFrom": {
|
|
877
|
-
"name": "AuroButton",
|
|
878
|
-
"module": "src/auro-button.js"
|
|
879
|
-
}
|
|
880
|
-
},
|
|
881
|
-
{
|
|
882
|
-
"kind": "field",
|
|
883
|
-
"name": "currentAriaLabelledBy",
|
|
884
|
-
"description": "Returns the current value of the projected `aria-labelledby` attribute or undefined if not set.",
|
|
885
|
-
"return": {
|
|
886
|
-
"type": {
|
|
887
|
-
"text": "string | undefined"
|
|
888
|
-
}
|
|
889
|
-
},
|
|
890
|
-
"privacy": "private",
|
|
891
|
-
"readonly": true,
|
|
892
|
-
"inheritedFrom": {
|
|
893
|
-
"name": "AuroButton",
|
|
894
|
-
"module": "src/auro-button.js"
|
|
895
|
-
}
|
|
896
|
-
},
|
|
897
|
-
{
|
|
898
|
-
"kind": "field",
|
|
899
|
-
"name": "disabled",
|
|
900
|
-
"privacy": "public",
|
|
901
|
-
"type": {
|
|
902
|
-
"text": "boolean"
|
|
903
|
-
},
|
|
904
|
-
"description": "If set to true, button will become disabled and not allow for interactions.",
|
|
905
|
-
"default": "false",
|
|
906
|
-
"attribute": "disabled",
|
|
907
|
-
"reflects": true,
|
|
908
|
-
"inheritedFrom": {
|
|
909
|
-
"name": "AuroButton",
|
|
910
|
-
"module": "src/auro-button.js"
|
|
911
|
-
}
|
|
912
|
-
},
|
|
913
|
-
{
|
|
914
|
-
"kind": "field",
|
|
915
|
-
"name": "fluid",
|
|
916
|
-
"privacy": "public",
|
|
917
|
-
"type": {
|
|
918
|
-
"text": "boolean"
|
|
919
|
-
},
|
|
920
|
-
"description": "Alters the shape of the button to be full width of its parent container.",
|
|
921
|
-
"default": "false",
|
|
922
|
-
"attribute": "fluid",
|
|
923
|
-
"reflects": true,
|
|
924
|
-
"inheritedFrom": {
|
|
925
|
-
"name": "AuroButton",
|
|
926
|
-
"module": "src/auro-button.js"
|
|
927
|
-
}
|
|
928
|
-
},
|
|
929
|
-
{
|
|
930
|
-
"kind": "method",
|
|
931
|
-
"name": "focus",
|
|
932
|
-
"description": "Internal method to apply focus to the HTML5 button.",
|
|
933
|
-
"privacy": "private",
|
|
934
|
-
"return": {
|
|
935
|
-
"type": {
|
|
936
|
-
"text": "void"
|
|
937
|
-
}
|
|
938
|
-
},
|
|
939
|
-
"inheritedFrom": {
|
|
940
|
-
"name": "AuroButton",
|
|
941
|
-
"module": "src/auro-button.js"
|
|
942
|
-
}
|
|
943
|
-
},
|
|
944
|
-
{
|
|
945
|
-
"kind": "field",
|
|
946
|
-
"name": "form",
|
|
947
|
-
"description": "Returns the form element that this button is associated with.",
|
|
948
|
-
"privacy": "private",
|
|
949
|
-
"return": {
|
|
950
|
-
"type": {
|
|
951
|
-
"text": "HTMLFormElement | null"
|
|
952
|
-
}
|
|
953
|
-
},
|
|
954
|
-
"readonly": true,
|
|
955
|
-
"inheritedFrom": {
|
|
956
|
-
"name": "AuroButton",
|
|
957
|
-
"module": "src/auro-button.js"
|
|
958
|
-
}
|
|
959
|
-
},
|
|
960
|
-
{
|
|
961
|
-
"kind": "field",
|
|
962
|
-
"name": "formAssociated",
|
|
963
|
-
"static": true,
|
|
964
|
-
"description": "Enables form association for this element.",
|
|
965
|
-
"return": {
|
|
966
|
-
"type": {
|
|
967
|
-
"text": "boolean"
|
|
968
|
-
}
|
|
969
|
-
},
|
|
970
|
-
"readonly": true,
|
|
971
|
-
"inheritedFrom": {
|
|
972
|
-
"name": "AuroButton",
|
|
973
|
-
"module": "src/auro-button.js"
|
|
974
|
-
}
|
|
975
|
-
},
|
|
976
|
-
{
|
|
977
|
-
"kind": "method",
|
|
978
|
-
"name": "generateAriaLabel",
|
|
979
|
-
"description": "Returns the appropriate string to be used for the aria-label attribute.",
|
|
980
|
-
"return": {
|
|
981
|
-
"type": {
|
|
982
|
-
"text": "String"
|
|
983
|
-
}
|
|
984
|
-
},
|
|
985
|
-
"privacy": "private",
|
|
986
|
-
"inheritedFrom": {
|
|
987
|
-
"name": "AuroButton",
|
|
988
|
-
"module": "src/auro-button.js"
|
|
989
|
-
}
|
|
990
|
-
},
|
|
991
|
-
{
|
|
992
|
-
"kind": "method",
|
|
993
|
-
"name": "getFontSize",
|
|
994
|
-
"description": "Gets a class name for the font size based on the button's size and shape.",
|
|
995
|
-
"return": {
|
|
996
|
-
"type": {
|
|
997
|
-
"text": "string"
|
|
998
|
-
}
|
|
999
|
-
},
|
|
1000
|
-
"privacy": "private",
|
|
1001
|
-
"inheritedFrom": {
|
|
1002
|
-
"name": "AuroButton",
|
|
1003
|
-
"module": "src/auro-button.js"
|
|
1004
|
-
}
|
|
1005
|
-
},
|
|
1006
|
-
{
|
|
1007
|
-
"kind": "field",
|
|
1008
|
-
"name": "iconOnly",
|
|
1009
|
-
"description": "Whether or not the button is set to an icon-only shape.",
|
|
1010
|
-
"return": {
|
|
1011
|
-
"type": {
|
|
1012
|
-
"text": "boolean"
|
|
1013
|
-
}
|
|
1014
|
-
},
|
|
1015
|
-
"privacy": "private",
|
|
1016
|
-
"readonly": true,
|
|
1017
|
-
"inheritedFrom": {
|
|
1018
|
-
"name": "AuroButton",
|
|
1019
|
-
"module": "src/auro-button.js"
|
|
1020
|
-
}
|
|
1021
|
-
},
|
|
1022
|
-
{
|
|
1023
|
-
"kind": "field",
|
|
1024
|
-
"name": "layout",
|
|
1025
|
-
"privacy": "public",
|
|
1026
|
-
"type": {
|
|
1027
|
-
"text": "string"
|
|
1028
|
-
},
|
|
1029
|
-
"description": "Override layout since it isn't used in this component.",
|
|
1030
|
-
"default": "{'default'}",
|
|
1031
|
-
"attribute": "layout",
|
|
1032
|
-
"reflects": true,
|
|
1033
|
-
"inheritedFrom": {
|
|
1034
|
-
"name": "AuroElement",
|
|
1035
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1036
|
-
}
|
|
1037
|
-
},
|
|
1038
|
-
{
|
|
1039
|
-
"kind": "field",
|
|
1040
|
-
"name": "loaderTag",
|
|
1041
|
-
"privacy": "private",
|
|
1042
|
-
"inheritedFrom": {
|
|
1043
|
-
"name": "AuroButton",
|
|
1044
|
-
"module": "src/auro-button.js"
|
|
1045
|
-
}
|
|
1046
|
-
},
|
|
1047
|
-
{
|
|
1048
|
-
"kind": "field",
|
|
1049
|
-
"name": "loading",
|
|
1050
|
-
"privacy": "public",
|
|
1051
|
-
"type": {
|
|
1052
|
-
"text": "boolean"
|
|
1053
|
-
},
|
|
1054
|
-
"description": "If set to true button text will be replaced with `auro-loader` and become disabled.",
|
|
1055
|
-
"default": "false",
|
|
1056
|
-
"attribute": "loading",
|
|
1057
|
-
"reflects": true,
|
|
1058
|
-
"inheritedFrom": {
|
|
1059
|
-
"name": "AuroButton",
|
|
1060
|
-
"module": "src/auro-button.js"
|
|
1061
|
-
}
|
|
1062
|
-
},
|
|
1063
|
-
{
|
|
1064
|
-
"kind": "field",
|
|
1065
|
-
"name": "loadingText",
|
|
1066
|
-
"privacy": "public",
|
|
1067
|
-
"type": {
|
|
1068
|
-
"text": "string"
|
|
1069
|
-
},
|
|
1070
|
-
"description": "DEPRECATED - Use `slot=\"ariaLabel.loading\"` instead.",
|
|
1071
|
-
"attribute": "loadingText",
|
|
1072
|
-
"inheritedFrom": {
|
|
1073
|
-
"name": "AuroButton",
|
|
1074
|
-
"module": "src/auro-button.js"
|
|
1075
|
-
}
|
|
1076
|
-
},
|
|
1077
|
-
{
|
|
1078
|
-
"kind": "field",
|
|
1079
|
-
"name": "onActive",
|
|
1080
|
-
"privacy": "private",
|
|
1081
|
-
"type": {
|
|
1082
|
-
"text": "boolean"
|
|
1083
|
-
},
|
|
1084
|
-
"attribute": "data-active",
|
|
1085
|
-
"reflects": true,
|
|
1086
|
-
"inheritedFrom": {
|
|
1087
|
-
"name": "AuroButton",
|
|
1088
|
-
"module": "src/auro-button.js"
|
|
1089
|
-
}
|
|
1090
|
-
},
|
|
1091
|
-
{
|
|
1092
|
-
"kind": "field",
|
|
1093
|
-
"name": "onDark",
|
|
1094
|
-
"privacy": "public",
|
|
1095
|
-
"type": {
|
|
1096
|
-
"text": "boolean"
|
|
1097
|
-
},
|
|
1098
|
-
"attribute": "ondark",
|
|
1099
|
-
"reflects": true,
|
|
1100
|
-
"description": "DEPRECATED - use `appearance` property",
|
|
1101
|
-
"inheritedFrom": {
|
|
1102
|
-
"name": "AuroElement",
|
|
1103
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1104
|
-
}
|
|
1105
|
-
},
|
|
1106
|
-
{
|
|
1107
|
-
"kind": "field",
|
|
1108
|
-
"name": "onHover",
|
|
1109
|
-
"privacy": "private",
|
|
1110
|
-
"type": {
|
|
1111
|
-
"text": "boolean"
|
|
1112
|
-
},
|
|
1113
|
-
"attribute": "data-hover",
|
|
1114
|
-
"reflects": true,
|
|
1115
|
-
"inheritedFrom": {
|
|
1116
|
-
"name": "AuroButton",
|
|
1117
|
-
"module": "src/auro-button.js"
|
|
1118
|
-
}
|
|
1119
|
-
},
|
|
1120
|
-
{
|
|
1121
|
-
"kind": "method",
|
|
1122
|
-
"name": "onPointerEvent",
|
|
1123
|
-
"parameters": [
|
|
1124
|
-
{
|
|
1125
|
-
"name": "event",
|
|
1126
|
-
"description": "The pointer event.",
|
|
1127
|
-
"type": {
|
|
1128
|
-
"text": "PointerEvent"
|
|
1129
|
-
}
|
|
1130
|
-
}
|
|
1131
|
-
],
|
|
1132
|
-
"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",
|
|
1133
|
-
"privacy": "private",
|
|
1134
|
-
"inheritedFrom": {
|
|
1135
|
-
"name": "AuroButton",
|
|
1136
|
-
"module": "src/auro-button.js"
|
|
1137
|
-
}
|
|
1138
|
-
},
|
|
1139
|
-
{
|
|
1140
|
-
"kind": "method",
|
|
1141
|
-
"name": "register",
|
|
1142
|
-
"static": true,
|
|
1143
|
-
"parameters": [
|
|
1144
|
-
{
|
|
1145
|
-
"name": "name",
|
|
1146
|
-
"default": "\"auro-hyperlink-button\"",
|
|
1147
|
-
"description": "The name of element that you want to register to.",
|
|
1148
|
-
"optional": true,
|
|
1149
|
-
"type": {
|
|
1150
|
-
"text": "string"
|
|
1151
|
-
}
|
|
1152
|
-
}
|
|
1153
|
-
],
|
|
1154
|
-
"description": "This will register this element with the browser.",
|
|
1155
|
-
"inheritedFrom": {
|
|
1156
|
-
"name": "AuroButton",
|
|
1157
|
-
"module": "src/auro-button.js"
|
|
1158
|
-
}
|
|
1159
|
-
},
|
|
1160
|
-
{
|
|
1161
|
-
"kind": "method",
|
|
1162
|
-
"name": "renderLayout",
|
|
1163
|
-
"description": "Renders the layout of the button.",
|
|
1164
|
-
"return": {
|
|
1165
|
-
"type": {
|
|
1166
|
-
"text": "TemplateResult"
|
|
1167
|
-
}
|
|
1168
|
-
},
|
|
1169
|
-
"privacy": "private",
|
|
1170
|
-
"inheritedFrom": {
|
|
1171
|
-
"name": "AuroButton",
|
|
1172
|
-
"module": "src/auro-button.js"
|
|
1173
|
-
}
|
|
1174
|
-
},
|
|
1175
|
-
{
|
|
1176
|
-
"kind": "method",
|
|
1177
|
-
"name": "renderLayoutDefault",
|
|
1178
|
-
"description": "Renders the default layout for the button.",
|
|
1179
|
-
"return": {
|
|
1180
|
-
"type": {
|
|
1181
|
-
"text": "TemplateResult"
|
|
1182
|
-
}
|
|
1183
|
-
},
|
|
1184
|
-
"privacy": "private",
|
|
1185
|
-
"inheritedFrom": {
|
|
1186
|
-
"name": "AuroButton",
|
|
1187
|
-
"module": "src/auro-button.js"
|
|
1188
|
-
}
|
|
1189
|
-
},
|
|
1190
|
-
{
|
|
1191
|
-
"kind": "field",
|
|
1192
|
-
"name": "runtimeUtils",
|
|
1193
|
-
"privacy": "private",
|
|
1194
|
-
"default": "new AuroLibraryRuntimeUtils()",
|
|
1195
|
-
"inheritedFrom": {
|
|
1196
|
-
"name": "AuroButton",
|
|
1197
|
-
"module": "src/auro-button.js"
|
|
1198
|
-
}
|
|
1199
|
-
},
|
|
1200
|
-
{
|
|
1201
|
-
"kind": "field",
|
|
1202
|
-
"name": "shape",
|
|
1203
|
-
"privacy": "public",
|
|
1204
|
-
"type": {
|
|
1205
|
-
"text": "string"
|
|
1206
|
-
},
|
|
1207
|
-
"attribute": "shape",
|
|
1208
|
-
"reflects": true,
|
|
1209
|
-
"default": "\"rounded\"",
|
|
1210
|
-
"description": "Defines the shape of the button.",
|
|
1211
|
-
"inheritedFrom": {
|
|
1212
|
-
"name": "AuroElement",
|
|
1213
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1214
|
-
}
|
|
1215
|
-
},
|
|
1216
|
-
{
|
|
1217
|
-
"kind": "field",
|
|
1218
|
-
"name": "showText",
|
|
1219
|
-
"privacy": "private",
|
|
1220
|
-
"return": {
|
|
1221
|
-
"type": {
|
|
1222
|
-
"text": "Boolean"
|
|
1223
|
-
}
|
|
1224
|
-
},
|
|
1225
|
-
"readonly": true,
|
|
1226
|
-
"inheritedFrom": {
|
|
1227
|
-
"name": "AuroButton",
|
|
1228
|
-
"module": "src/auro-button.js"
|
|
1229
|
-
}
|
|
1230
|
-
},
|
|
1231
|
-
{
|
|
1232
|
-
"kind": "field",
|
|
1233
|
-
"name": "size",
|
|
1234
|
-
"privacy": "public",
|
|
1235
|
-
"type": {
|
|
1236
|
-
"text": "string"
|
|
1237
|
-
},
|
|
1238
|
-
"attribute": "size",
|
|
1239
|
-
"reflects": true,
|
|
1240
|
-
"default": "\"md\"",
|
|
1241
|
-
"description": "Defines the size of the button.",
|
|
1242
|
-
"inheritedFrom": {
|
|
1243
|
-
"name": "AuroElement",
|
|
1244
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1245
|
-
}
|
|
1246
|
-
},
|
|
1247
|
-
{
|
|
1248
|
-
"kind": "field",
|
|
1249
|
-
"name": "static",
|
|
1250
|
-
"privacy": "public",
|
|
1251
|
-
"type": {
|
|
1252
|
-
"text": "boolean"
|
|
1253
|
-
},
|
|
1254
|
-
"description": "If true, the button will be static and not respond to user interactions.",
|
|
1255
|
-
"default": "false",
|
|
1256
|
-
"attribute": "static",
|
|
1257
|
-
"reflects": true,
|
|
1258
|
-
"inheritedFrom": {
|
|
1259
|
-
"name": "AuroButton",
|
|
1260
|
-
"module": "src/auro-button.js"
|
|
1261
|
-
}
|
|
1262
|
-
},
|
|
1263
|
-
{
|
|
1264
|
-
"kind": "method",
|
|
1265
|
-
"name": "surfaceSubmitEvent",
|
|
1266
|
-
"description": "Submits the form that this button is associated with.",
|
|
1267
|
-
"privacy": "private",
|
|
1268
|
-
"return": {
|
|
1269
|
-
"type": {
|
|
1270
|
-
"text": "void"
|
|
1271
|
-
}
|
|
1272
|
-
},
|
|
1273
|
-
"inheritedFrom": {
|
|
1274
|
-
"name": "AuroButton",
|
|
1275
|
-
"module": "src/auro-button.js"
|
|
1276
|
-
}
|
|
1277
|
-
},
|
|
1278
|
-
{
|
|
1279
|
-
"kind": "field",
|
|
1280
|
-
"name": "tabindex",
|
|
1281
|
-
"privacy": "public",
|
|
1282
|
-
"type": {
|
|
1283
|
-
"text": "string"
|
|
1284
|
-
},
|
|
1285
|
-
"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>`.",
|
|
1286
|
-
"attribute": "tabindex",
|
|
1287
|
-
"inheritedFrom": {
|
|
1288
|
-
"name": "AuroButton",
|
|
1289
|
-
"module": "src/auro-button.js"
|
|
1290
|
-
}
|
|
1291
|
-
},
|
|
1292
|
-
{
|
|
1293
|
-
"kind": "field",
|
|
1294
|
-
"name": "tIndex",
|
|
1295
|
-
"privacy": "public",
|
|
1296
|
-
"type": {
|
|
1297
|
-
"text": "string"
|
|
1298
|
-
},
|
|
1299
|
-
"description": "Populates `tabindex` to define the focusable sequence in keyboard navigation.",
|
|
1300
|
-
"attribute": "tIndex",
|
|
1301
|
-
"reflects": true,
|
|
1302
|
-
"inheritedFrom": {
|
|
1303
|
-
"name": "AuroButton",
|
|
1304
|
-
"module": "src/auro-button.js"
|
|
1305
|
-
}
|
|
1306
|
-
},
|
|
1307
|
-
{
|
|
1308
|
-
"kind": "field",
|
|
1309
|
-
"name": "title",
|
|
1310
|
-
"privacy": "public",
|
|
1311
|
-
"type": {
|
|
1312
|
-
"text": "string"
|
|
1313
|
-
},
|
|
1314
|
-
"description": "Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element.",
|
|
1315
|
-
"attribute": "title",
|
|
1316
|
-
"reflects": true,
|
|
1317
|
-
"inheritedFrom": {
|
|
1318
|
-
"name": "AuroButton",
|
|
1319
|
-
"module": "src/auro-button.js"
|
|
1320
|
-
}
|
|
1321
|
-
},
|
|
1322
|
-
{
|
|
1323
|
-
"kind": "field",
|
|
1324
|
-
"name": "type",
|
|
1325
|
-
"privacy": "public",
|
|
1326
|
-
"type": {
|
|
1327
|
-
"text": "'submit', 'reset', 'button'"
|
|
1328
|
-
},
|
|
1329
|
-
"description": "The type of button. Matches HTML5 Button Spec.",
|
|
1330
|
-
"attribute": "type",
|
|
1331
|
-
"reflects": true,
|
|
1332
|
-
"inheritedFrom": {
|
|
1333
|
-
"name": "AuroButton",
|
|
1334
|
-
"module": "src/auro-button.js"
|
|
1335
|
-
}
|
|
1336
|
-
},
|
|
1337
|
-
{
|
|
1338
|
-
"kind": "field",
|
|
1339
|
-
"name": "value",
|
|
1340
|
-
"privacy": "public",
|
|
1341
|
-
"type": {
|
|
1342
|
-
"text": "string"
|
|
1343
|
-
},
|
|
1344
|
-
"description": "Defines the value associated with the button which is submitted with the form data.",
|
|
1345
|
-
"attribute": "value",
|
|
1346
|
-
"reflects": true,
|
|
1347
|
-
"inheritedFrom": {
|
|
1348
|
-
"name": "AuroButton",
|
|
1349
|
-
"module": "src/auro-button.js"
|
|
1350
|
-
}
|
|
1351
|
-
},
|
|
1352
|
-
{
|
|
1353
|
-
"kind": "field",
|
|
1354
|
-
"name": "variant",
|
|
1355
|
-
"privacy": "public",
|
|
1356
|
-
"type": {
|
|
1357
|
-
"text": "'primary', 'secondary', 'tertiary', 'ghost', 'flat'"
|
|
1358
|
-
},
|
|
1359
|
-
"description": "Sets the button variant.",
|
|
1360
|
-
"default": "\"primary\"",
|
|
1361
|
-
"attribute": "variant",
|
|
1362
|
-
"reflects": true,
|
|
1363
|
-
"inheritedFrom": {
|
|
1364
|
-
"name": "AuroButton",
|
|
1365
|
-
"module": "src/auro-button.js"
|
|
1366
|
-
}
|
|
1367
|
-
}
|
|
1368
|
-
],
|
|
1369
|
-
"superclass": {
|
|
1370
|
-
"name": "AuroButton",
|
|
1371
|
-
"package": "@aurodesignsystem/auro-button/class"
|
|
1372
|
-
},
|
|
1373
|
-
"tagName": "auro-hyperlink-button",
|
|
1374
|
-
"customElement": true,
|
|
1375
|
-
"attributes": [
|
|
1376
|
-
{
|
|
1377
|
-
"name": "appearance",
|
|
1378
|
-
"type": {
|
|
1379
|
-
"text": "string"
|
|
1380
|
-
},
|
|
1381
|
-
"description": "Defines whether the component should be light colored for use on dark backgrounds.",
|
|
1382
|
-
"default": "'default'",
|
|
1383
|
-
"fieldName": "appearance",
|
|
1384
|
-
"inheritedFrom": {
|
|
1385
|
-
"name": "AuroElement",
|
|
1386
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1387
|
-
}
|
|
1388
|
-
},
|
|
1389
|
-
{
|
|
1390
|
-
"name": "autofocus",
|
|
1391
|
-
"type": {
|
|
1392
|
-
"text": "boolean"
|
|
1393
|
-
},
|
|
1394
|
-
"description": "This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user.",
|
|
1395
|
-
"default": "false",
|
|
1396
|
-
"fieldName": "autofocus",
|
|
1397
|
-
"inheritedFrom": {
|
|
1398
|
-
"name": "AuroButton",
|
|
1399
|
-
"module": "src/auro-button.js"
|
|
1400
|
-
}
|
|
1401
|
-
},
|
|
1402
|
-
{
|
|
1403
|
-
"name": "buttonHref",
|
|
1404
|
-
"type": {
|
|
1405
|
-
"text": "string"
|
|
1406
|
-
},
|
|
1407
|
-
"default": "undefined",
|
|
1408
|
-
"fieldName": "buttonHref",
|
|
1409
|
-
"inheritedFrom": {
|
|
1410
|
-
"name": "AuroButton",
|
|
1411
|
-
"module": "src/auro-button.js"
|
|
1412
|
-
}
|
|
1413
|
-
},
|
|
1414
|
-
{
|
|
1415
|
-
"name": "buttonRel",
|
|
1416
|
-
"type": {
|
|
1417
|
-
"text": "string"
|
|
1418
|
-
},
|
|
1419
|
-
"default": "undefined",
|
|
1420
|
-
"fieldName": "buttonRel",
|
|
1421
|
-
"inheritedFrom": {
|
|
1422
|
-
"name": "AuroButton",
|
|
1423
|
-
"module": "src/auro-button.js"
|
|
1424
|
-
}
|
|
1425
|
-
},
|
|
1426
|
-
{
|
|
1427
|
-
"name": "buttonTarget",
|
|
1428
|
-
"type": {
|
|
1429
|
-
"text": "string"
|
|
1430
|
-
},
|
|
1431
|
-
"default": "undefined",
|
|
1432
|
-
"fieldName": "buttonTarget",
|
|
1433
|
-
"inheritedFrom": {
|
|
1434
|
-
"name": "AuroButton",
|
|
1435
|
-
"module": "src/auro-button.js"
|
|
1436
|
-
}
|
|
1437
|
-
},
|
|
1438
|
-
{
|
|
1439
|
-
"name": "data-active",
|
|
1440
|
-
"type": {
|
|
1441
|
-
"text": "boolean"
|
|
1442
|
-
},
|
|
1443
|
-
"fieldName": "onActive",
|
|
1444
|
-
"inheritedFrom": {
|
|
1445
|
-
"name": "AuroButton",
|
|
1446
|
-
"module": "src/auro-button.js"
|
|
1447
|
-
}
|
|
1448
|
-
},
|
|
1449
|
-
{
|
|
1450
|
-
"name": "data-hover",
|
|
1451
|
-
"type": {
|
|
1452
|
-
"text": "boolean"
|
|
1453
|
-
},
|
|
1454
|
-
"fieldName": "onHover",
|
|
1455
|
-
"inheritedFrom": {
|
|
1456
|
-
"name": "AuroButton",
|
|
1457
|
-
"module": "src/auro-button.js"
|
|
1458
|
-
}
|
|
1459
|
-
},
|
|
1460
|
-
{
|
|
1461
|
-
"name": "disabled",
|
|
1462
|
-
"type": {
|
|
1463
|
-
"text": "boolean"
|
|
1464
|
-
},
|
|
1465
|
-
"description": "If set to true, button will become disabled and not allow for interactions.",
|
|
1466
|
-
"default": "false",
|
|
1467
|
-
"fieldName": "disabled",
|
|
1468
|
-
"inheritedFrom": {
|
|
1469
|
-
"name": "AuroButton",
|
|
1470
|
-
"module": "src/auro-button.js"
|
|
1471
|
-
}
|
|
1472
|
-
},
|
|
1473
|
-
{
|
|
1474
|
-
"name": "fluid",
|
|
1475
|
-
"type": {
|
|
1476
|
-
"text": "boolean"
|
|
1477
|
-
},
|
|
1478
|
-
"description": "Alters the shape of the button to be full width of its parent container.",
|
|
1479
|
-
"default": "false",
|
|
1480
|
-
"fieldName": "fluid",
|
|
1481
|
-
"inheritedFrom": {
|
|
1482
|
-
"name": "AuroButton",
|
|
1483
|
-
"module": "src/auro-button.js"
|
|
1484
|
-
}
|
|
1485
|
-
},
|
|
1486
|
-
{
|
|
1487
|
-
"name": "layout",
|
|
1488
|
-
"type": {
|
|
1489
|
-
"text": "string"
|
|
1490
|
-
},
|
|
1491
|
-
"description": "Defines the language of an element.",
|
|
1492
|
-
"default": "{'default'}",
|
|
1493
|
-
"fieldName": "layout",
|
|
1494
|
-
"inheritedFrom": {
|
|
1495
|
-
"name": "AuroElement",
|
|
1496
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1497
|
-
}
|
|
1498
|
-
},
|
|
1499
|
-
{
|
|
1500
|
-
"name": "loading",
|
|
1501
|
-
"type": {
|
|
1502
|
-
"text": "boolean"
|
|
1503
|
-
},
|
|
1504
|
-
"description": "If set to true button text will be replaced with `auro-loader` and become disabled.",
|
|
1505
|
-
"default": "false",
|
|
1506
|
-
"fieldName": "loading",
|
|
1507
|
-
"inheritedFrom": {
|
|
1508
|
-
"name": "AuroButton",
|
|
1509
|
-
"module": "src/auro-button.js"
|
|
1510
|
-
}
|
|
1511
|
-
},
|
|
1512
|
-
{
|
|
1513
|
-
"name": "loadingText",
|
|
1514
|
-
"type": {
|
|
1515
|
-
"text": "string"
|
|
1516
|
-
},
|
|
1517
|
-
"description": "DEPRECATED - Use `slot=\"ariaLabel.loading\"` instead.",
|
|
1518
|
-
"fieldName": "loadingText",
|
|
1519
|
-
"inheritedFrom": {
|
|
1520
|
-
"name": "AuroButton",
|
|
1521
|
-
"module": "src/auro-button.js"
|
|
1522
|
-
}
|
|
1523
|
-
},
|
|
1524
|
-
{
|
|
1525
|
-
"name": "ondark",
|
|
1526
|
-
"type": {
|
|
1527
|
-
"text": "boolean"
|
|
1528
|
-
},
|
|
1529
|
-
"fieldName": "onDark",
|
|
1530
|
-
"inheritedFrom": {
|
|
1531
|
-
"name": "AuroElement",
|
|
1532
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1533
|
-
}
|
|
1534
|
-
},
|
|
1535
|
-
{
|
|
1536
|
-
"name": "shape",
|
|
1537
|
-
"type": {
|
|
1538
|
-
"text": "string"
|
|
1539
|
-
},
|
|
1540
|
-
"fieldName": "shape",
|
|
1541
|
-
"inheritedFrom": {
|
|
1542
|
-
"name": "AuroElement",
|
|
1543
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1544
|
-
}
|
|
1545
|
-
},
|
|
1546
|
-
{
|
|
1547
|
-
"name": "size",
|
|
1548
|
-
"type": {
|
|
1549
|
-
"text": "string"
|
|
1550
|
-
},
|
|
1551
|
-
"fieldName": "size",
|
|
1552
|
-
"inheritedFrom": {
|
|
1553
|
-
"name": "AuroElement",
|
|
1554
|
-
"module": "src/layoutElement/auroElement.js"
|
|
1555
|
-
}
|
|
1556
|
-
},
|
|
1557
|
-
{
|
|
1558
|
-
"name": "static",
|
|
1559
|
-
"type": {
|
|
1560
|
-
"text": "boolean"
|
|
1561
|
-
},
|
|
1562
|
-
"description": "If true, the button will be static and not respond to user interactions.",
|
|
1563
|
-
"default": "false",
|
|
1564
|
-
"fieldName": "static",
|
|
1565
|
-
"inheritedFrom": {
|
|
1566
|
-
"name": "AuroButton",
|
|
1567
|
-
"module": "src/auro-button.js"
|
|
1568
|
-
}
|
|
1569
|
-
},
|
|
1570
|
-
{
|
|
1571
|
-
"name": "tabindex",
|
|
1572
|
-
"type": {
|
|
1573
|
-
"text": "string"
|
|
1574
|
-
},
|
|
1575
|
-
"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>`.",
|
|
1576
|
-
"fieldName": "tabindex",
|
|
1577
|
-
"inheritedFrom": {
|
|
1578
|
-
"name": "AuroButton",
|
|
1579
|
-
"module": "src/auro-button.js"
|
|
1580
|
-
}
|
|
1581
|
-
},
|
|
1582
|
-
{
|
|
1583
|
-
"name": "tIndex",
|
|
1584
|
-
"type": {
|
|
1585
|
-
"text": "string"
|
|
1586
|
-
},
|
|
1587
|
-
"description": "Populates `tabindex` to define the focusable sequence in keyboard navigation.",
|
|
1588
|
-
"fieldName": "tIndex",
|
|
1589
|
-
"inheritedFrom": {
|
|
1590
|
-
"name": "AuroButton",
|
|
1591
|
-
"module": "src/auro-button.js"
|
|
1592
|
-
}
|
|
1593
|
-
},
|
|
1594
|
-
{
|
|
1595
|
-
"name": "title",
|
|
1596
|
-
"type": {
|
|
1597
|
-
"text": "string"
|
|
1598
|
-
},
|
|
1599
|
-
"description": "Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element.",
|
|
1600
|
-
"fieldName": "title",
|
|
1601
|
-
"inheritedFrom": {
|
|
1602
|
-
"name": "AuroButton",
|
|
1603
|
-
"module": "src/auro-button.js"
|
|
1604
|
-
}
|
|
1605
|
-
},
|
|
1606
|
-
{
|
|
1607
|
-
"name": "type",
|
|
1608
|
-
"type": {
|
|
1609
|
-
"text": "'submit', 'reset', 'button'"
|
|
1610
|
-
},
|
|
1611
|
-
"description": "The type of button. Matches HTML5 Button Spec.",
|
|
1612
|
-
"fieldName": "type",
|
|
1613
|
-
"inheritedFrom": {
|
|
1614
|
-
"name": "AuroButton",
|
|
1615
|
-
"module": "src/auro-button.js"
|
|
1616
|
-
}
|
|
1617
|
-
},
|
|
1618
|
-
{
|
|
1619
|
-
"name": "value",
|
|
1620
|
-
"type": {
|
|
1621
|
-
"text": "string"
|
|
1622
|
-
},
|
|
1623
|
-
"description": "Defines the value associated with the button which is submitted with the form data.",
|
|
1624
|
-
"fieldName": "value",
|
|
1625
|
-
"inheritedFrom": {
|
|
1626
|
-
"name": "AuroButton",
|
|
1627
|
-
"module": "src/auro-button.js"
|
|
1628
|
-
}
|
|
1629
|
-
},
|
|
1630
|
-
{
|
|
1631
|
-
"name": "variant",
|
|
1632
|
-
"type": {
|
|
1633
|
-
"text": "'primary', 'secondary', 'tertiary', 'ghost', 'flat'"
|
|
1634
|
-
},
|
|
1635
|
-
"description": "Sets the button variant.",
|
|
1636
|
-
"default": "\"primary\"",
|
|
1637
|
-
"fieldName": "variant",
|
|
1638
|
-
"inheritedFrom": {
|
|
1639
|
-
"name": "AuroButton",
|
|
1640
|
-
"module": "src/auro-button.js"
|
|
1641
|
-
}
|
|
1642
|
-
}
|
|
1643
|
-
]
|
|
1644
|
-
}
|
|
1645
|
-
],
|
|
1646
|
-
"exports": [
|
|
1647
|
-
{
|
|
1648
|
-
"kind": "custom-element-definition",
|
|
1649
|
-
"name": "auro-hyperlink-button",
|
|
1650
|
-
"declaration": {
|
|
1651
|
-
"name": "AuroHyperlinkButton",
|
|
1652
|
-
"module": "src/auro-hyperlink-button.js"
|
|
1653
|
-
}
|
|
1654
|
-
},
|
|
1655
|
-
{
|
|
1656
|
-
"kind": "js",
|
|
1657
|
-
"name": "AuroHyperlinkButton",
|
|
1658
|
-
"declaration": {
|
|
1659
|
-
"name": "AuroHyperlinkButton",
|
|
1660
|
-
"module": "src/auro-hyperlink-button.js"
|
|
1661
|
-
}
|
|
1662
|
-
}
|
|
1663
|
-
]
|
|
7
|
+
"path": "src/auro-hyperlink-button.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": []
|
|
1664
10
|
},
|
|
1665
11
|
{
|
|
1666
12
|
"kind": "javascript-module",
|
|
@@ -1668,7 +14,7 @@
|
|
|
1668
14
|
"declarations": [
|
|
1669
15
|
{
|
|
1670
16
|
"kind": "class",
|
|
1671
|
-
"description": "
|
|
17
|
+
"description": "The `auro-hyperlink` element wraps an HTML `<a>` element, providing additional styling and behavior.",
|
|
1672
18
|
"name": "AuroHyperlink",
|
|
1673
19
|
"cssParts": [
|
|
1674
20
|
{
|
|
@@ -1692,6 +38,17 @@
|
|
|
1692
38
|
},
|
|
1693
39
|
"privacy": "private"
|
|
1694
40
|
},
|
|
41
|
+
{
|
|
42
|
+
"kind": "method",
|
|
43
|
+
"name": "_initializeDefaults",
|
|
44
|
+
"inheritedFrom": {
|
|
45
|
+
"name": "ComponentBase",
|
|
46
|
+
"module": "src/component-base.mjs"
|
|
47
|
+
},
|
|
48
|
+
"type": {
|
|
49
|
+
"text": "_initializeDefaults() => void"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
1695
52
|
{
|
|
1696
53
|
"kind": "field",
|
|
1697
54
|
"name": "appearance",
|
|
@@ -1700,7 +57,7 @@
|
|
|
1700
57
|
"text": "string"
|
|
1701
58
|
},
|
|
1702
59
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1703
|
-
"default": "
|
|
60
|
+
"default": "'default'",
|
|
1704
61
|
"attribute": "appearance",
|
|
1705
62
|
"reflects": true,
|
|
1706
63
|
"inheritedFrom": {
|
|
@@ -1708,19 +65,6 @@
|
|
|
1708
65
|
"module": "src/layoutElement/auroElement.js"
|
|
1709
66
|
}
|
|
1710
67
|
},
|
|
1711
|
-
{
|
|
1712
|
-
"kind": "field",
|
|
1713
|
-
"name": "ariapressed",
|
|
1714
|
-
"type": {
|
|
1715
|
-
"text": "string"
|
|
1716
|
-
},
|
|
1717
|
-
"privacy": "private",
|
|
1718
|
-
"default": "\"false\"",
|
|
1719
|
-
"inheritedFrom": {
|
|
1720
|
-
"name": "ComponentBase",
|
|
1721
|
-
"module": "src/component-base.mjs"
|
|
1722
|
-
}
|
|
1723
|
-
},
|
|
1724
68
|
{
|
|
1725
69
|
"kind": "method",
|
|
1726
70
|
"name": "ariaPressedState",
|
|
@@ -1745,19 +89,6 @@
|
|
|
1745
89
|
"module": "src/component-base.mjs"
|
|
1746
90
|
}
|
|
1747
91
|
},
|
|
1748
|
-
{
|
|
1749
|
-
"kind": "field",
|
|
1750
|
-
"name": "defaultReferrerPolicy",
|
|
1751
|
-
"type": {
|
|
1752
|
-
"text": "string"
|
|
1753
|
-
},
|
|
1754
|
-
"privacy": "private",
|
|
1755
|
-
"default": "\"strict-origin-when-cross-origin\"",
|
|
1756
|
-
"inheritedFrom": {
|
|
1757
|
-
"name": "ComponentBase",
|
|
1758
|
-
"module": "src/component-base.mjs"
|
|
1759
|
-
}
|
|
1760
|
-
},
|
|
1761
92
|
{
|
|
1762
93
|
"kind": "field",
|
|
1763
94
|
"name": "download",
|
|
@@ -1766,7 +97,6 @@
|
|
|
1766
97
|
"text": "boolean"
|
|
1767
98
|
},
|
|
1768
99
|
"description": "If true, the linked resource will be downloaded when the hyperlink is clicked.",
|
|
1769
|
-
"default": "false",
|
|
1770
100
|
"attribute": "download",
|
|
1771
101
|
"reflects": true,
|
|
1772
102
|
"inheritedFrom": {
|
|
@@ -1917,7 +247,7 @@
|
|
|
1917
247
|
{
|
|
1918
248
|
"kind": "field",
|
|
1919
249
|
"name": "layout",
|
|
1920
|
-
"privacy": "
|
|
250
|
+
"privacy": "private",
|
|
1921
251
|
"type": {
|
|
1922
252
|
"text": "string"
|
|
1923
253
|
},
|
|
@@ -1937,8 +267,7 @@
|
|
|
1937
267
|
"type": {
|
|
1938
268
|
"text": "boolean"
|
|
1939
269
|
},
|
|
1940
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
1941
|
-
"default": "false",
|
|
270
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1942
271
|
"attribute": "ondark",
|
|
1943
272
|
"inheritedFrom": {
|
|
1944
273
|
"name": "ComponentBase",
|
|
@@ -1982,14 +311,17 @@
|
|
|
1982
311
|
{
|
|
1983
312
|
"name": "name",
|
|
1984
313
|
"default": "\"auro-hyperlink\"",
|
|
1985
|
-
"description": "The name of element that you want to register
|
|
314
|
+
"description": "The name of the element that you want to register.",
|
|
1986
315
|
"optional": true,
|
|
1987
316
|
"type": {
|
|
1988
317
|
"text": "string"
|
|
1989
318
|
}
|
|
1990
319
|
}
|
|
1991
320
|
],
|
|
1992
|
-
"description": "This will register this element with the browser."
|
|
321
|
+
"description": "This will register this element with the browser.",
|
|
322
|
+
"type": {
|
|
323
|
+
"text": "register(name?: string = \"auro-hyperlink\") => void"
|
|
324
|
+
}
|
|
1993
325
|
},
|
|
1994
326
|
{
|
|
1995
327
|
"kind": "field",
|
|
@@ -1998,7 +330,7 @@
|
|
|
1998
330
|
"type": {
|
|
1999
331
|
"text": "string"
|
|
2000
332
|
},
|
|
2001
|
-
"description": "Defines the relationship between the current document and the linked document.",
|
|
333
|
+
"description": "Defines the relationship between the current document and the linked document. Visit [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel) for more information.",
|
|
2002
334
|
"attribute": "rel",
|
|
2003
335
|
"reflects": true,
|
|
2004
336
|
"inheritedFrom": {
|
|
@@ -2030,22 +362,12 @@
|
|
|
2030
362
|
},
|
|
2031
363
|
{
|
|
2032
364
|
"type": {
|
|
2033
|
-
"text": "
|
|
365
|
+
"text": "string"
|
|
2034
366
|
},
|
|
2035
367
|
"description": "Defines ARIA roles; currently supports `button` for extended experiences.",
|
|
2036
368
|
"name": "role",
|
|
2037
369
|
"kind": "field"
|
|
2038
370
|
},
|
|
2039
|
-
{
|
|
2040
|
-
"kind": "field",
|
|
2041
|
-
"name": "runtimeUtils",
|
|
2042
|
-
"privacy": "private",
|
|
2043
|
-
"default": "new AuroLibraryRuntimeUtils()",
|
|
2044
|
-
"inheritedFrom": {
|
|
2045
|
-
"name": "ComponentBase",
|
|
2046
|
-
"module": "src/component-base.mjs"
|
|
2047
|
-
}
|
|
2048
|
-
},
|
|
2049
371
|
{
|
|
2050
372
|
"kind": "field",
|
|
2051
373
|
"name": "safeUri",
|
|
@@ -2119,19 +441,6 @@
|
|
|
2119
441
|
"module": "src/layoutElement/auroElement.js"
|
|
2120
442
|
}
|
|
2121
443
|
},
|
|
2122
|
-
{
|
|
2123
|
-
"kind": "field",
|
|
2124
|
-
"name": "tabIsActive",
|
|
2125
|
-
"type": {
|
|
2126
|
-
"text": "string"
|
|
2127
|
-
},
|
|
2128
|
-
"privacy": "private",
|
|
2129
|
-
"default": "\"false\"",
|
|
2130
|
-
"inheritedFrom": {
|
|
2131
|
-
"name": "ComponentBase",
|
|
2132
|
-
"module": "src/component-base.mjs"
|
|
2133
|
-
}
|
|
2134
|
-
},
|
|
2135
444
|
{
|
|
2136
445
|
"kind": "field",
|
|
2137
446
|
"name": "target",
|
|
@@ -2176,9 +485,9 @@
|
|
|
2176
485
|
"name": "type",
|
|
2177
486
|
"privacy": "public",
|
|
2178
487
|
"type": {
|
|
2179
|
-
"text": "
|
|
488
|
+
"text": "'nav' | 'cta'"
|
|
2180
489
|
},
|
|
2181
|
-
"description": "Defines the type of hyperlink
|
|
490
|
+
"description": "Defines the type of hyperlink.",
|
|
2182
491
|
"attribute": "type",
|
|
2183
492
|
"reflects": true,
|
|
2184
493
|
"inheritedFrom": {
|
|
@@ -2191,10 +500,10 @@
|
|
|
2191
500
|
"name": "variant",
|
|
2192
501
|
"privacy": "public",
|
|
2193
502
|
"type": {
|
|
2194
|
-
"text": "
|
|
503
|
+
"text": "'primary' | 'secondary' | 'tertiary' | 'ghost' | 'flat'"
|
|
2195
504
|
},
|
|
2196
|
-
"description": "Sets button variant option
|
|
2197
|
-
"default": "
|
|
505
|
+
"description": "Sets button variant option when using `type=\"cta\"`.",
|
|
506
|
+
"default": "'primary'",
|
|
2198
507
|
"attribute": "variant",
|
|
2199
508
|
"reflects": true,
|
|
2200
509
|
"inheritedFrom": {
|
|
@@ -2207,6 +516,8 @@
|
|
|
2207
516
|
"name": "ComponentBase",
|
|
2208
517
|
"module": "/src/component-base.mjs"
|
|
2209
518
|
},
|
|
519
|
+
"tagName": "auro-hyperlink",
|
|
520
|
+
"customElement": true,
|
|
2210
521
|
"attributes": [
|
|
2211
522
|
{
|
|
2212
523
|
"name": "appearance",
|
|
@@ -2214,7 +525,7 @@
|
|
|
2214
525
|
"text": "string"
|
|
2215
526
|
},
|
|
2216
527
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2217
|
-
"default": "
|
|
528
|
+
"default": "'default'",
|
|
2218
529
|
"fieldName": "appearance",
|
|
2219
530
|
"inheritedFrom": {
|
|
2220
531
|
"name": "AuroElement",
|
|
@@ -2227,7 +538,6 @@
|
|
|
2227
538
|
"text": "boolean"
|
|
2228
539
|
},
|
|
2229
540
|
"description": "If true, the linked resource will be downloaded when the hyperlink is clicked.",
|
|
2230
|
-
"default": "false",
|
|
2231
541
|
"fieldName": "download",
|
|
2232
542
|
"inheritedFrom": {
|
|
2233
543
|
"name": "ComponentBase",
|
|
@@ -2258,27 +568,13 @@
|
|
|
2258
568
|
"module": "src/component-base.mjs"
|
|
2259
569
|
}
|
|
2260
570
|
},
|
|
2261
|
-
{
|
|
2262
|
-
"name": "layout",
|
|
2263
|
-
"type": {
|
|
2264
|
-
"text": "string"
|
|
2265
|
-
},
|
|
2266
|
-
"description": "Defines the language of an element.",
|
|
2267
|
-
"default": "{'default'}",
|
|
2268
|
-
"fieldName": "layout",
|
|
2269
|
-
"inheritedFrom": {
|
|
2270
|
-
"name": "AuroElement",
|
|
2271
|
-
"module": "src/layoutElement/auroElement.js"
|
|
2272
|
-
}
|
|
2273
|
-
},
|
|
2274
571
|
{
|
|
2275
572
|
"name": "ondark",
|
|
2276
573
|
"type": {
|
|
2277
574
|
"text": "boolean"
|
|
2278
575
|
},
|
|
2279
576
|
"fieldName": "ondark",
|
|
2280
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
2281
|
-
"default": "false",
|
|
577
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2282
578
|
"inheritedFrom": {
|
|
2283
579
|
"name": "AuroElement",
|
|
2284
580
|
"module": "src/layoutElement/auroElement.js"
|
|
@@ -2301,7 +597,7 @@
|
|
|
2301
597
|
"type": {
|
|
2302
598
|
"text": "string"
|
|
2303
599
|
},
|
|
2304
|
-
"description": "Defines the relationship between the current document and the linked document.",
|
|
600
|
+
"description": "Defines the relationship between the current document and the linked document. Visit [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel) for more information.",
|
|
2305
601
|
"fieldName": "rel",
|
|
2306
602
|
"inheritedFrom": {
|
|
2307
603
|
"name": "ComponentBase",
|
|
@@ -2345,9 +641,9 @@
|
|
|
2345
641
|
{
|
|
2346
642
|
"name": "type",
|
|
2347
643
|
"type": {
|
|
2348
|
-
"text": "
|
|
644
|
+
"text": "'nav' | 'cta'"
|
|
2349
645
|
},
|
|
2350
|
-
"description": "Defines the type of hyperlink
|
|
646
|
+
"description": "Defines the type of hyperlink.",
|
|
2351
647
|
"fieldName": "type",
|
|
2352
648
|
"inheritedFrom": {
|
|
2353
649
|
"name": "ComponentBase",
|
|
@@ -2357,17 +653,18 @@
|
|
|
2357
653
|
{
|
|
2358
654
|
"name": "variant",
|
|
2359
655
|
"type": {
|
|
2360
|
-
"text": "
|
|
656
|
+
"text": "'primary' | 'secondary' | 'tertiary' | 'ghost' | 'flat'"
|
|
2361
657
|
},
|
|
2362
|
-
"description": "Sets button variant option
|
|
2363
|
-
"default": "
|
|
658
|
+
"description": "Sets button variant option when using `type=\"cta\"`.",
|
|
659
|
+
"default": "'primary'",
|
|
2364
660
|
"fieldName": "variant",
|
|
2365
661
|
"inheritedFrom": {
|
|
2366
662
|
"name": "ComponentBase",
|
|
2367
663
|
"module": "src/component-base.mjs"
|
|
2368
664
|
}
|
|
2369
665
|
}
|
|
2370
|
-
]
|
|
666
|
+
],
|
|
667
|
+
"modulePath": "src/auro-hyperlink.js"
|
|
2371
668
|
}
|
|
2372
669
|
],
|
|
2373
670
|
"exports": [
|
|
@@ -2390,6 +687,10 @@
|
|
|
2390
687
|
"description": "",
|
|
2391
688
|
"name": "ComponentBase",
|
|
2392
689
|
"members": [
|
|
690
|
+
{
|
|
691
|
+
"kind": "method",
|
|
692
|
+
"name": "_initializeDefaults"
|
|
693
|
+
},
|
|
2393
694
|
{
|
|
2394
695
|
"kind": "field",
|
|
2395
696
|
"name": "appearance",
|
|
@@ -2398,7 +699,7 @@
|
|
|
2398
699
|
"text": "string"
|
|
2399
700
|
},
|
|
2400
701
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2401
|
-
"default": "
|
|
702
|
+
"default": "'default'",
|
|
2402
703
|
"attribute": "appearance",
|
|
2403
704
|
"reflects": true,
|
|
2404
705
|
"inheritedFrom": {
|
|
@@ -2406,15 +707,6 @@
|
|
|
2406
707
|
"module": "src/layoutElement/auroElement.js"
|
|
2407
708
|
}
|
|
2408
709
|
},
|
|
2409
|
-
{
|
|
2410
|
-
"kind": "field",
|
|
2411
|
-
"name": "ariapressed",
|
|
2412
|
-
"type": {
|
|
2413
|
-
"text": "string"
|
|
2414
|
-
},
|
|
2415
|
-
"privacy": "private",
|
|
2416
|
-
"default": "\"false\""
|
|
2417
|
-
},
|
|
2418
710
|
{
|
|
2419
711
|
"kind": "method",
|
|
2420
712
|
"name": "ariaPressedState",
|
|
@@ -2435,15 +727,6 @@
|
|
|
2435
727
|
}
|
|
2436
728
|
}
|
|
2437
729
|
},
|
|
2438
|
-
{
|
|
2439
|
-
"kind": "field",
|
|
2440
|
-
"name": "defaultReferrerPolicy",
|
|
2441
|
-
"type": {
|
|
2442
|
-
"text": "string"
|
|
2443
|
-
},
|
|
2444
|
-
"privacy": "private",
|
|
2445
|
-
"default": "\"strict-origin-when-cross-origin\""
|
|
2446
|
-
},
|
|
2447
730
|
{
|
|
2448
731
|
"kind": "field",
|
|
2449
732
|
"name": "download",
|
|
@@ -2452,7 +735,6 @@
|
|
|
2452
735
|
"text": "boolean"
|
|
2453
736
|
},
|
|
2454
737
|
"description": "If true, the linked resource will be downloaded when the hyperlink is clicked.",
|
|
2455
|
-
"default": "false",
|
|
2456
738
|
"attribute": "download",
|
|
2457
739
|
"reflects": true
|
|
2458
740
|
},
|
|
@@ -2579,8 +861,7 @@
|
|
|
2579
861
|
"type": {
|
|
2580
862
|
"text": "boolean"
|
|
2581
863
|
},
|
|
2582
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
2583
|
-
"default": "false",
|
|
864
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2584
865
|
"attribute": "ondark"
|
|
2585
866
|
},
|
|
2586
867
|
{
|
|
@@ -2615,16 +896,10 @@
|
|
|
2615
896
|
"type": {
|
|
2616
897
|
"text": "string"
|
|
2617
898
|
},
|
|
2618
|
-
"description": "Defines the relationship between the current document and the linked document.",
|
|
899
|
+
"description": "Defines the relationship between the current document and the linked document. Visit [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel) for more information.",
|
|
2619
900
|
"attribute": "rel",
|
|
2620
901
|
"reflects": true
|
|
2621
902
|
},
|
|
2622
|
-
{
|
|
2623
|
-
"kind": "field",
|
|
2624
|
-
"name": "runtimeUtils",
|
|
2625
|
-
"privacy": "private",
|
|
2626
|
-
"default": "new AuroLibraryRuntimeUtils()"
|
|
2627
|
-
},
|
|
2628
903
|
{
|
|
2629
904
|
"kind": "field",
|
|
2630
905
|
"name": "safeUri",
|
|
@@ -2684,15 +959,6 @@
|
|
|
2684
959
|
"module": "src/layoutElement/auroElement.js"
|
|
2685
960
|
}
|
|
2686
961
|
},
|
|
2687
|
-
{
|
|
2688
|
-
"kind": "field",
|
|
2689
|
-
"name": "tabIsActive",
|
|
2690
|
-
"type": {
|
|
2691
|
-
"text": "string"
|
|
2692
|
-
},
|
|
2693
|
-
"privacy": "private",
|
|
2694
|
-
"default": "\"false\""
|
|
2695
|
-
},
|
|
2696
962
|
{
|
|
2697
963
|
"kind": "field",
|
|
2698
964
|
"name": "target",
|
|
@@ -2729,9 +995,9 @@
|
|
|
2729
995
|
"name": "type",
|
|
2730
996
|
"privacy": "public",
|
|
2731
997
|
"type": {
|
|
2732
|
-
"text": "
|
|
998
|
+
"text": "'nav' | 'cta'"
|
|
2733
999
|
},
|
|
2734
|
-
"description": "Defines the type of hyperlink
|
|
1000
|
+
"description": "Defines the type of hyperlink.",
|
|
2735
1001
|
"attribute": "type",
|
|
2736
1002
|
"reflects": true
|
|
2737
1003
|
},
|
|
@@ -2740,10 +1006,10 @@
|
|
|
2740
1006
|
"name": "variant",
|
|
2741
1007
|
"privacy": "public",
|
|
2742
1008
|
"type": {
|
|
2743
|
-
"text": "
|
|
1009
|
+
"text": "'primary' | 'secondary' | 'tertiary' | 'ghost' | 'flat'"
|
|
2744
1010
|
},
|
|
2745
|
-
"description": "Sets button variant option
|
|
2746
|
-
"default": "
|
|
1011
|
+
"description": "Sets button variant option when using `type=\"cta\"`.",
|
|
1012
|
+
"default": "'primary'",
|
|
2747
1013
|
"attribute": "variant",
|
|
2748
1014
|
"reflects": true
|
|
2749
1015
|
}
|
|
@@ -2755,7 +1021,7 @@
|
|
|
2755
1021
|
"text": "string"
|
|
2756
1022
|
},
|
|
2757
1023
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2758
|
-
"default": "
|
|
1024
|
+
"default": "'default'",
|
|
2759
1025
|
"fieldName": "appearance",
|
|
2760
1026
|
"inheritedFrom": {
|
|
2761
1027
|
"name": "AuroElement",
|
|
@@ -2768,7 +1034,6 @@
|
|
|
2768
1034
|
"text": "boolean"
|
|
2769
1035
|
},
|
|
2770
1036
|
"description": "If true, the linked resource will be downloaded when the hyperlink is clicked.",
|
|
2771
|
-
"default": "false",
|
|
2772
1037
|
"fieldName": "download"
|
|
2773
1038
|
},
|
|
2774
1039
|
{
|
|
@@ -2806,8 +1071,7 @@
|
|
|
2806
1071
|
"text": "boolean"
|
|
2807
1072
|
},
|
|
2808
1073
|
"fieldName": "ondark",
|
|
2809
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
2810
|
-
"default": "false",
|
|
1074
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2811
1075
|
"inheritedFrom": {
|
|
2812
1076
|
"name": "AuroElement",
|
|
2813
1077
|
"module": "src/layoutElement/auroElement.js"
|
|
@@ -2826,7 +1090,7 @@
|
|
|
2826
1090
|
"type": {
|
|
2827
1091
|
"text": "string"
|
|
2828
1092
|
},
|
|
2829
|
-
"description": "Defines the relationship between the current document and the linked document.",
|
|
1093
|
+
"description": "Defines the relationship between the current document and the linked document. Visit [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel) for more information.",
|
|
2830
1094
|
"fieldName": "rel"
|
|
2831
1095
|
},
|
|
2832
1096
|
{
|
|
@@ -2862,18 +1126,18 @@
|
|
|
2862
1126
|
{
|
|
2863
1127
|
"name": "type",
|
|
2864
1128
|
"type": {
|
|
2865
|
-
"text": "
|
|
1129
|
+
"text": "'nav' | 'cta'"
|
|
2866
1130
|
},
|
|
2867
|
-
"description": "Defines the type of hyperlink
|
|
1131
|
+
"description": "Defines the type of hyperlink.",
|
|
2868
1132
|
"fieldName": "type"
|
|
2869
1133
|
},
|
|
2870
1134
|
{
|
|
2871
1135
|
"name": "variant",
|
|
2872
1136
|
"type": {
|
|
2873
|
-
"text": "
|
|
1137
|
+
"text": "'primary' | 'secondary' | 'tertiary' | 'ghost' | 'flat'"
|
|
2874
1138
|
},
|
|
2875
|
-
"description": "Sets button variant option
|
|
2876
|
-
"default": "
|
|
1139
|
+
"description": "Sets button variant option when using `type=\"cta\"`.",
|
|
1140
|
+
"default": "'primary'",
|
|
2877
1141
|
"fieldName": "variant"
|
|
2878
1142
|
}
|
|
2879
1143
|
],
|
|
@@ -3033,7 +1297,8 @@
|
|
|
3033
1297
|
"name": "LitElement",
|
|
3034
1298
|
"package": "lit"
|
|
3035
1299
|
},
|
|
3036
|
-
"customElement": true
|
|
1300
|
+
"customElement": true,
|
|
1301
|
+
"modulePath": "src/layoutElement/auroElement.js"
|
|
3037
1302
|
}
|
|
3038
1303
|
],
|
|
3039
1304
|
"exports": [
|