@momentum-design/components 0.81.4 → 0.81.5
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/dist/custom-elements.json +1197 -1197
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/package.json +1 -1
|
@@ -4,203 +4,509 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "components/
|
|
7
|
+
"path": "components/alertchip/alertchip.component.js",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
|
-
"description": "
|
|
12
|
-
"name": "
|
|
11
|
+
"description": "mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n\n- It supports a leading icon along with label.\n- It supports 5 variants of alerts - neutral, warning, error, success, and informational\n\nThis component is built by extending Buttonsimple.",
|
|
12
|
+
"name": "AlertChip",
|
|
13
|
+
"cssProperties": [
|
|
14
|
+
{
|
|
15
|
+
"description": "The color of the label text",
|
|
16
|
+
"name": "--mdc-chip-color"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"description": "The color of the icon",
|
|
20
|
+
"name": "--mdc-chip-icon-color"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"description": "The border color of the alertchip",
|
|
24
|
+
"name": "--mdc-chip-border-color"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"description": "The background color of the alertchip",
|
|
28
|
+
"name": "--mdc-chip-background-color"
|
|
29
|
+
}
|
|
30
|
+
],
|
|
13
31
|
"members": [
|
|
14
32
|
{
|
|
15
33
|
"kind": "field",
|
|
16
|
-
"name": "
|
|
34
|
+
"name": "variant",
|
|
17
35
|
"type": {
|
|
18
|
-
"text": "
|
|
36
|
+
"text": "VariantType"
|
|
19
37
|
},
|
|
20
|
-
"description": "
|
|
21
|
-
"
|
|
22
|
-
"
|
|
38
|
+
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
39
|
+
"default": "neutral",
|
|
40
|
+
"attribute": "variant"
|
|
23
41
|
},
|
|
24
42
|
{
|
|
25
43
|
"kind": "field",
|
|
26
|
-
"name": "
|
|
44
|
+
"name": "label",
|
|
27
45
|
"type": {
|
|
28
|
-
"text": "
|
|
46
|
+
"text": "string"
|
|
29
47
|
},
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
48
|
+
"default": "''",
|
|
49
|
+
"description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
50
|
+
"attribute": "label"
|
|
33
51
|
},
|
|
34
52
|
{
|
|
35
53
|
"kind": "field",
|
|
36
|
-
"name": "
|
|
54
|
+
"name": "autofocus",
|
|
55
|
+
"type": {
|
|
56
|
+
"text": "boolean"
|
|
57
|
+
},
|
|
58
|
+
"default": "false",
|
|
59
|
+
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
60
|
+
"attribute": "autofocus",
|
|
61
|
+
"reflects": true,
|
|
62
|
+
"inheritedFrom": {
|
|
63
|
+
"name": "AutoFocusMixin",
|
|
64
|
+
"module": "utils/mixins/AutoFocusMixin.js"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"kind": "field",
|
|
69
|
+
"name": "tabIndex",
|
|
70
|
+
"type": {
|
|
71
|
+
"text": "number"
|
|
72
|
+
},
|
|
73
|
+
"default": "0",
|
|
74
|
+
"description": "This property specifies the tab order of the element.",
|
|
75
|
+
"attribute": "tabIndex",
|
|
76
|
+
"reflects": true,
|
|
77
|
+
"inheritedFrom": {
|
|
78
|
+
"name": "TabIndexMixin",
|
|
79
|
+
"module": "utils/mixins/TabIndexMixin.js"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"kind": "field",
|
|
84
|
+
"name": "disabled",
|
|
37
85
|
"type": {
|
|
38
86
|
"text": "boolean | undefined"
|
|
39
87
|
},
|
|
40
|
-
"description": "
|
|
41
|
-
"
|
|
42
|
-
"
|
|
88
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
89
|
+
"default": "undefined",
|
|
90
|
+
"attribute": "disabled",
|
|
91
|
+
"reflects": true,
|
|
92
|
+
"inheritedFrom": {
|
|
93
|
+
"name": "DisabledMixin",
|
|
94
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
95
|
+
}
|
|
43
96
|
},
|
|
44
97
|
{
|
|
45
98
|
"kind": "field",
|
|
46
|
-
"name": "
|
|
99
|
+
"name": "active",
|
|
47
100
|
"type": {
|
|
48
|
-
"text": "
|
|
101
|
+
"text": "boolean | undefined"
|
|
49
102
|
},
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"attribute": "
|
|
103
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
104
|
+
"default": "undefined",
|
|
105
|
+
"attribute": "active",
|
|
106
|
+
"reflects": true,
|
|
107
|
+
"inheritedFrom": {
|
|
108
|
+
"name": "Buttonsimple",
|
|
109
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
110
|
+
}
|
|
53
111
|
},
|
|
54
112
|
{
|
|
55
113
|
"kind": "field",
|
|
56
|
-
"name": "
|
|
114
|
+
"name": "softDisabled",
|
|
57
115
|
"type": {
|
|
58
|
-
"text": "
|
|
116
|
+
"text": "boolean | undefined"
|
|
59
117
|
},
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"attribute": "
|
|
118
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
119
|
+
"default": "undefined",
|
|
120
|
+
"attribute": "soft-disabled",
|
|
121
|
+
"reflects": true,
|
|
122
|
+
"inheritedFrom": {
|
|
123
|
+
"name": "Buttonsimple",
|
|
124
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
125
|
+
}
|
|
63
126
|
},
|
|
64
127
|
{
|
|
65
128
|
"kind": "field",
|
|
66
|
-
"name": "
|
|
129
|
+
"name": "size",
|
|
67
130
|
"type": {
|
|
68
|
-
"text": "
|
|
131
|
+
"text": "ButtonSize"
|
|
69
132
|
},
|
|
70
|
-
"
|
|
71
|
-
"
|
|
133
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
134
|
+
"default": "32",
|
|
135
|
+
"attribute": "size",
|
|
136
|
+
"reflects": true,
|
|
137
|
+
"inheritedFrom": {
|
|
138
|
+
"name": "Buttonsimple",
|
|
139
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
140
|
+
}
|
|
72
141
|
},
|
|
73
142
|
{
|
|
74
143
|
"kind": "field",
|
|
75
|
-
"name": "
|
|
144
|
+
"name": "role",
|
|
145
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
146
|
+
"default": "button",
|
|
147
|
+
"attribute": "role",
|
|
148
|
+
"reflects": true,
|
|
149
|
+
"inheritedFrom": {
|
|
150
|
+
"name": "Buttonsimple",
|
|
151
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"kind": "field",
|
|
156
|
+
"name": "ariaStateKey",
|
|
76
157
|
"type": {
|
|
77
|
-
"text": "
|
|
158
|
+
"text": "string | undefined"
|
|
78
159
|
},
|
|
79
|
-
"
|
|
80
|
-
"
|
|
160
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
161
|
+
"default": "'aria-pressed' (when)",
|
|
162
|
+
"attribute": "ariaStateKey",
|
|
163
|
+
"reflects": true,
|
|
164
|
+
"inheritedFrom": {
|
|
165
|
+
"name": "Buttonsimple",
|
|
166
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
167
|
+
}
|
|
81
168
|
},
|
|
82
169
|
{
|
|
83
170
|
"kind": "field",
|
|
84
|
-
"name": "
|
|
85
|
-
"
|
|
86
|
-
|
|
171
|
+
"name": "type",
|
|
172
|
+
"type": {
|
|
173
|
+
"text": "ButtonType"
|
|
174
|
+
},
|
|
175
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
176
|
+
"default": "button",
|
|
177
|
+
"attribute": "type",
|
|
178
|
+
"reflects": true,
|
|
179
|
+
"inheritedFrom": {
|
|
180
|
+
"name": "Buttonsimple",
|
|
181
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
182
|
+
}
|
|
87
183
|
},
|
|
88
184
|
{
|
|
89
185
|
"kind": "method",
|
|
90
|
-
"name": "
|
|
91
|
-
"privacy": "
|
|
186
|
+
"name": "executeAction",
|
|
187
|
+
"privacy": "protected",
|
|
188
|
+
"inheritedFrom": {
|
|
189
|
+
"name": "Buttonsimple",
|
|
190
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
191
|
+
}
|
|
92
192
|
},
|
|
93
193
|
{
|
|
94
194
|
"kind": "method",
|
|
95
|
-
"name": "
|
|
195
|
+
"name": "setActive",
|
|
196
|
+
"privacy": "protected",
|
|
197
|
+
"parameters": [
|
|
198
|
+
{
|
|
199
|
+
"name": "element",
|
|
200
|
+
"type": {
|
|
201
|
+
"text": "HTMLElement"
|
|
202
|
+
},
|
|
203
|
+
"description": "The button element"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"name": "active",
|
|
207
|
+
"optional": true,
|
|
208
|
+
"type": {
|
|
209
|
+
"text": "boolean"
|
|
210
|
+
},
|
|
211
|
+
"description": "The active state of the element"
|
|
212
|
+
}
|
|
213
|
+
],
|
|
214
|
+
"description": "Sets the ariaStateKey attributes based on the active state of the button.",
|
|
215
|
+
"inheritedFrom": {
|
|
216
|
+
"name": "Buttonsimple",
|
|
217
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"kind": "method",
|
|
222
|
+
"name": "setSoftDisabled",
|
|
96
223
|
"privacy": "private",
|
|
97
224
|
"parameters": [
|
|
98
225
|
{
|
|
99
|
-
"name": "
|
|
226
|
+
"name": "element",
|
|
100
227
|
"type": {
|
|
101
|
-
"text": "
|
|
102
|
-
}
|
|
228
|
+
"text": "HTMLElement"
|
|
229
|
+
},
|
|
230
|
+
"description": "The button element."
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"name": "softDisabled",
|
|
234
|
+
"optional": true,
|
|
235
|
+
"type": {
|
|
236
|
+
"text": "boolean"
|
|
237
|
+
},
|
|
238
|
+
"description": "The soft-disabled state."
|
|
103
239
|
}
|
|
104
240
|
],
|
|
105
|
-
"description": "
|
|
241
|
+
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute.",
|
|
242
|
+
"inheritedFrom": {
|
|
243
|
+
"name": "Buttonsimple",
|
|
244
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
245
|
+
}
|
|
106
246
|
},
|
|
107
247
|
{
|
|
108
248
|
"kind": "method",
|
|
109
|
-
"name": "
|
|
249
|
+
"name": "setDisabled",
|
|
110
250
|
"privacy": "private",
|
|
111
251
|
"parameters": [
|
|
112
252
|
{
|
|
113
|
-
"name": "
|
|
253
|
+
"name": "element",
|
|
114
254
|
"type": {
|
|
115
|
-
"text": "
|
|
116
|
-
}
|
|
255
|
+
"text": "HTMLElement"
|
|
256
|
+
},
|
|
257
|
+
"description": "The button element."
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "disabled",
|
|
261
|
+
"type": {
|
|
262
|
+
"text": "boolean"
|
|
263
|
+
},
|
|
264
|
+
"description": "The disabled state."
|
|
117
265
|
}
|
|
118
266
|
],
|
|
119
|
-
"description": "
|
|
267
|
+
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute.",
|
|
268
|
+
"inheritedFrom": {
|
|
269
|
+
"name": "Buttonsimple",
|
|
270
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
271
|
+
}
|
|
120
272
|
},
|
|
121
273
|
{
|
|
122
274
|
"kind": "method",
|
|
123
|
-
"name": "
|
|
275
|
+
"name": "triggerClickEvent",
|
|
124
276
|
"privacy": "private",
|
|
125
|
-
"
|
|
277
|
+
"inheritedFrom": {
|
|
278
|
+
"name": "Buttonsimple",
|
|
279
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
280
|
+
}
|
|
126
281
|
},
|
|
127
282
|
{
|
|
128
|
-
"kind": "
|
|
129
|
-
"name": "
|
|
130
|
-
"
|
|
283
|
+
"kind": "method",
|
|
284
|
+
"name": "handleBlur",
|
|
285
|
+
"privacy": "private",
|
|
286
|
+
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed.",
|
|
287
|
+
"inheritedFrom": {
|
|
288
|
+
"name": "Buttonsimple",
|
|
289
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
290
|
+
}
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"kind": "method",
|
|
294
|
+
"name": "handleKeyDown",
|
|
295
|
+
"privacy": "private",
|
|
296
|
+
"parameters": [
|
|
297
|
+
{
|
|
298
|
+
"name": "event",
|
|
299
|
+
"type": {
|
|
300
|
+
"text": "KeyboardEvent"
|
|
301
|
+
},
|
|
302
|
+
"description": "The keyboard event."
|
|
303
|
+
}
|
|
304
|
+
],
|
|
305
|
+
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.\nIf the key is 'Space', the button's default is prevent to avoid scrolling etc in the host application.",
|
|
306
|
+
"inheritedFrom": {
|
|
307
|
+
"name": "Buttonsimple",
|
|
308
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
309
|
+
}
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
"kind": "method",
|
|
313
|
+
"name": "handleKeyUp",
|
|
314
|
+
"privacy": "private",
|
|
315
|
+
"parameters": [
|
|
316
|
+
{
|
|
317
|
+
"name": "event",
|
|
318
|
+
"type": {
|
|
319
|
+
"text": "KeyboardEvent"
|
|
320
|
+
},
|
|
321
|
+
"description": "The keyboard event."
|
|
322
|
+
}
|
|
323
|
+
],
|
|
324
|
+
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way.",
|
|
325
|
+
"inheritedFrom": {
|
|
326
|
+
"name": "Buttonsimple",
|
|
327
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
328
|
+
}
|
|
131
329
|
}
|
|
132
330
|
],
|
|
133
|
-
"
|
|
331
|
+
"attributes": [
|
|
134
332
|
{
|
|
135
|
-
"name": "
|
|
333
|
+
"name": "variant",
|
|
136
334
|
"type": {
|
|
137
|
-
"text": "
|
|
335
|
+
"text": "VariantType"
|
|
138
336
|
},
|
|
139
|
-
"description": "
|
|
140
|
-
"
|
|
337
|
+
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
338
|
+
"default": "neutral",
|
|
339
|
+
"fieldName": "variant"
|
|
141
340
|
},
|
|
142
341
|
{
|
|
143
|
-
"
|
|
144
|
-
"
|
|
145
|
-
|
|
342
|
+
"name": "label",
|
|
343
|
+
"type": {
|
|
344
|
+
"text": "string"
|
|
345
|
+
},
|
|
346
|
+
"default": "''",
|
|
347
|
+
"description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
348
|
+
"fieldName": "label"
|
|
146
349
|
},
|
|
147
350
|
{
|
|
148
|
-
"
|
|
149
|
-
"
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
351
|
+
"name": "autofocus",
|
|
352
|
+
"type": {
|
|
353
|
+
"text": "boolean"
|
|
354
|
+
},
|
|
355
|
+
"default": "false",
|
|
356
|
+
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
357
|
+
"fieldName": "autofocus",
|
|
358
|
+
"inheritedFrom": {
|
|
359
|
+
"name": "AutoFocusMixin",
|
|
360
|
+
"module": "src/utils/mixins/AutoFocusMixin.ts"
|
|
361
|
+
}
|
|
362
|
+
},
|
|
154
363
|
{
|
|
155
|
-
"name": "
|
|
364
|
+
"name": "tabIndex",
|
|
156
365
|
"type": {
|
|
157
|
-
"text": "
|
|
366
|
+
"text": "number"
|
|
158
367
|
},
|
|
159
|
-
"
|
|
160
|
-
"
|
|
368
|
+
"default": "0",
|
|
369
|
+
"description": "This property specifies the tab order of the element.",
|
|
370
|
+
"fieldName": "tabIndex",
|
|
371
|
+
"inheritedFrom": {
|
|
372
|
+
"name": "TabIndexMixin",
|
|
373
|
+
"module": "src/utils/mixins/TabIndexMixin.ts"
|
|
374
|
+
}
|
|
161
375
|
},
|
|
162
376
|
{
|
|
163
|
-
"name": "
|
|
377
|
+
"name": "disabled",
|
|
164
378
|
"type": {
|
|
165
|
-
"text": "
|
|
379
|
+
"text": "boolean | undefined"
|
|
166
380
|
},
|
|
167
|
-
"description": "
|
|
168
|
-
"
|
|
381
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
382
|
+
"default": "undefined",
|
|
383
|
+
"fieldName": "disabled",
|
|
384
|
+
"inheritedFrom": {
|
|
385
|
+
"name": "DisabledMixin",
|
|
386
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
387
|
+
}
|
|
169
388
|
},
|
|
170
389
|
{
|
|
171
|
-
"name": "
|
|
390
|
+
"name": "active",
|
|
172
391
|
"type": {
|
|
173
392
|
"text": "boolean | undefined"
|
|
174
393
|
},
|
|
175
|
-
"description": "
|
|
176
|
-
"
|
|
394
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
395
|
+
"default": "undefined",
|
|
396
|
+
"fieldName": "active",
|
|
397
|
+
"inheritedFrom": {
|
|
398
|
+
"name": "Buttonsimple",
|
|
399
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
400
|
+
}
|
|
177
401
|
},
|
|
178
402
|
{
|
|
179
|
-
"name": "
|
|
403
|
+
"name": "soft-disabled",
|
|
180
404
|
"type": {
|
|
181
|
-
"text": "
|
|
405
|
+
"text": "boolean | undefined"
|
|
182
406
|
},
|
|
183
|
-
"
|
|
184
|
-
"
|
|
185
|
-
"fieldName": "
|
|
407
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
408
|
+
"default": "undefined",
|
|
409
|
+
"fieldName": "softDisabled",
|
|
410
|
+
"inheritedFrom": {
|
|
411
|
+
"name": "Buttonsimple",
|
|
412
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
413
|
+
}
|
|
186
414
|
},
|
|
187
415
|
{
|
|
188
|
-
"name": "
|
|
416
|
+
"name": "size",
|
|
189
417
|
"type": {
|
|
190
|
-
"text": "
|
|
418
|
+
"text": "ButtonSize"
|
|
191
419
|
},
|
|
192
|
-
"
|
|
193
|
-
"
|
|
194
|
-
"fieldName": "
|
|
420
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
421
|
+
"default": "32",
|
|
422
|
+
"fieldName": "size",
|
|
423
|
+
"inheritedFrom": {
|
|
424
|
+
"name": "Buttonsimple",
|
|
425
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
426
|
+
}
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"name": "role",
|
|
430
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
431
|
+
"default": "button",
|
|
432
|
+
"fieldName": "role",
|
|
433
|
+
"inheritedFrom": {
|
|
434
|
+
"name": "Buttonsimple",
|
|
435
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
436
|
+
}
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"name": "ariaStateKey",
|
|
440
|
+
"type": {
|
|
441
|
+
"text": "string | undefined"
|
|
442
|
+
},
|
|
443
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
444
|
+
"default": "'aria-pressed' (when)",
|
|
445
|
+
"fieldName": "ariaStateKey",
|
|
446
|
+
"inheritedFrom": {
|
|
447
|
+
"name": "Buttonsimple",
|
|
448
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
449
|
+
}
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"name": "type",
|
|
453
|
+
"type": {
|
|
454
|
+
"text": "ButtonType"
|
|
455
|
+
},
|
|
456
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
457
|
+
"default": "button",
|
|
458
|
+
"fieldName": "type",
|
|
459
|
+
"inheritedFrom": {
|
|
460
|
+
"name": "Buttonsimple",
|
|
461
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
462
|
+
}
|
|
195
463
|
}
|
|
196
464
|
],
|
|
197
465
|
"superclass": {
|
|
198
|
-
"name": "
|
|
199
|
-
"module": "/src/
|
|
466
|
+
"name": "Buttonsimple",
|
|
467
|
+
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
200
468
|
},
|
|
201
|
-
"tagName": "mdc-
|
|
202
|
-
"jsDoc": "/**\n *
|
|
203
|
-
"customElement": true
|
|
469
|
+
"tagName": "mdc-alertchip",
|
|
470
|
+
"jsDoc": "/**\n * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n *\n * - It supports a leading icon along with label.\n * - It supports 5 variants of alerts - neutral, warning, error, success, and informational\n *\n * This component is built by extending Buttonsimple.\n *\n * @tagname mdc-alertchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the label text\n * @cssproperty --mdc-chip-icon-color - The color of the icon\n * @cssproperty --mdc-chip-border-color - The border color of the alertchip\n * @cssproperty --mdc-chip-background-color - The background color of the alertchip\n *\n */",
|
|
471
|
+
"customElement": true,
|
|
472
|
+
"events": [
|
|
473
|
+
{
|
|
474
|
+
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
475
|
+
"name": "click",
|
|
476
|
+
"reactName": "onClick",
|
|
477
|
+
"inheritedFrom": {
|
|
478
|
+
"name": "Buttonsimple",
|
|
479
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
480
|
+
}
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
484
|
+
"name": "keydown",
|
|
485
|
+
"reactName": "onKeyDown",
|
|
486
|
+
"inheritedFrom": {
|
|
487
|
+
"name": "Buttonsimple",
|
|
488
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
489
|
+
}
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
493
|
+
"name": "keyup",
|
|
494
|
+
"reactName": "onKeyUp",
|
|
495
|
+
"inheritedFrom": {
|
|
496
|
+
"name": "Buttonsimple",
|
|
497
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
498
|
+
}
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
502
|
+
"name": "focus",
|
|
503
|
+
"reactName": "onFocus",
|
|
504
|
+
"inheritedFrom": {
|
|
505
|
+
"name": "Buttonsimple",
|
|
506
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
507
|
+
}
|
|
508
|
+
}
|
|
509
|
+
]
|
|
204
510
|
}
|
|
205
511
|
],
|
|
206
512
|
"exports": [
|
|
@@ -208,8 +514,8 @@
|
|
|
208
514
|
"kind": "js",
|
|
209
515
|
"name": "default",
|
|
210
516
|
"declaration": {
|
|
211
|
-
"name": "
|
|
212
|
-
"module": "components/
|
|
517
|
+
"name": "AlertChip",
|
|
518
|
+
"module": "components/alertchip/alertchip.component.js"
|
|
213
519
|
}
|
|
214
520
|
}
|
|
215
521
|
]
|
|
@@ -277,17 +583,229 @@
|
|
|
277
583
|
},
|
|
278
584
|
{
|
|
279
585
|
"kind": "javascript-module",
|
|
280
|
-
"path": "components/
|
|
586
|
+
"path": "components/animation/animation.component.js",
|
|
281
587
|
"declarations": [
|
|
282
588
|
{
|
|
283
589
|
"kind": "class",
|
|
284
|
-
"description": "The `mdc-
|
|
285
|
-
"name": "
|
|
286
|
-
"
|
|
287
|
-
{
|
|
288
|
-
"
|
|
289
|
-
"name": "
|
|
290
|
-
|
|
590
|
+
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
591
|
+
"name": "Animation",
|
|
592
|
+
"members": [
|
|
593
|
+
{
|
|
594
|
+
"kind": "field",
|
|
595
|
+
"name": "name",
|
|
596
|
+
"type": {
|
|
597
|
+
"text": "AnimationNames | undefined"
|
|
598
|
+
},
|
|
599
|
+
"description": "Name of the animation (= filename)",
|
|
600
|
+
"attribute": "name",
|
|
601
|
+
"reflects": true
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"kind": "field",
|
|
605
|
+
"name": "loop",
|
|
606
|
+
"type": {
|
|
607
|
+
"text": "LoopType | undefined"
|
|
608
|
+
},
|
|
609
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
610
|
+
"attribute": "loop",
|
|
611
|
+
"reflects": true
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"kind": "field",
|
|
615
|
+
"name": "autoplay",
|
|
616
|
+
"type": {
|
|
617
|
+
"text": "boolean | undefined"
|
|
618
|
+
},
|
|
619
|
+
"description": "Weather start the animation automatically",
|
|
620
|
+
"attribute": "autoplay",
|
|
621
|
+
"reflects": true
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"kind": "field",
|
|
625
|
+
"name": "ariaLabel",
|
|
626
|
+
"type": {
|
|
627
|
+
"text": "string | null"
|
|
628
|
+
},
|
|
629
|
+
"default": "null",
|
|
630
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
631
|
+
"attribute": "aria-label"
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "field",
|
|
635
|
+
"name": "ariaLabelledBy",
|
|
636
|
+
"type": {
|
|
637
|
+
"text": "string | null"
|
|
638
|
+
},
|
|
639
|
+
"default": "null",
|
|
640
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
641
|
+
"attribute": "aria-labelledby"
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"kind": "field",
|
|
645
|
+
"name": "lottieInstance",
|
|
646
|
+
"type": {
|
|
647
|
+
"text": "AnimationItem | undefined"
|
|
648
|
+
},
|
|
649
|
+
"privacy": "private",
|
|
650
|
+
"description": "Lottie animation instance"
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"kind": "field",
|
|
654
|
+
"name": "containerRef",
|
|
655
|
+
"type": {
|
|
656
|
+
"text": "Ref<HTMLDivElement>"
|
|
657
|
+
},
|
|
658
|
+
"privacy": "private",
|
|
659
|
+
"description": "Container for the animation"
|
|
660
|
+
},
|
|
661
|
+
{
|
|
662
|
+
"kind": "field",
|
|
663
|
+
"name": "animation",
|
|
664
|
+
"description": "Exposed API of the animation library (lottie)",
|
|
665
|
+
"readonly": true
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"kind": "method",
|
|
669
|
+
"name": "getLoopValue",
|
|
670
|
+
"privacy": "private"
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"kind": "method",
|
|
674
|
+
"name": "onLoadSuccessHandler",
|
|
675
|
+
"privacy": "private",
|
|
676
|
+
"parameters": [
|
|
677
|
+
{
|
|
678
|
+
"name": "animationData",
|
|
679
|
+
"type": {
|
|
680
|
+
"text": "any"
|
|
681
|
+
}
|
|
682
|
+
}
|
|
683
|
+
],
|
|
684
|
+
"description": "Create new lotty instance for the loaded data"
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"kind": "method",
|
|
688
|
+
"name": "onLoadFailHandler",
|
|
689
|
+
"privacy": "private",
|
|
690
|
+
"parameters": [
|
|
691
|
+
{
|
|
692
|
+
"name": "error",
|
|
693
|
+
"type": {
|
|
694
|
+
"text": "Error"
|
|
695
|
+
}
|
|
696
|
+
}
|
|
697
|
+
],
|
|
698
|
+
"description": "Error handler for animation loading"
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"kind": "method",
|
|
702
|
+
"name": "getAnimationData",
|
|
703
|
+
"privacy": "private",
|
|
704
|
+
"description": "Import animation data dynamically"
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"kind": "field",
|
|
708
|
+
"name": "onCompleteHandler",
|
|
709
|
+
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
710
|
+
}
|
|
711
|
+
],
|
|
712
|
+
"events": [
|
|
713
|
+
{
|
|
714
|
+
"name": "load",
|
|
715
|
+
"type": {
|
|
716
|
+
"text": "CustomEvent"
|
|
717
|
+
},
|
|
718
|
+
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
719
|
+
"reactName": "onLoad"
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
723
|
+
"name": "complete",
|
|
724
|
+
"reactName": "onComplete"
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
728
|
+
"name": "error",
|
|
729
|
+
"reactName": "onError"
|
|
730
|
+
}
|
|
731
|
+
],
|
|
732
|
+
"attributes": [
|
|
733
|
+
{
|
|
734
|
+
"name": "name",
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "AnimationNames | undefined"
|
|
737
|
+
},
|
|
738
|
+
"description": "Name of the animation (= filename)",
|
|
739
|
+
"fieldName": "name"
|
|
740
|
+
},
|
|
741
|
+
{
|
|
742
|
+
"name": "loop",
|
|
743
|
+
"type": {
|
|
744
|
+
"text": "LoopType | undefined"
|
|
745
|
+
},
|
|
746
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
747
|
+
"fieldName": "loop"
|
|
748
|
+
},
|
|
749
|
+
{
|
|
750
|
+
"name": "autoplay",
|
|
751
|
+
"type": {
|
|
752
|
+
"text": "boolean | undefined"
|
|
753
|
+
},
|
|
754
|
+
"description": "Weather start the animation automatically",
|
|
755
|
+
"fieldName": "autoplay"
|
|
756
|
+
},
|
|
757
|
+
{
|
|
758
|
+
"name": "aria-label",
|
|
759
|
+
"type": {
|
|
760
|
+
"text": "string | null"
|
|
761
|
+
},
|
|
762
|
+
"default": "null",
|
|
763
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
764
|
+
"fieldName": "ariaLabel"
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"name": "aria-labelledby",
|
|
768
|
+
"type": {
|
|
769
|
+
"text": "string | null"
|
|
770
|
+
},
|
|
771
|
+
"default": "null",
|
|
772
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
773
|
+
"fieldName": "ariaLabelledBy"
|
|
774
|
+
}
|
|
775
|
+
],
|
|
776
|
+
"superclass": {
|
|
777
|
+
"name": "Component",
|
|
778
|
+
"module": "/src/models"
|
|
779
|
+
},
|
|
780
|
+
"tagName": "mdc-animation",
|
|
781
|
+
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
782
|
+
"customElement": true
|
|
783
|
+
}
|
|
784
|
+
],
|
|
785
|
+
"exports": [
|
|
786
|
+
{
|
|
787
|
+
"kind": "js",
|
|
788
|
+
"name": "default",
|
|
789
|
+
"declaration": {
|
|
790
|
+
"name": "Animation",
|
|
791
|
+
"module": "components/animation/animation.component.js"
|
|
792
|
+
}
|
|
793
|
+
}
|
|
794
|
+
]
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"kind": "javascript-module",
|
|
798
|
+
"path": "components/avatar/avatar.component.js",
|
|
799
|
+
"declarations": [
|
|
800
|
+
{
|
|
801
|
+
"kind": "class",
|
|
802
|
+
"description": "The `mdc-avatar` component is used to represent a person or a space.\nAn avatar can be an icon, initials, counter and photo.\n\nTo set the photo of an avatar,\nyou need to set \"src\" attribute.\n\nWhile the avatar image is loading, as a placeholder,\nwe will show the initials text.\nIf the initials are not specified then,\nwe will show `user-regular` icon as a placeholder.\n\nBy default, if there are no attributes specified,\nthen the default avatar will be an icon with `user-regular` name.\n\nThe avatar component is non clickable and non interactive/focusable component.\nIf the avatar is typing, then the loading indicator will be displayed.\nIf the counter type avatar is set to a negative number, then we will display 0.\nThe presence indicator will be hidden when the counter property is set.",
|
|
803
|
+
"name": "Avatar",
|
|
804
|
+
"cssProperties": [
|
|
805
|
+
{
|
|
806
|
+
"description": "Allows customization of the default background color.",
|
|
807
|
+
"name": "--mdc-avatar-default-background-color"
|
|
808
|
+
},
|
|
291
809
|
{
|
|
292
810
|
"description": "Allows customization of the default foreground color.",
|
|
293
811
|
"name": "--mdc-avatar-default-foreground-color"
|
|
@@ -519,524 +1037,6 @@
|
|
|
519
1037
|
}
|
|
520
1038
|
]
|
|
521
1039
|
},
|
|
522
|
-
{
|
|
523
|
-
"kind": "javascript-module",
|
|
524
|
-
"path": "components/alertchip/alertchip.component.js",
|
|
525
|
-
"declarations": [
|
|
526
|
-
{
|
|
527
|
-
"kind": "class",
|
|
528
|
-
"description": "mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n\n- It supports a leading icon along with label.\n- It supports 5 variants of alerts - neutral, warning, error, success, and informational\n\nThis component is built by extending Buttonsimple.",
|
|
529
|
-
"name": "AlertChip",
|
|
530
|
-
"cssProperties": [
|
|
531
|
-
{
|
|
532
|
-
"description": "The color of the label text",
|
|
533
|
-
"name": "--mdc-chip-color"
|
|
534
|
-
},
|
|
535
|
-
{
|
|
536
|
-
"description": "The color of the icon",
|
|
537
|
-
"name": "--mdc-chip-icon-color"
|
|
538
|
-
},
|
|
539
|
-
{
|
|
540
|
-
"description": "The border color of the alertchip",
|
|
541
|
-
"name": "--mdc-chip-border-color"
|
|
542
|
-
},
|
|
543
|
-
{
|
|
544
|
-
"description": "The background color of the alertchip",
|
|
545
|
-
"name": "--mdc-chip-background-color"
|
|
546
|
-
}
|
|
547
|
-
],
|
|
548
|
-
"members": [
|
|
549
|
-
{
|
|
550
|
-
"kind": "field",
|
|
551
|
-
"name": "variant",
|
|
552
|
-
"type": {
|
|
553
|
-
"text": "VariantType"
|
|
554
|
-
},
|
|
555
|
-
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
556
|
-
"default": "neutral",
|
|
557
|
-
"attribute": "variant"
|
|
558
|
-
},
|
|
559
|
-
{
|
|
560
|
-
"kind": "field",
|
|
561
|
-
"name": "label",
|
|
562
|
-
"type": {
|
|
563
|
-
"text": "string"
|
|
564
|
-
},
|
|
565
|
-
"default": "''",
|
|
566
|
-
"description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
567
|
-
"attribute": "label"
|
|
568
|
-
},
|
|
569
|
-
{
|
|
570
|
-
"kind": "field",
|
|
571
|
-
"name": "autofocus",
|
|
572
|
-
"type": {
|
|
573
|
-
"text": "boolean"
|
|
574
|
-
},
|
|
575
|
-
"default": "false",
|
|
576
|
-
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
577
|
-
"attribute": "autofocus",
|
|
578
|
-
"reflects": true,
|
|
579
|
-
"inheritedFrom": {
|
|
580
|
-
"name": "AutoFocusMixin",
|
|
581
|
-
"module": "utils/mixins/AutoFocusMixin.js"
|
|
582
|
-
}
|
|
583
|
-
},
|
|
584
|
-
{
|
|
585
|
-
"kind": "field",
|
|
586
|
-
"name": "tabIndex",
|
|
587
|
-
"type": {
|
|
588
|
-
"text": "number"
|
|
589
|
-
},
|
|
590
|
-
"default": "0",
|
|
591
|
-
"description": "This property specifies the tab order of the element.",
|
|
592
|
-
"attribute": "tabIndex",
|
|
593
|
-
"reflects": true,
|
|
594
|
-
"inheritedFrom": {
|
|
595
|
-
"name": "TabIndexMixin",
|
|
596
|
-
"module": "utils/mixins/TabIndexMixin.js"
|
|
597
|
-
}
|
|
598
|
-
},
|
|
599
|
-
{
|
|
600
|
-
"kind": "field",
|
|
601
|
-
"name": "disabled",
|
|
602
|
-
"type": {
|
|
603
|
-
"text": "boolean | undefined"
|
|
604
|
-
},
|
|
605
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
606
|
-
"default": "undefined",
|
|
607
|
-
"attribute": "disabled",
|
|
608
|
-
"reflects": true,
|
|
609
|
-
"inheritedFrom": {
|
|
610
|
-
"name": "DisabledMixin",
|
|
611
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
612
|
-
}
|
|
613
|
-
},
|
|
614
|
-
{
|
|
615
|
-
"kind": "field",
|
|
616
|
-
"name": "active",
|
|
617
|
-
"type": {
|
|
618
|
-
"text": "boolean | undefined"
|
|
619
|
-
},
|
|
620
|
-
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
621
|
-
"default": "undefined",
|
|
622
|
-
"attribute": "active",
|
|
623
|
-
"reflects": true,
|
|
624
|
-
"inheritedFrom": {
|
|
625
|
-
"name": "Buttonsimple",
|
|
626
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
627
|
-
}
|
|
628
|
-
},
|
|
629
|
-
{
|
|
630
|
-
"kind": "field",
|
|
631
|
-
"name": "softDisabled",
|
|
632
|
-
"type": {
|
|
633
|
-
"text": "boolean | undefined"
|
|
634
|
-
},
|
|
635
|
-
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
636
|
-
"default": "undefined",
|
|
637
|
-
"attribute": "soft-disabled",
|
|
638
|
-
"reflects": true,
|
|
639
|
-
"inheritedFrom": {
|
|
640
|
-
"name": "Buttonsimple",
|
|
641
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
642
|
-
}
|
|
643
|
-
},
|
|
644
|
-
{
|
|
645
|
-
"kind": "field",
|
|
646
|
-
"name": "size",
|
|
647
|
-
"type": {
|
|
648
|
-
"text": "ButtonSize"
|
|
649
|
-
},
|
|
650
|
-
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
651
|
-
"default": "32",
|
|
652
|
-
"attribute": "size",
|
|
653
|
-
"reflects": true,
|
|
654
|
-
"inheritedFrom": {
|
|
655
|
-
"name": "Buttonsimple",
|
|
656
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
657
|
-
}
|
|
658
|
-
},
|
|
659
|
-
{
|
|
660
|
-
"kind": "field",
|
|
661
|
-
"name": "role",
|
|
662
|
-
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
663
|
-
"default": "button",
|
|
664
|
-
"attribute": "role",
|
|
665
|
-
"reflects": true,
|
|
666
|
-
"inheritedFrom": {
|
|
667
|
-
"name": "Buttonsimple",
|
|
668
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
669
|
-
}
|
|
670
|
-
},
|
|
671
|
-
{
|
|
672
|
-
"kind": "field",
|
|
673
|
-
"name": "ariaStateKey",
|
|
674
|
-
"type": {
|
|
675
|
-
"text": "string | undefined"
|
|
676
|
-
},
|
|
677
|
-
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
678
|
-
"default": "'aria-pressed' (when)",
|
|
679
|
-
"attribute": "ariaStateKey",
|
|
680
|
-
"reflects": true,
|
|
681
|
-
"inheritedFrom": {
|
|
682
|
-
"name": "Buttonsimple",
|
|
683
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
684
|
-
}
|
|
685
|
-
},
|
|
686
|
-
{
|
|
687
|
-
"kind": "field",
|
|
688
|
-
"name": "type",
|
|
689
|
-
"type": {
|
|
690
|
-
"text": "ButtonType"
|
|
691
|
-
},
|
|
692
|
-
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
693
|
-
"default": "button",
|
|
694
|
-
"attribute": "type",
|
|
695
|
-
"reflects": true,
|
|
696
|
-
"inheritedFrom": {
|
|
697
|
-
"name": "Buttonsimple",
|
|
698
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
699
|
-
}
|
|
700
|
-
},
|
|
701
|
-
{
|
|
702
|
-
"kind": "method",
|
|
703
|
-
"name": "executeAction",
|
|
704
|
-
"privacy": "protected",
|
|
705
|
-
"inheritedFrom": {
|
|
706
|
-
"name": "Buttonsimple",
|
|
707
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
708
|
-
}
|
|
709
|
-
},
|
|
710
|
-
{
|
|
711
|
-
"kind": "method",
|
|
712
|
-
"name": "setActive",
|
|
713
|
-
"privacy": "protected",
|
|
714
|
-
"parameters": [
|
|
715
|
-
{
|
|
716
|
-
"name": "element",
|
|
717
|
-
"type": {
|
|
718
|
-
"text": "HTMLElement"
|
|
719
|
-
},
|
|
720
|
-
"description": "The button element"
|
|
721
|
-
},
|
|
722
|
-
{
|
|
723
|
-
"name": "active",
|
|
724
|
-
"optional": true,
|
|
725
|
-
"type": {
|
|
726
|
-
"text": "boolean"
|
|
727
|
-
},
|
|
728
|
-
"description": "The active state of the element"
|
|
729
|
-
}
|
|
730
|
-
],
|
|
731
|
-
"description": "Sets the ariaStateKey attributes based on the active state of the button.",
|
|
732
|
-
"inheritedFrom": {
|
|
733
|
-
"name": "Buttonsimple",
|
|
734
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
735
|
-
}
|
|
736
|
-
},
|
|
737
|
-
{
|
|
738
|
-
"kind": "method",
|
|
739
|
-
"name": "setSoftDisabled",
|
|
740
|
-
"privacy": "private",
|
|
741
|
-
"parameters": [
|
|
742
|
-
{
|
|
743
|
-
"name": "element",
|
|
744
|
-
"type": {
|
|
745
|
-
"text": "HTMLElement"
|
|
746
|
-
},
|
|
747
|
-
"description": "The button element."
|
|
748
|
-
},
|
|
749
|
-
{
|
|
750
|
-
"name": "softDisabled",
|
|
751
|
-
"optional": true,
|
|
752
|
-
"type": {
|
|
753
|
-
"text": "boolean"
|
|
754
|
-
},
|
|
755
|
-
"description": "The soft-disabled state."
|
|
756
|
-
}
|
|
757
|
-
],
|
|
758
|
-
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute.",
|
|
759
|
-
"inheritedFrom": {
|
|
760
|
-
"name": "Buttonsimple",
|
|
761
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
762
|
-
}
|
|
763
|
-
},
|
|
764
|
-
{
|
|
765
|
-
"kind": "method",
|
|
766
|
-
"name": "setDisabled",
|
|
767
|
-
"privacy": "private",
|
|
768
|
-
"parameters": [
|
|
769
|
-
{
|
|
770
|
-
"name": "element",
|
|
771
|
-
"type": {
|
|
772
|
-
"text": "HTMLElement"
|
|
773
|
-
},
|
|
774
|
-
"description": "The button element."
|
|
775
|
-
},
|
|
776
|
-
{
|
|
777
|
-
"name": "disabled",
|
|
778
|
-
"type": {
|
|
779
|
-
"text": "boolean"
|
|
780
|
-
},
|
|
781
|
-
"description": "The disabled state."
|
|
782
|
-
}
|
|
783
|
-
],
|
|
784
|
-
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute.",
|
|
785
|
-
"inheritedFrom": {
|
|
786
|
-
"name": "Buttonsimple",
|
|
787
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
788
|
-
}
|
|
789
|
-
},
|
|
790
|
-
{
|
|
791
|
-
"kind": "method",
|
|
792
|
-
"name": "triggerClickEvent",
|
|
793
|
-
"privacy": "private",
|
|
794
|
-
"inheritedFrom": {
|
|
795
|
-
"name": "Buttonsimple",
|
|
796
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
797
|
-
}
|
|
798
|
-
},
|
|
799
|
-
{
|
|
800
|
-
"kind": "method",
|
|
801
|
-
"name": "handleBlur",
|
|
802
|
-
"privacy": "private",
|
|
803
|
-
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed.",
|
|
804
|
-
"inheritedFrom": {
|
|
805
|
-
"name": "Buttonsimple",
|
|
806
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
807
|
-
}
|
|
808
|
-
},
|
|
809
|
-
{
|
|
810
|
-
"kind": "method",
|
|
811
|
-
"name": "handleKeyDown",
|
|
812
|
-
"privacy": "private",
|
|
813
|
-
"parameters": [
|
|
814
|
-
{
|
|
815
|
-
"name": "event",
|
|
816
|
-
"type": {
|
|
817
|
-
"text": "KeyboardEvent"
|
|
818
|
-
},
|
|
819
|
-
"description": "The keyboard event."
|
|
820
|
-
}
|
|
821
|
-
],
|
|
822
|
-
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.\nIf the key is 'Space', the button's default is prevent to avoid scrolling etc in the host application.",
|
|
823
|
-
"inheritedFrom": {
|
|
824
|
-
"name": "Buttonsimple",
|
|
825
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
826
|
-
}
|
|
827
|
-
},
|
|
828
|
-
{
|
|
829
|
-
"kind": "method",
|
|
830
|
-
"name": "handleKeyUp",
|
|
831
|
-
"privacy": "private",
|
|
832
|
-
"parameters": [
|
|
833
|
-
{
|
|
834
|
-
"name": "event",
|
|
835
|
-
"type": {
|
|
836
|
-
"text": "KeyboardEvent"
|
|
837
|
-
},
|
|
838
|
-
"description": "The keyboard event."
|
|
839
|
-
}
|
|
840
|
-
],
|
|
841
|
-
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way.",
|
|
842
|
-
"inheritedFrom": {
|
|
843
|
-
"name": "Buttonsimple",
|
|
844
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
845
|
-
}
|
|
846
|
-
}
|
|
847
|
-
],
|
|
848
|
-
"attributes": [
|
|
849
|
-
{
|
|
850
|
-
"name": "variant",
|
|
851
|
-
"type": {
|
|
852
|
-
"text": "VariantType"
|
|
853
|
-
},
|
|
854
|
-
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
855
|
-
"default": "neutral",
|
|
856
|
-
"fieldName": "variant"
|
|
857
|
-
},
|
|
858
|
-
{
|
|
859
|
-
"name": "label",
|
|
860
|
-
"type": {
|
|
861
|
-
"text": "string"
|
|
862
|
-
},
|
|
863
|
-
"default": "''",
|
|
864
|
-
"description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
865
|
-
"fieldName": "label"
|
|
866
|
-
},
|
|
867
|
-
{
|
|
868
|
-
"name": "autofocus",
|
|
869
|
-
"type": {
|
|
870
|
-
"text": "boolean"
|
|
871
|
-
},
|
|
872
|
-
"default": "false",
|
|
873
|
-
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
874
|
-
"fieldName": "autofocus",
|
|
875
|
-
"inheritedFrom": {
|
|
876
|
-
"name": "AutoFocusMixin",
|
|
877
|
-
"module": "src/utils/mixins/AutoFocusMixin.ts"
|
|
878
|
-
}
|
|
879
|
-
},
|
|
880
|
-
{
|
|
881
|
-
"name": "tabIndex",
|
|
882
|
-
"type": {
|
|
883
|
-
"text": "number"
|
|
884
|
-
},
|
|
885
|
-
"default": "0",
|
|
886
|
-
"description": "This property specifies the tab order of the element.",
|
|
887
|
-
"fieldName": "tabIndex",
|
|
888
|
-
"inheritedFrom": {
|
|
889
|
-
"name": "TabIndexMixin",
|
|
890
|
-
"module": "src/utils/mixins/TabIndexMixin.ts"
|
|
891
|
-
}
|
|
892
|
-
},
|
|
893
|
-
{
|
|
894
|
-
"name": "disabled",
|
|
895
|
-
"type": {
|
|
896
|
-
"text": "boolean | undefined"
|
|
897
|
-
},
|
|
898
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
899
|
-
"default": "undefined",
|
|
900
|
-
"fieldName": "disabled",
|
|
901
|
-
"inheritedFrom": {
|
|
902
|
-
"name": "DisabledMixin",
|
|
903
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
904
|
-
}
|
|
905
|
-
},
|
|
906
|
-
{
|
|
907
|
-
"name": "active",
|
|
908
|
-
"type": {
|
|
909
|
-
"text": "boolean | undefined"
|
|
910
|
-
},
|
|
911
|
-
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
912
|
-
"default": "undefined",
|
|
913
|
-
"fieldName": "active",
|
|
914
|
-
"inheritedFrom": {
|
|
915
|
-
"name": "Buttonsimple",
|
|
916
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
917
|
-
}
|
|
918
|
-
},
|
|
919
|
-
{
|
|
920
|
-
"name": "soft-disabled",
|
|
921
|
-
"type": {
|
|
922
|
-
"text": "boolean | undefined"
|
|
923
|
-
},
|
|
924
|
-
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
925
|
-
"default": "undefined",
|
|
926
|
-
"fieldName": "softDisabled",
|
|
927
|
-
"inheritedFrom": {
|
|
928
|
-
"name": "Buttonsimple",
|
|
929
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
930
|
-
}
|
|
931
|
-
},
|
|
932
|
-
{
|
|
933
|
-
"name": "size",
|
|
934
|
-
"type": {
|
|
935
|
-
"text": "ButtonSize"
|
|
936
|
-
},
|
|
937
|
-
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
938
|
-
"default": "32",
|
|
939
|
-
"fieldName": "size",
|
|
940
|
-
"inheritedFrom": {
|
|
941
|
-
"name": "Buttonsimple",
|
|
942
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
943
|
-
}
|
|
944
|
-
},
|
|
945
|
-
{
|
|
946
|
-
"name": "role",
|
|
947
|
-
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
948
|
-
"default": "button",
|
|
949
|
-
"fieldName": "role",
|
|
950
|
-
"inheritedFrom": {
|
|
951
|
-
"name": "Buttonsimple",
|
|
952
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
953
|
-
}
|
|
954
|
-
},
|
|
955
|
-
{
|
|
956
|
-
"name": "ariaStateKey",
|
|
957
|
-
"type": {
|
|
958
|
-
"text": "string | undefined"
|
|
959
|
-
},
|
|
960
|
-
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
961
|
-
"default": "'aria-pressed' (when)",
|
|
962
|
-
"fieldName": "ariaStateKey",
|
|
963
|
-
"inheritedFrom": {
|
|
964
|
-
"name": "Buttonsimple",
|
|
965
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
966
|
-
}
|
|
967
|
-
},
|
|
968
|
-
{
|
|
969
|
-
"name": "type",
|
|
970
|
-
"type": {
|
|
971
|
-
"text": "ButtonType"
|
|
972
|
-
},
|
|
973
|
-
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
974
|
-
"default": "button",
|
|
975
|
-
"fieldName": "type",
|
|
976
|
-
"inheritedFrom": {
|
|
977
|
-
"name": "Buttonsimple",
|
|
978
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
979
|
-
}
|
|
980
|
-
}
|
|
981
|
-
],
|
|
982
|
-
"superclass": {
|
|
983
|
-
"name": "Buttonsimple",
|
|
984
|
-
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
985
|
-
},
|
|
986
|
-
"tagName": "mdc-alertchip",
|
|
987
|
-
"jsDoc": "/**\n * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n *\n * - It supports a leading icon along with label.\n * - It supports 5 variants of alerts - neutral, warning, error, success, and informational\n *\n * This component is built by extending Buttonsimple.\n *\n * @tagname mdc-alertchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the label text\n * @cssproperty --mdc-chip-icon-color - The color of the icon\n * @cssproperty --mdc-chip-border-color - The border color of the alertchip\n * @cssproperty --mdc-chip-background-color - The background color of the alertchip\n *\n */",
|
|
988
|
-
"customElement": true,
|
|
989
|
-
"events": [
|
|
990
|
-
{
|
|
991
|
-
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
992
|
-
"name": "click",
|
|
993
|
-
"reactName": "onClick",
|
|
994
|
-
"inheritedFrom": {
|
|
995
|
-
"name": "Buttonsimple",
|
|
996
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
997
|
-
}
|
|
998
|
-
},
|
|
999
|
-
{
|
|
1000
|
-
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
1001
|
-
"name": "keydown",
|
|
1002
|
-
"reactName": "onKeyDown",
|
|
1003
|
-
"inheritedFrom": {
|
|
1004
|
-
"name": "Buttonsimple",
|
|
1005
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
1006
|
-
}
|
|
1007
|
-
},
|
|
1008
|
-
{
|
|
1009
|
-
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
1010
|
-
"name": "keyup",
|
|
1011
|
-
"reactName": "onKeyUp",
|
|
1012
|
-
"inheritedFrom": {
|
|
1013
|
-
"name": "Buttonsimple",
|
|
1014
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
1015
|
-
}
|
|
1016
|
-
},
|
|
1017
|
-
{
|
|
1018
|
-
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
1019
|
-
"name": "focus",
|
|
1020
|
-
"reactName": "onFocus",
|
|
1021
|
-
"inheritedFrom": {
|
|
1022
|
-
"name": "Buttonsimple",
|
|
1023
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
1024
|
-
}
|
|
1025
|
-
}
|
|
1026
|
-
]
|
|
1027
|
-
}
|
|
1028
|
-
],
|
|
1029
|
-
"exports": [
|
|
1030
|
-
{
|
|
1031
|
-
"kind": "js",
|
|
1032
|
-
"name": "default",
|
|
1033
|
-
"declaration": {
|
|
1034
|
-
"name": "AlertChip",
|
|
1035
|
-
"module": "components/alertchip/alertchip.component.js"
|
|
1036
|
-
}
|
|
1037
|
-
}
|
|
1038
|
-
]
|
|
1039
|
-
},
|
|
1040
1040
|
{
|
|
1041
1041
|
"kind": "javascript-module",
|
|
1042
1042
|
"path": "components/avatarbutton/avatarbutton.component.js",
|
|
@@ -3549,468 +3549,88 @@
|
|
|
3549
3549
|
"name": "ButtonComponentMixin",
|
|
3550
3550
|
"module": "/src/utils/mixins/ButtonComponentMixin"
|
|
3551
3551
|
}
|
|
3552
|
-
],
|
|
3553
|
-
"superclass": {
|
|
3554
|
-
"name": "Linksimple",
|
|
3555
|
-
"module": "/src/components/linksimple/linksimple.component"
|
|
3556
|
-
},
|
|
3557
|
-
"tagName": "mdc-buttonlink",
|
|
3558
|
-
"jsDoc": "/**\n * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\n * features of `mdc-button`. This includes support for variants, sizing, and optional\n * prefix and postfix icons via slots.\n *\n * ### Features:\n * - Behaves like an link while visually resembling a button.\n * - Supports slots for `prefix-icon` and `postfix-icon`.\n * - Customizable size, color, and variant through attributes.\n * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-buttonlink\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n */",
|
|
3559
|
-
"customElement": true,
|
|
3560
|
-
"cssProperties": [
|
|
3561
|
-
{
|
|
3562
|
-
"description": "Border radius of the link.",
|
|
3563
|
-
"name": "--mdc-link-border-radius",
|
|
3564
|
-
"inheritedFrom": {
|
|
3565
|
-
"name": "Linksimple",
|
|
3566
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3567
|
-
}
|
|
3568
|
-
},
|
|
3569
|
-
{
|
|
3570
|
-
"description": "Color of the link’s child content in the active state.",
|
|
3571
|
-
"name": "--mdc-link-color-active",
|
|
3572
|
-
"inheritedFrom": {
|
|
3573
|
-
"name": "Linksimple",
|
|
3574
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3575
|
-
}
|
|
3576
|
-
},
|
|
3577
|
-
{
|
|
3578
|
-
"description": "Color of the link’s child content in the disabled state.",
|
|
3579
|
-
"name": "--mdc-link-color-disabled",
|
|
3580
|
-
"inheritedFrom": {
|
|
3581
|
-
"name": "Linksimple",
|
|
3582
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3583
|
-
}
|
|
3584
|
-
},
|
|
3585
|
-
{
|
|
3586
|
-
"description": "Color of the link’s child content in the hover state.",
|
|
3587
|
-
"name": "--mdc-link-color-hover",
|
|
3588
|
-
"inheritedFrom": {
|
|
3589
|
-
"name": "Linksimple",
|
|
3590
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3591
|
-
}
|
|
3592
|
-
},
|
|
3593
|
-
{
|
|
3594
|
-
"description": "Color of the link’s child content in the normal state.",
|
|
3595
|
-
"name": "--mdc-link-color-normal",
|
|
3596
|
-
"inheritedFrom": {
|
|
3597
|
-
"name": "Linksimple",
|
|
3598
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3599
|
-
}
|
|
3600
|
-
},
|
|
3601
|
-
{
|
|
3602
|
-
"description": "Color of the inverted link’s child content in the active state.",
|
|
3603
|
-
"name": "--mdc-link-inverted-color-active",
|
|
3604
|
-
"inheritedFrom": {
|
|
3605
|
-
"name": "Linksimple",
|
|
3606
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3607
|
-
}
|
|
3608
|
-
},
|
|
3609
|
-
{
|
|
3610
|
-
"description": "Color of the inverted link’s child content in the disabled state.",
|
|
3611
|
-
"name": "--mdc-link-inverted-color-disabled",
|
|
3612
|
-
"inheritedFrom": {
|
|
3613
|
-
"name": "Linksimple",
|
|
3614
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3615
|
-
}
|
|
3616
|
-
},
|
|
3617
|
-
{
|
|
3618
|
-
"description": "Color of the inverted link’s child content in the hover state.",
|
|
3619
|
-
"name": "--mdc-link-inverted-color-hover",
|
|
3620
|
-
"inheritedFrom": {
|
|
3621
|
-
"name": "Linksimple",
|
|
3622
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3623
|
-
}
|
|
3624
|
-
},
|
|
3625
|
-
{
|
|
3626
|
-
"description": "Color of the inverted link’s child content in the normal state.",
|
|
3627
|
-
"name": "--mdc-link-inverted-color-normal",
|
|
3628
|
-
"inheritedFrom": {
|
|
3629
|
-
"name": "Linksimple",
|
|
3630
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3631
|
-
}
|
|
3632
|
-
}
|
|
3633
|
-
]
|
|
3634
|
-
}
|
|
3635
|
-
],
|
|
3636
|
-
"exports": [
|
|
3637
|
-
{
|
|
3638
|
-
"kind": "js",
|
|
3639
|
-
"name": "default",
|
|
3640
|
-
"declaration": {
|
|
3641
|
-
"name": "ButtonLink",
|
|
3642
|
-
"module": "components/buttonlink/buttonlink.component.js"
|
|
3643
|
-
}
|
|
3644
|
-
}
|
|
3645
|
-
]
|
|
3646
|
-
},
|
|
3647
|
-
{
|
|
3648
|
-
"kind": "javascript-module",
|
|
3649
|
-
"path": "components/buttonsimple/buttonsimple.component.js",
|
|
3650
|
-
"declarations": [
|
|
3651
|
-
{
|
|
3652
|
-
"kind": "class",
|
|
3653
|
-
"description": "`mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\nIt is used as an internal component and is not intended to be used directly by consumers.\nConsumers should use the `mdc-button` component instead.",
|
|
3654
|
-
"name": "Buttonsimple",
|
|
3655
|
-
"members": [
|
|
3656
|
-
{
|
|
3657
|
-
"kind": "field",
|
|
3658
|
-
"name": "active",
|
|
3659
|
-
"type": {
|
|
3660
|
-
"text": "boolean | undefined"
|
|
3661
|
-
},
|
|
3662
|
-
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
3663
|
-
"default": "undefined",
|
|
3664
|
-
"attribute": "active",
|
|
3665
|
-
"reflects": true
|
|
3666
|
-
},
|
|
3667
|
-
{
|
|
3668
|
-
"kind": "field",
|
|
3669
|
-
"name": "softDisabled",
|
|
3670
|
-
"type": {
|
|
3671
|
-
"text": "boolean | undefined"
|
|
3672
|
-
},
|
|
3673
|
-
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
3674
|
-
"default": "undefined",
|
|
3675
|
-
"attribute": "soft-disabled",
|
|
3676
|
-
"reflects": true
|
|
3677
|
-
},
|
|
3678
|
-
{
|
|
3679
|
-
"kind": "field",
|
|
3680
|
-
"name": "size",
|
|
3681
|
-
"type": {
|
|
3682
|
-
"text": "ButtonSize"
|
|
3683
|
-
},
|
|
3684
|
-
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
3685
|
-
"default": "32",
|
|
3686
|
-
"attribute": "size",
|
|
3687
|
-
"reflects": true
|
|
3688
|
-
},
|
|
3689
|
-
{
|
|
3690
|
-
"kind": "field",
|
|
3691
|
-
"name": "role",
|
|
3692
|
-
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
3693
|
-
"default": "button",
|
|
3694
|
-
"attribute": "role",
|
|
3695
|
-
"reflects": true
|
|
3696
|
-
},
|
|
3697
|
-
{
|
|
3698
|
-
"kind": "field",
|
|
3699
|
-
"name": "ariaStateKey",
|
|
3700
|
-
"type": {
|
|
3701
|
-
"text": "string | undefined"
|
|
3702
|
-
},
|
|
3703
|
-
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
3704
|
-
"default": "'aria-pressed' (when)",
|
|
3705
|
-
"attribute": "ariaStateKey",
|
|
3706
|
-
"reflects": true
|
|
3707
|
-
},
|
|
3708
|
-
{
|
|
3709
|
-
"kind": "field",
|
|
3710
|
-
"name": "type",
|
|
3711
|
-
"type": {
|
|
3712
|
-
"text": "ButtonType"
|
|
3713
|
-
},
|
|
3714
|
-
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
3715
|
-
"default": "button",
|
|
3716
|
-
"attribute": "type",
|
|
3717
|
-
"reflects": true
|
|
3718
|
-
},
|
|
3719
|
-
{
|
|
3720
|
-
"kind": "method",
|
|
3721
|
-
"name": "executeAction",
|
|
3722
|
-
"privacy": "protected"
|
|
3723
|
-
},
|
|
3724
|
-
{
|
|
3725
|
-
"kind": "method",
|
|
3726
|
-
"name": "setActive",
|
|
3727
|
-
"privacy": "protected",
|
|
3728
|
-
"parameters": [
|
|
3729
|
-
{
|
|
3730
|
-
"name": "element",
|
|
3731
|
-
"type": {
|
|
3732
|
-
"text": "HTMLElement"
|
|
3733
|
-
},
|
|
3734
|
-
"description": "The button element"
|
|
3735
|
-
},
|
|
3736
|
-
{
|
|
3737
|
-
"name": "active",
|
|
3738
|
-
"optional": true,
|
|
3739
|
-
"type": {
|
|
3740
|
-
"text": "boolean"
|
|
3741
|
-
},
|
|
3742
|
-
"description": "The active state of the element"
|
|
3743
|
-
}
|
|
3744
|
-
],
|
|
3745
|
-
"description": "Sets the ariaStateKey attributes based on the active state of the button."
|
|
3746
|
-
},
|
|
3747
|
-
{
|
|
3748
|
-
"kind": "method",
|
|
3749
|
-
"name": "setSoftDisabled",
|
|
3750
|
-
"privacy": "private",
|
|
3751
|
-
"parameters": [
|
|
3752
|
-
{
|
|
3753
|
-
"name": "element",
|
|
3754
|
-
"type": {
|
|
3755
|
-
"text": "HTMLElement"
|
|
3756
|
-
},
|
|
3757
|
-
"description": "The button element."
|
|
3758
|
-
},
|
|
3759
|
-
{
|
|
3760
|
-
"name": "softDisabled",
|
|
3761
|
-
"optional": true,
|
|
3762
|
-
"type": {
|
|
3763
|
-
"text": "boolean"
|
|
3764
|
-
},
|
|
3765
|
-
"description": "The soft-disabled state."
|
|
3766
|
-
}
|
|
3767
|
-
],
|
|
3768
|
-
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute."
|
|
3769
|
-
},
|
|
3770
|
-
{
|
|
3771
|
-
"kind": "method",
|
|
3772
|
-
"name": "setDisabled",
|
|
3773
|
-
"privacy": "private",
|
|
3774
|
-
"parameters": [
|
|
3775
|
-
{
|
|
3776
|
-
"name": "element",
|
|
3777
|
-
"type": {
|
|
3778
|
-
"text": "HTMLElement"
|
|
3779
|
-
},
|
|
3780
|
-
"description": "The button element."
|
|
3781
|
-
},
|
|
3782
|
-
{
|
|
3783
|
-
"name": "disabled",
|
|
3784
|
-
"type": {
|
|
3785
|
-
"text": "boolean"
|
|
3786
|
-
},
|
|
3787
|
-
"description": "The disabled state."
|
|
3788
|
-
}
|
|
3789
|
-
],
|
|
3790
|
-
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute."
|
|
3791
|
-
},
|
|
3792
|
-
{
|
|
3793
|
-
"kind": "method",
|
|
3794
|
-
"name": "triggerClickEvent",
|
|
3795
|
-
"privacy": "private"
|
|
3796
|
-
},
|
|
3797
|
-
{
|
|
3798
|
-
"kind": "method",
|
|
3799
|
-
"name": "handleBlur",
|
|
3800
|
-
"privacy": "private",
|
|
3801
|
-
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed."
|
|
3802
|
-
},
|
|
3803
|
-
{
|
|
3804
|
-
"kind": "method",
|
|
3805
|
-
"name": "handleKeyDown",
|
|
3806
|
-
"privacy": "private",
|
|
3807
|
-
"parameters": [
|
|
3808
|
-
{
|
|
3809
|
-
"name": "event",
|
|
3810
|
-
"type": {
|
|
3811
|
-
"text": "KeyboardEvent"
|
|
3812
|
-
},
|
|
3813
|
-
"description": "The keyboard event."
|
|
3814
|
-
}
|
|
3815
|
-
],
|
|
3816
|
-
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.\nIf the key is 'Space', the button's default is prevent to avoid scrolling etc in the host application."
|
|
3817
|
-
},
|
|
3818
|
-
{
|
|
3819
|
-
"kind": "method",
|
|
3820
|
-
"name": "handleKeyUp",
|
|
3821
|
-
"privacy": "private",
|
|
3822
|
-
"parameters": [
|
|
3823
|
-
{
|
|
3824
|
-
"name": "event",
|
|
3825
|
-
"type": {
|
|
3826
|
-
"text": "KeyboardEvent"
|
|
3827
|
-
},
|
|
3828
|
-
"description": "The keyboard event."
|
|
3829
|
-
}
|
|
3830
|
-
],
|
|
3831
|
-
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way."
|
|
3832
|
-
},
|
|
3833
|
-
{
|
|
3834
|
-
"kind": "field",
|
|
3835
|
-
"name": "autofocus",
|
|
3836
|
-
"type": {
|
|
3837
|
-
"text": "boolean"
|
|
3838
|
-
},
|
|
3839
|
-
"default": "false",
|
|
3840
|
-
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
3841
|
-
"attribute": "autofocus",
|
|
3842
|
-
"reflects": true,
|
|
3843
|
-
"inheritedFrom": {
|
|
3844
|
-
"name": "AutoFocusMixin",
|
|
3845
|
-
"module": "utils/mixins/AutoFocusMixin.js"
|
|
3846
|
-
}
|
|
3847
|
-
},
|
|
3848
|
-
{
|
|
3849
|
-
"kind": "field",
|
|
3850
|
-
"name": "tabIndex",
|
|
3851
|
-
"type": {
|
|
3852
|
-
"text": "number"
|
|
3853
|
-
},
|
|
3854
|
-
"default": "0",
|
|
3855
|
-
"description": "This property specifies the tab order of the element.",
|
|
3856
|
-
"attribute": "tabIndex",
|
|
3857
|
-
"reflects": true,
|
|
3858
|
-
"inheritedFrom": {
|
|
3859
|
-
"name": "TabIndexMixin",
|
|
3860
|
-
"module": "utils/mixins/TabIndexMixin.js"
|
|
3861
|
-
}
|
|
3862
|
-
},
|
|
3863
|
-
{
|
|
3864
|
-
"kind": "field",
|
|
3865
|
-
"name": "disabled",
|
|
3866
|
-
"type": {
|
|
3867
|
-
"text": "boolean | undefined"
|
|
3868
|
-
},
|
|
3869
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
3870
|
-
"default": "undefined",
|
|
3871
|
-
"attribute": "disabled",
|
|
3872
|
-
"reflects": true,
|
|
3873
|
-
"inheritedFrom": {
|
|
3874
|
-
"name": "DisabledMixin",
|
|
3875
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
3876
|
-
}
|
|
3877
|
-
}
|
|
3878
|
-
],
|
|
3879
|
-
"events": [
|
|
3880
|
-
{
|
|
3881
|
-
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
3882
|
-
"name": "click",
|
|
3883
|
-
"reactName": "onClick"
|
|
3884
|
-
},
|
|
3885
|
-
{
|
|
3886
|
-
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
3887
|
-
"name": "keydown",
|
|
3888
|
-
"reactName": "onKeyDown"
|
|
3889
|
-
},
|
|
3890
|
-
{
|
|
3891
|
-
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
3892
|
-
"name": "keyup",
|
|
3893
|
-
"reactName": "onKeyUp"
|
|
3894
|
-
},
|
|
3895
|
-
{
|
|
3896
|
-
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
3897
|
-
"name": "focus",
|
|
3898
|
-
"reactName": "onFocus"
|
|
3899
|
-
}
|
|
3900
|
-
],
|
|
3901
|
-
"attributes": [
|
|
3902
|
-
{
|
|
3903
|
-
"name": "active",
|
|
3904
|
-
"type": {
|
|
3905
|
-
"text": "boolean | undefined"
|
|
3906
|
-
},
|
|
3907
|
-
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
3908
|
-
"default": "undefined",
|
|
3909
|
-
"fieldName": "active"
|
|
3910
|
-
},
|
|
3911
|
-
{
|
|
3912
|
-
"name": "soft-disabled",
|
|
3913
|
-
"type": {
|
|
3914
|
-
"text": "boolean | undefined"
|
|
3915
|
-
},
|
|
3916
|
-
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
3917
|
-
"default": "undefined",
|
|
3918
|
-
"fieldName": "softDisabled"
|
|
3919
|
-
},
|
|
3552
|
+
],
|
|
3553
|
+
"superclass": {
|
|
3554
|
+
"name": "Linksimple",
|
|
3555
|
+
"module": "/src/components/linksimple/linksimple.component"
|
|
3556
|
+
},
|
|
3557
|
+
"tagName": "mdc-buttonlink",
|
|
3558
|
+
"jsDoc": "/**\n * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\n * features of `mdc-button`. This includes support for variants, sizing, and optional\n * prefix and postfix icons via slots.\n *\n * ### Features:\n * - Behaves like an link while visually resembling a button.\n * - Supports slots for `prefix-icon` and `postfix-icon`.\n * - Customizable size, color, and variant through attributes.\n * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-buttonlink\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n */",
|
|
3559
|
+
"customElement": true,
|
|
3560
|
+
"cssProperties": [
|
|
3920
3561
|
{
|
|
3921
|
-
"
|
|
3922
|
-
"
|
|
3923
|
-
|
|
3924
|
-
|
|
3925
|
-
|
|
3926
|
-
|
|
3927
|
-
"fieldName": "size"
|
|
3562
|
+
"description": "Border radius of the link.",
|
|
3563
|
+
"name": "--mdc-link-border-radius",
|
|
3564
|
+
"inheritedFrom": {
|
|
3565
|
+
"name": "Linksimple",
|
|
3566
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3567
|
+
}
|
|
3928
3568
|
},
|
|
3929
3569
|
{
|
|
3930
|
-
"
|
|
3931
|
-
"
|
|
3932
|
-
"
|
|
3933
|
-
|
|
3570
|
+
"description": "Color of the link’s child content in the active state.",
|
|
3571
|
+
"name": "--mdc-link-color-active",
|
|
3572
|
+
"inheritedFrom": {
|
|
3573
|
+
"name": "Linksimple",
|
|
3574
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3575
|
+
}
|
|
3934
3576
|
},
|
|
3935
3577
|
{
|
|
3936
|
-
"
|
|
3937
|
-
"
|
|
3938
|
-
|
|
3939
|
-
|
|
3940
|
-
|
|
3941
|
-
|
|
3942
|
-
"fieldName": "ariaStateKey"
|
|
3578
|
+
"description": "Color of the link’s child content in the disabled state.",
|
|
3579
|
+
"name": "--mdc-link-color-disabled",
|
|
3580
|
+
"inheritedFrom": {
|
|
3581
|
+
"name": "Linksimple",
|
|
3582
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3583
|
+
}
|
|
3943
3584
|
},
|
|
3944
3585
|
{
|
|
3945
|
-
"
|
|
3946
|
-
"
|
|
3947
|
-
|
|
3948
|
-
|
|
3949
|
-
|
|
3950
|
-
|
|
3951
|
-
"fieldName": "type"
|
|
3586
|
+
"description": "Color of the link’s child content in the hover state.",
|
|
3587
|
+
"name": "--mdc-link-color-hover",
|
|
3588
|
+
"inheritedFrom": {
|
|
3589
|
+
"name": "Linksimple",
|
|
3590
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3591
|
+
}
|
|
3952
3592
|
},
|
|
3953
3593
|
{
|
|
3954
|
-
"
|
|
3955
|
-
"
|
|
3956
|
-
"text": "boolean"
|
|
3957
|
-
},
|
|
3958
|
-
"default": "false",
|
|
3959
|
-
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
3960
|
-
"fieldName": "autofocus",
|
|
3594
|
+
"description": "Color of the link’s child content in the normal state.",
|
|
3595
|
+
"name": "--mdc-link-color-normal",
|
|
3961
3596
|
"inheritedFrom": {
|
|
3962
|
-
"name": "
|
|
3963
|
-
"module": "src/
|
|
3597
|
+
"name": "Linksimple",
|
|
3598
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3964
3599
|
}
|
|
3965
3600
|
},
|
|
3966
3601
|
{
|
|
3967
|
-
"
|
|
3968
|
-
"
|
|
3969
|
-
"text": "number"
|
|
3970
|
-
},
|
|
3971
|
-
"default": "0",
|
|
3972
|
-
"description": "This property specifies the tab order of the element.",
|
|
3973
|
-
"fieldName": "tabIndex",
|
|
3602
|
+
"description": "Color of the inverted link’s child content in the active state.",
|
|
3603
|
+
"name": "--mdc-link-inverted-color-active",
|
|
3974
3604
|
"inheritedFrom": {
|
|
3975
|
-
"name": "
|
|
3976
|
-
"module": "src/
|
|
3605
|
+
"name": "Linksimple",
|
|
3606
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3977
3607
|
}
|
|
3978
3608
|
},
|
|
3979
3609
|
{
|
|
3980
|
-
"
|
|
3981
|
-
"
|
|
3982
|
-
"text": "boolean | undefined"
|
|
3983
|
-
},
|
|
3984
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
3985
|
-
"default": "undefined",
|
|
3986
|
-
"fieldName": "disabled",
|
|
3610
|
+
"description": "Color of the inverted link’s child content in the disabled state.",
|
|
3611
|
+
"name": "--mdc-link-inverted-color-disabled",
|
|
3987
3612
|
"inheritedFrom": {
|
|
3988
|
-
"name": "
|
|
3989
|
-
"module": "src/
|
|
3613
|
+
"name": "Linksimple",
|
|
3614
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3990
3615
|
}
|
|
3991
|
-
}
|
|
3992
|
-
],
|
|
3993
|
-
"mixins": [
|
|
3994
|
-
{
|
|
3995
|
-
"name": "AutoFocusMixin",
|
|
3996
|
-
"module": "/src/utils/mixins/AutoFocusMixin"
|
|
3997
3616
|
},
|
|
3998
3617
|
{
|
|
3999
|
-
"
|
|
4000
|
-
"
|
|
3618
|
+
"description": "Color of the inverted link’s child content in the hover state.",
|
|
3619
|
+
"name": "--mdc-link-inverted-color-hover",
|
|
3620
|
+
"inheritedFrom": {
|
|
3621
|
+
"name": "Linksimple",
|
|
3622
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3623
|
+
}
|
|
4001
3624
|
},
|
|
4002
3625
|
{
|
|
4003
|
-
"
|
|
4004
|
-
"
|
|
3626
|
+
"description": "Color of the inverted link’s child content in the normal state.",
|
|
3627
|
+
"name": "--mdc-link-inverted-color-normal",
|
|
3628
|
+
"inheritedFrom": {
|
|
3629
|
+
"name": "Linksimple",
|
|
3630
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3631
|
+
}
|
|
4005
3632
|
}
|
|
4006
|
-
]
|
|
4007
|
-
"superclass": {
|
|
4008
|
-
"name": "Component",
|
|
4009
|
-
"module": "/src/models"
|
|
4010
|
-
},
|
|
4011
|
-
"tagName": "mdc-buttonsimple",
|
|
4012
|
-
"jsDoc": "/**\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\n * It is used as an internal component and is not intended to be used directly by consumers.\n * Consumers should use the `mdc-button` component instead.\n *\n * @event click - (React: onClick) This event is dispatched when the button is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the button.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the button.\n * @event focus - (React: onFocus) This event is dispatched when the button receives focus.\n *\n * @tagname mdc-buttonsimple\n */",
|
|
4013
|
-
"customElement": true
|
|
3633
|
+
]
|
|
4014
3634
|
}
|
|
4015
3635
|
],
|
|
4016
3636
|
"exports": [
|
|
@@ -4018,8 +3638,8 @@
|
|
|
4018
3638
|
"kind": "js",
|
|
4019
3639
|
"name": "default",
|
|
4020
3640
|
"declaration": {
|
|
4021
|
-
"name": "
|
|
4022
|
-
"module": "components/
|
|
3641
|
+
"name": "ButtonLink",
|
|
3642
|
+
"module": "components/buttonlink/buttonlink.component.js"
|
|
4023
3643
|
}
|
|
4024
3644
|
}
|
|
4025
3645
|
]
|
|
@@ -4425,6 +4045,386 @@
|
|
|
4425
4045
|
}
|
|
4426
4046
|
]
|
|
4427
4047
|
},
|
|
4048
|
+
{
|
|
4049
|
+
"kind": "javascript-module",
|
|
4050
|
+
"path": "components/buttonsimple/buttonsimple.component.js",
|
|
4051
|
+
"declarations": [
|
|
4052
|
+
{
|
|
4053
|
+
"kind": "class",
|
|
4054
|
+
"description": "`mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\nIt is used as an internal component and is not intended to be used directly by consumers.\nConsumers should use the `mdc-button` component instead.",
|
|
4055
|
+
"name": "Buttonsimple",
|
|
4056
|
+
"members": [
|
|
4057
|
+
{
|
|
4058
|
+
"kind": "field",
|
|
4059
|
+
"name": "active",
|
|
4060
|
+
"type": {
|
|
4061
|
+
"text": "boolean | undefined"
|
|
4062
|
+
},
|
|
4063
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
4064
|
+
"default": "undefined",
|
|
4065
|
+
"attribute": "active",
|
|
4066
|
+
"reflects": true
|
|
4067
|
+
},
|
|
4068
|
+
{
|
|
4069
|
+
"kind": "field",
|
|
4070
|
+
"name": "softDisabled",
|
|
4071
|
+
"type": {
|
|
4072
|
+
"text": "boolean | undefined"
|
|
4073
|
+
},
|
|
4074
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
4075
|
+
"default": "undefined",
|
|
4076
|
+
"attribute": "soft-disabled",
|
|
4077
|
+
"reflects": true
|
|
4078
|
+
},
|
|
4079
|
+
{
|
|
4080
|
+
"kind": "field",
|
|
4081
|
+
"name": "size",
|
|
4082
|
+
"type": {
|
|
4083
|
+
"text": "ButtonSize"
|
|
4084
|
+
},
|
|
4085
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
4086
|
+
"default": "32",
|
|
4087
|
+
"attribute": "size",
|
|
4088
|
+
"reflects": true
|
|
4089
|
+
},
|
|
4090
|
+
{
|
|
4091
|
+
"kind": "field",
|
|
4092
|
+
"name": "role",
|
|
4093
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
4094
|
+
"default": "button",
|
|
4095
|
+
"attribute": "role",
|
|
4096
|
+
"reflects": true
|
|
4097
|
+
},
|
|
4098
|
+
{
|
|
4099
|
+
"kind": "field",
|
|
4100
|
+
"name": "ariaStateKey",
|
|
4101
|
+
"type": {
|
|
4102
|
+
"text": "string | undefined"
|
|
4103
|
+
},
|
|
4104
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
4105
|
+
"default": "'aria-pressed' (when)",
|
|
4106
|
+
"attribute": "ariaStateKey",
|
|
4107
|
+
"reflects": true
|
|
4108
|
+
},
|
|
4109
|
+
{
|
|
4110
|
+
"kind": "field",
|
|
4111
|
+
"name": "type",
|
|
4112
|
+
"type": {
|
|
4113
|
+
"text": "ButtonType"
|
|
4114
|
+
},
|
|
4115
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
4116
|
+
"default": "button",
|
|
4117
|
+
"attribute": "type",
|
|
4118
|
+
"reflects": true
|
|
4119
|
+
},
|
|
4120
|
+
{
|
|
4121
|
+
"kind": "method",
|
|
4122
|
+
"name": "executeAction",
|
|
4123
|
+
"privacy": "protected"
|
|
4124
|
+
},
|
|
4125
|
+
{
|
|
4126
|
+
"kind": "method",
|
|
4127
|
+
"name": "setActive",
|
|
4128
|
+
"privacy": "protected",
|
|
4129
|
+
"parameters": [
|
|
4130
|
+
{
|
|
4131
|
+
"name": "element",
|
|
4132
|
+
"type": {
|
|
4133
|
+
"text": "HTMLElement"
|
|
4134
|
+
},
|
|
4135
|
+
"description": "The button element"
|
|
4136
|
+
},
|
|
4137
|
+
{
|
|
4138
|
+
"name": "active",
|
|
4139
|
+
"optional": true,
|
|
4140
|
+
"type": {
|
|
4141
|
+
"text": "boolean"
|
|
4142
|
+
},
|
|
4143
|
+
"description": "The active state of the element"
|
|
4144
|
+
}
|
|
4145
|
+
],
|
|
4146
|
+
"description": "Sets the ariaStateKey attributes based on the active state of the button."
|
|
4147
|
+
},
|
|
4148
|
+
{
|
|
4149
|
+
"kind": "method",
|
|
4150
|
+
"name": "setSoftDisabled",
|
|
4151
|
+
"privacy": "private",
|
|
4152
|
+
"parameters": [
|
|
4153
|
+
{
|
|
4154
|
+
"name": "element",
|
|
4155
|
+
"type": {
|
|
4156
|
+
"text": "HTMLElement"
|
|
4157
|
+
},
|
|
4158
|
+
"description": "The button element."
|
|
4159
|
+
},
|
|
4160
|
+
{
|
|
4161
|
+
"name": "softDisabled",
|
|
4162
|
+
"optional": true,
|
|
4163
|
+
"type": {
|
|
4164
|
+
"text": "boolean"
|
|
4165
|
+
},
|
|
4166
|
+
"description": "The soft-disabled state."
|
|
4167
|
+
}
|
|
4168
|
+
],
|
|
4169
|
+
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute."
|
|
4170
|
+
},
|
|
4171
|
+
{
|
|
4172
|
+
"kind": "method",
|
|
4173
|
+
"name": "setDisabled",
|
|
4174
|
+
"privacy": "private",
|
|
4175
|
+
"parameters": [
|
|
4176
|
+
{
|
|
4177
|
+
"name": "element",
|
|
4178
|
+
"type": {
|
|
4179
|
+
"text": "HTMLElement"
|
|
4180
|
+
},
|
|
4181
|
+
"description": "The button element."
|
|
4182
|
+
},
|
|
4183
|
+
{
|
|
4184
|
+
"name": "disabled",
|
|
4185
|
+
"type": {
|
|
4186
|
+
"text": "boolean"
|
|
4187
|
+
},
|
|
4188
|
+
"description": "The disabled state."
|
|
4189
|
+
}
|
|
4190
|
+
],
|
|
4191
|
+
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute."
|
|
4192
|
+
},
|
|
4193
|
+
{
|
|
4194
|
+
"kind": "method",
|
|
4195
|
+
"name": "triggerClickEvent",
|
|
4196
|
+
"privacy": "private"
|
|
4197
|
+
},
|
|
4198
|
+
{
|
|
4199
|
+
"kind": "method",
|
|
4200
|
+
"name": "handleBlur",
|
|
4201
|
+
"privacy": "private",
|
|
4202
|
+
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed."
|
|
4203
|
+
},
|
|
4204
|
+
{
|
|
4205
|
+
"kind": "method",
|
|
4206
|
+
"name": "handleKeyDown",
|
|
4207
|
+
"privacy": "private",
|
|
4208
|
+
"parameters": [
|
|
4209
|
+
{
|
|
4210
|
+
"name": "event",
|
|
4211
|
+
"type": {
|
|
4212
|
+
"text": "KeyboardEvent"
|
|
4213
|
+
},
|
|
4214
|
+
"description": "The keyboard event."
|
|
4215
|
+
}
|
|
4216
|
+
],
|
|
4217
|
+
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.\nIf the key is 'Space', the button's default is prevent to avoid scrolling etc in the host application."
|
|
4218
|
+
},
|
|
4219
|
+
{
|
|
4220
|
+
"kind": "method",
|
|
4221
|
+
"name": "handleKeyUp",
|
|
4222
|
+
"privacy": "private",
|
|
4223
|
+
"parameters": [
|
|
4224
|
+
{
|
|
4225
|
+
"name": "event",
|
|
4226
|
+
"type": {
|
|
4227
|
+
"text": "KeyboardEvent"
|
|
4228
|
+
},
|
|
4229
|
+
"description": "The keyboard event."
|
|
4230
|
+
}
|
|
4231
|
+
],
|
|
4232
|
+
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way."
|
|
4233
|
+
},
|
|
4234
|
+
{
|
|
4235
|
+
"kind": "field",
|
|
4236
|
+
"name": "autofocus",
|
|
4237
|
+
"type": {
|
|
4238
|
+
"text": "boolean"
|
|
4239
|
+
},
|
|
4240
|
+
"default": "false",
|
|
4241
|
+
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
4242
|
+
"attribute": "autofocus",
|
|
4243
|
+
"reflects": true,
|
|
4244
|
+
"inheritedFrom": {
|
|
4245
|
+
"name": "AutoFocusMixin",
|
|
4246
|
+
"module": "utils/mixins/AutoFocusMixin.js"
|
|
4247
|
+
}
|
|
4248
|
+
},
|
|
4249
|
+
{
|
|
4250
|
+
"kind": "field",
|
|
4251
|
+
"name": "tabIndex",
|
|
4252
|
+
"type": {
|
|
4253
|
+
"text": "number"
|
|
4254
|
+
},
|
|
4255
|
+
"default": "0",
|
|
4256
|
+
"description": "This property specifies the tab order of the element.",
|
|
4257
|
+
"attribute": "tabIndex",
|
|
4258
|
+
"reflects": true,
|
|
4259
|
+
"inheritedFrom": {
|
|
4260
|
+
"name": "TabIndexMixin",
|
|
4261
|
+
"module": "utils/mixins/TabIndexMixin.js"
|
|
4262
|
+
}
|
|
4263
|
+
},
|
|
4264
|
+
{
|
|
4265
|
+
"kind": "field",
|
|
4266
|
+
"name": "disabled",
|
|
4267
|
+
"type": {
|
|
4268
|
+
"text": "boolean | undefined"
|
|
4269
|
+
},
|
|
4270
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
4271
|
+
"default": "undefined",
|
|
4272
|
+
"attribute": "disabled",
|
|
4273
|
+
"reflects": true,
|
|
4274
|
+
"inheritedFrom": {
|
|
4275
|
+
"name": "DisabledMixin",
|
|
4276
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
4277
|
+
}
|
|
4278
|
+
}
|
|
4279
|
+
],
|
|
4280
|
+
"events": [
|
|
4281
|
+
{
|
|
4282
|
+
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
4283
|
+
"name": "click",
|
|
4284
|
+
"reactName": "onClick"
|
|
4285
|
+
},
|
|
4286
|
+
{
|
|
4287
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
4288
|
+
"name": "keydown",
|
|
4289
|
+
"reactName": "onKeyDown"
|
|
4290
|
+
},
|
|
4291
|
+
{
|
|
4292
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
4293
|
+
"name": "keyup",
|
|
4294
|
+
"reactName": "onKeyUp"
|
|
4295
|
+
},
|
|
4296
|
+
{
|
|
4297
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
4298
|
+
"name": "focus",
|
|
4299
|
+
"reactName": "onFocus"
|
|
4300
|
+
}
|
|
4301
|
+
],
|
|
4302
|
+
"attributes": [
|
|
4303
|
+
{
|
|
4304
|
+
"name": "active",
|
|
4305
|
+
"type": {
|
|
4306
|
+
"text": "boolean | undefined"
|
|
4307
|
+
},
|
|
4308
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
4309
|
+
"default": "undefined",
|
|
4310
|
+
"fieldName": "active"
|
|
4311
|
+
},
|
|
4312
|
+
{
|
|
4313
|
+
"name": "soft-disabled",
|
|
4314
|
+
"type": {
|
|
4315
|
+
"text": "boolean | undefined"
|
|
4316
|
+
},
|
|
4317
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
4318
|
+
"default": "undefined",
|
|
4319
|
+
"fieldName": "softDisabled"
|
|
4320
|
+
},
|
|
4321
|
+
{
|
|
4322
|
+
"name": "size",
|
|
4323
|
+
"type": {
|
|
4324
|
+
"text": "ButtonSize"
|
|
4325
|
+
},
|
|
4326
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
4327
|
+
"default": "32",
|
|
4328
|
+
"fieldName": "size"
|
|
4329
|
+
},
|
|
4330
|
+
{
|
|
4331
|
+
"name": "role",
|
|
4332
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
4333
|
+
"default": "button",
|
|
4334
|
+
"fieldName": "role"
|
|
4335
|
+
},
|
|
4336
|
+
{
|
|
4337
|
+
"name": "ariaStateKey",
|
|
4338
|
+
"type": {
|
|
4339
|
+
"text": "string | undefined"
|
|
4340
|
+
},
|
|
4341
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
4342
|
+
"default": "'aria-pressed' (when)",
|
|
4343
|
+
"fieldName": "ariaStateKey"
|
|
4344
|
+
},
|
|
4345
|
+
{
|
|
4346
|
+
"name": "type",
|
|
4347
|
+
"type": {
|
|
4348
|
+
"text": "ButtonType"
|
|
4349
|
+
},
|
|
4350
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
4351
|
+
"default": "button",
|
|
4352
|
+
"fieldName": "type"
|
|
4353
|
+
},
|
|
4354
|
+
{
|
|
4355
|
+
"name": "autofocus",
|
|
4356
|
+
"type": {
|
|
4357
|
+
"text": "boolean"
|
|
4358
|
+
},
|
|
4359
|
+
"default": "false",
|
|
4360
|
+
"description": "This property indicates whether the element should receive focus automatically when it is rendered.",
|
|
4361
|
+
"fieldName": "autofocus",
|
|
4362
|
+
"inheritedFrom": {
|
|
4363
|
+
"name": "AutoFocusMixin",
|
|
4364
|
+
"module": "src/utils/mixins/AutoFocusMixin.ts"
|
|
4365
|
+
}
|
|
4366
|
+
},
|
|
4367
|
+
{
|
|
4368
|
+
"name": "tabIndex",
|
|
4369
|
+
"type": {
|
|
4370
|
+
"text": "number"
|
|
4371
|
+
},
|
|
4372
|
+
"default": "0",
|
|
4373
|
+
"description": "This property specifies the tab order of the element.",
|
|
4374
|
+
"fieldName": "tabIndex",
|
|
4375
|
+
"inheritedFrom": {
|
|
4376
|
+
"name": "TabIndexMixin",
|
|
4377
|
+
"module": "src/utils/mixins/TabIndexMixin.ts"
|
|
4378
|
+
}
|
|
4379
|
+
},
|
|
4380
|
+
{
|
|
4381
|
+
"name": "disabled",
|
|
4382
|
+
"type": {
|
|
4383
|
+
"text": "boolean | undefined"
|
|
4384
|
+
},
|
|
4385
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
4386
|
+
"default": "undefined",
|
|
4387
|
+
"fieldName": "disabled",
|
|
4388
|
+
"inheritedFrom": {
|
|
4389
|
+
"name": "DisabledMixin",
|
|
4390
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
4391
|
+
}
|
|
4392
|
+
}
|
|
4393
|
+
],
|
|
4394
|
+
"mixins": [
|
|
4395
|
+
{
|
|
4396
|
+
"name": "AutoFocusMixin",
|
|
4397
|
+
"module": "/src/utils/mixins/AutoFocusMixin"
|
|
4398
|
+
},
|
|
4399
|
+
{
|
|
4400
|
+
"name": "TabIndexMixin",
|
|
4401
|
+
"module": "/src/utils/mixins/TabIndexMixin"
|
|
4402
|
+
},
|
|
4403
|
+
{
|
|
4404
|
+
"name": "DisabledMixin",
|
|
4405
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
4406
|
+
}
|
|
4407
|
+
],
|
|
4408
|
+
"superclass": {
|
|
4409
|
+
"name": "Component",
|
|
4410
|
+
"module": "/src/models"
|
|
4411
|
+
},
|
|
4412
|
+
"tagName": "mdc-buttonsimple",
|
|
4413
|
+
"jsDoc": "/**\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\n * It is used as an internal component and is not intended to be used directly by consumers.\n * Consumers should use the `mdc-button` component instead.\n *\n * @event click - (React: onClick) This event is dispatched when the button is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the button.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the button.\n * @event focus - (React: onFocus) This event is dispatched when the button receives focus.\n *\n * @tagname mdc-buttonsimple\n */",
|
|
4414
|
+
"customElement": true
|
|
4415
|
+
}
|
|
4416
|
+
],
|
|
4417
|
+
"exports": [
|
|
4418
|
+
{
|
|
4419
|
+
"kind": "js",
|
|
4420
|
+
"name": "default",
|
|
4421
|
+
"declaration": {
|
|
4422
|
+
"name": "Buttonsimple",
|
|
4423
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
4424
|
+
}
|
|
4425
|
+
}
|
|
4426
|
+
]
|
|
4427
|
+
},
|
|
4428
4428
|
{
|
|
4429
4429
|
"kind": "javascript-module",
|
|
4430
4430
|
"path": "components/cardbutton/cardbutton.component.js",
|
|
@@ -34250,6 +34250,140 @@
|
|
|
34250
34250
|
}
|
|
34251
34251
|
]
|
|
34252
34252
|
},
|
|
34253
|
+
{
|
|
34254
|
+
"kind": "javascript-module",
|
|
34255
|
+
"path": "components/virtualizedlist/virtualizedlist.component.js",
|
|
34256
|
+
"declarations": [
|
|
34257
|
+
{
|
|
34258
|
+
"kind": "class",
|
|
34259
|
+
"description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
|
|
34260
|
+
"name": "VirtualizedList",
|
|
34261
|
+
"slots": [
|
|
34262
|
+
{
|
|
34263
|
+
"description": "Client side List with nested list items.",
|
|
34264
|
+
"name": ""
|
|
34265
|
+
}
|
|
34266
|
+
],
|
|
34267
|
+
"members": [
|
|
34268
|
+
{
|
|
34269
|
+
"kind": "field",
|
|
34270
|
+
"name": "onscroll",
|
|
34271
|
+
"type": {
|
|
34272
|
+
"text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
|
|
34273
|
+
},
|
|
34274
|
+
"description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
|
|
34275
|
+
"default": "null",
|
|
34276
|
+
"attribute": "onscroll"
|
|
34277
|
+
},
|
|
34278
|
+
{
|
|
34279
|
+
"kind": "field",
|
|
34280
|
+
"name": "virtualizerProps",
|
|
34281
|
+
"type": {
|
|
34282
|
+
"text": "VirtualizerProps"
|
|
34283
|
+
},
|
|
34284
|
+
"description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
|
|
34285
|
+
"attribute": "virtualizerprops"
|
|
34286
|
+
},
|
|
34287
|
+
{
|
|
34288
|
+
"kind": "field",
|
|
34289
|
+
"name": "setlistdata",
|
|
34290
|
+
"type": {
|
|
34291
|
+
"text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
|
|
34292
|
+
},
|
|
34293
|
+
"description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
|
|
34294
|
+
"default": "null",
|
|
34295
|
+
"attribute": "setlistdata"
|
|
34296
|
+
},
|
|
34297
|
+
{
|
|
34298
|
+
"kind": "field",
|
|
34299
|
+
"name": "scrollElementRef",
|
|
34300
|
+
"type": {
|
|
34301
|
+
"text": "Ref<HTMLDivElement>"
|
|
34302
|
+
},
|
|
34303
|
+
"privacy": "public"
|
|
34304
|
+
},
|
|
34305
|
+
{
|
|
34306
|
+
"kind": "field",
|
|
34307
|
+
"name": "virtualizer",
|
|
34308
|
+
"type": {
|
|
34309
|
+
"text": "Virtualizer<Element, Element> | null"
|
|
34310
|
+
},
|
|
34311
|
+
"privacy": "public",
|
|
34312
|
+
"default": "null"
|
|
34313
|
+
},
|
|
34314
|
+
{
|
|
34315
|
+
"kind": "field",
|
|
34316
|
+
"name": "virtualItems",
|
|
34317
|
+
"type": {
|
|
34318
|
+
"text": "Array<VirtualItem>"
|
|
34319
|
+
},
|
|
34320
|
+
"privacy": "public",
|
|
34321
|
+
"default": "[]"
|
|
34322
|
+
},
|
|
34323
|
+
{
|
|
34324
|
+
"kind": "field",
|
|
34325
|
+
"name": "virtualizerController",
|
|
34326
|
+
"type": {
|
|
34327
|
+
"text": "null"
|
|
34328
|
+
},
|
|
34329
|
+
"default": "null"
|
|
34330
|
+
}
|
|
34331
|
+
],
|
|
34332
|
+
"events": [
|
|
34333
|
+
{
|
|
34334
|
+
"description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
|
|
34335
|
+
"name": "onscroll",
|
|
34336
|
+
"reactName": "onScroll"
|
|
34337
|
+
}
|
|
34338
|
+
],
|
|
34339
|
+
"attributes": [
|
|
34340
|
+
{
|
|
34341
|
+
"name": "onscroll",
|
|
34342
|
+
"type": {
|
|
34343
|
+
"text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
|
|
34344
|
+
},
|
|
34345
|
+
"description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
|
|
34346
|
+
"default": "null",
|
|
34347
|
+
"fieldName": "onscroll"
|
|
34348
|
+
},
|
|
34349
|
+
{
|
|
34350
|
+
"name": "virtualizerprops",
|
|
34351
|
+
"type": {
|
|
34352
|
+
"text": "VirtualizerProps"
|
|
34353
|
+
},
|
|
34354
|
+
"description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
|
|
34355
|
+
"fieldName": "virtualizerProps"
|
|
34356
|
+
},
|
|
34357
|
+
{
|
|
34358
|
+
"name": "setlistdata",
|
|
34359
|
+
"type": {
|
|
34360
|
+
"text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
|
|
34361
|
+
},
|
|
34362
|
+
"description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
|
|
34363
|
+
"default": "null",
|
|
34364
|
+
"fieldName": "setlistdata"
|
|
34365
|
+
}
|
|
34366
|
+
],
|
|
34367
|
+
"superclass": {
|
|
34368
|
+
"name": "Component",
|
|
34369
|
+
"module": "/src/models"
|
|
34370
|
+
},
|
|
34371
|
+
"tagName": "mdc-virtualizedlist",
|
|
34372
|
+
"jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event onscroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n */",
|
|
34373
|
+
"customElement": true
|
|
34374
|
+
}
|
|
34375
|
+
],
|
|
34376
|
+
"exports": [
|
|
34377
|
+
{
|
|
34378
|
+
"kind": "js",
|
|
34379
|
+
"name": "default",
|
|
34380
|
+
"declaration": {
|
|
34381
|
+
"name": "VirtualizedList",
|
|
34382
|
+
"module": "components/virtualizedlist/virtualizedlist.component.js"
|
|
34383
|
+
}
|
|
34384
|
+
}
|
|
34385
|
+
]
|
|
34386
|
+
},
|
|
34253
34387
|
{
|
|
34254
34388
|
"kind": "javascript-module",
|
|
34255
34389
|
"path": "components/tooltip/tooltip.component.js",
|
|
@@ -36004,140 +36138,6 @@
|
|
|
36004
36138
|
}
|
|
36005
36139
|
]
|
|
36006
36140
|
},
|
|
36007
|
-
{
|
|
36008
|
-
"kind": "javascript-module",
|
|
36009
|
-
"path": "components/virtualizedlist/virtualizedlist.component.js",
|
|
36010
|
-
"declarations": [
|
|
36011
|
-
{
|
|
36012
|
-
"kind": "class",
|
|
36013
|
-
"description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
|
|
36014
|
-
"name": "VirtualizedList",
|
|
36015
|
-
"slots": [
|
|
36016
|
-
{
|
|
36017
|
-
"description": "Client side List with nested list items.",
|
|
36018
|
-
"name": ""
|
|
36019
|
-
}
|
|
36020
|
-
],
|
|
36021
|
-
"members": [
|
|
36022
|
-
{
|
|
36023
|
-
"kind": "field",
|
|
36024
|
-
"name": "onscroll",
|
|
36025
|
-
"type": {
|
|
36026
|
-
"text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
|
|
36027
|
-
},
|
|
36028
|
-
"description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
|
|
36029
|
-
"default": "null",
|
|
36030
|
-
"attribute": "onscroll"
|
|
36031
|
-
},
|
|
36032
|
-
{
|
|
36033
|
-
"kind": "field",
|
|
36034
|
-
"name": "virtualizerProps",
|
|
36035
|
-
"type": {
|
|
36036
|
-
"text": "VirtualizerProps"
|
|
36037
|
-
},
|
|
36038
|
-
"description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
|
|
36039
|
-
"attribute": "virtualizerprops"
|
|
36040
|
-
},
|
|
36041
|
-
{
|
|
36042
|
-
"kind": "field",
|
|
36043
|
-
"name": "setlistdata",
|
|
36044
|
-
"type": {
|
|
36045
|
-
"text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
|
|
36046
|
-
},
|
|
36047
|
-
"description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
|
|
36048
|
-
"default": "null",
|
|
36049
|
-
"attribute": "setlistdata"
|
|
36050
|
-
},
|
|
36051
|
-
{
|
|
36052
|
-
"kind": "field",
|
|
36053
|
-
"name": "scrollElementRef",
|
|
36054
|
-
"type": {
|
|
36055
|
-
"text": "Ref<HTMLDivElement>"
|
|
36056
|
-
},
|
|
36057
|
-
"privacy": "public"
|
|
36058
|
-
},
|
|
36059
|
-
{
|
|
36060
|
-
"kind": "field",
|
|
36061
|
-
"name": "virtualizer",
|
|
36062
|
-
"type": {
|
|
36063
|
-
"text": "Virtualizer<Element, Element> | null"
|
|
36064
|
-
},
|
|
36065
|
-
"privacy": "public",
|
|
36066
|
-
"default": "null"
|
|
36067
|
-
},
|
|
36068
|
-
{
|
|
36069
|
-
"kind": "field",
|
|
36070
|
-
"name": "virtualItems",
|
|
36071
|
-
"type": {
|
|
36072
|
-
"text": "Array<VirtualItem>"
|
|
36073
|
-
},
|
|
36074
|
-
"privacy": "public",
|
|
36075
|
-
"default": "[]"
|
|
36076
|
-
},
|
|
36077
|
-
{
|
|
36078
|
-
"kind": "field",
|
|
36079
|
-
"name": "virtualizerController",
|
|
36080
|
-
"type": {
|
|
36081
|
-
"text": "null"
|
|
36082
|
-
},
|
|
36083
|
-
"default": "null"
|
|
36084
|
-
}
|
|
36085
|
-
],
|
|
36086
|
-
"events": [
|
|
36087
|
-
{
|
|
36088
|
-
"description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
|
|
36089
|
-
"name": "onscroll",
|
|
36090
|
-
"reactName": "onScroll"
|
|
36091
|
-
}
|
|
36092
|
-
],
|
|
36093
|
-
"attributes": [
|
|
36094
|
-
{
|
|
36095
|
-
"name": "onscroll",
|
|
36096
|
-
"type": {
|
|
36097
|
-
"text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
|
|
36098
|
-
},
|
|
36099
|
-
"description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
|
|
36100
|
-
"default": "null",
|
|
36101
|
-
"fieldName": "onscroll"
|
|
36102
|
-
},
|
|
36103
|
-
{
|
|
36104
|
-
"name": "virtualizerprops",
|
|
36105
|
-
"type": {
|
|
36106
|
-
"text": "VirtualizerProps"
|
|
36107
|
-
},
|
|
36108
|
-
"description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
|
|
36109
|
-
"fieldName": "virtualizerProps"
|
|
36110
|
-
},
|
|
36111
|
-
{
|
|
36112
|
-
"name": "setlistdata",
|
|
36113
|
-
"type": {
|
|
36114
|
-
"text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
|
|
36115
|
-
},
|
|
36116
|
-
"description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
|
|
36117
|
-
"default": "null",
|
|
36118
|
-
"fieldName": "setlistdata"
|
|
36119
|
-
}
|
|
36120
|
-
],
|
|
36121
|
-
"superclass": {
|
|
36122
|
-
"name": "Component",
|
|
36123
|
-
"module": "/src/models"
|
|
36124
|
-
},
|
|
36125
|
-
"tagName": "mdc-virtualizedlist",
|
|
36126
|
-
"jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event onscroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n */",
|
|
36127
|
-
"customElement": true
|
|
36128
|
-
}
|
|
36129
|
-
],
|
|
36130
|
-
"exports": [
|
|
36131
|
-
{
|
|
36132
|
-
"kind": "js",
|
|
36133
|
-
"name": "default",
|
|
36134
|
-
"declaration": {
|
|
36135
|
-
"name": "VirtualizedList",
|
|
36136
|
-
"module": "components/virtualizedlist/virtualizedlist.component.js"
|
|
36137
|
-
}
|
|
36138
|
-
}
|
|
36139
|
-
]
|
|
36140
|
-
},
|
|
36141
36141
|
{
|
|
36142
36142
|
"kind": "javascript-module",
|
|
36143
36143
|
"path": "utils/mixins/AutoFocusMixin.js",
|